/*
 You probably do not need to edit this at all.

 Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
 These are theme independent and should work with any Bootstrap 3 theme mod.
*/
/* sub menus arrows */
.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
	position:static;
	margin-top:0;
	margin-right:0;
	margin-left:6px;
	display:inline-block;
	width:0;
	height:0;
	overflow:hidden;
	vertical-align:middle;
	border-top:4px solid;
	border-right:4px dashed transparent;
	border-bottom:4px dashed transparent;
	border-left:4px dashed transparent;
}
.navbar-fixed-bottom .sub-arrow {
	margin-top:-5px;
	border-top:4px dashed transparent;
	border-bottom:4px solid;
}
.navbar-nav ul .sub-arrow {
	position:absolute;
	right:0;
	margin-top:6px;
	margin-right:15px;
	border-top:4px dashed transparent;
	border-bottom:4px dashed transparent;
	border-left:4px solid;
}
.navbar-nav ul a.has-submenu {
	padding-right:30px;
}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
	position:absolute;
	display:none;
	visibility:hidden;
	height:20px;
	overflow:hidden;
	text-align:center;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
	position:absolute;
	top:-2px;
	left:50%;
	margin-left:-8px;
	width:0;
	height:0;
	overflow:hidden;
	border-top:7px dashed transparent;
	border-right:7px dashed transparent;
	border-bottom:7px solid;
	border-left:7px dashed transparent;
}
.navbar-nav span.scroll-down-arrow {
	top:6px;
	border-top:7px solid;
	border-right:7px dashed transparent;
	border-bottom:7px dashed transparent;
	border-left:7px dashed transparent;
}
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav .collapsible ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul .dropdown-menu .dropdown-header {
	padding-left:35px;
}
.navbar-nav .collapsible ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul .dropdown-menu .dropdown-header {
	padding-left:45px;
}
.navbar-nav .collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul .dropdown-menu .dropdown-header {
	padding-left:55px;
}
.navbar-nav .collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul ul .dropdown-menu .dropdown-header {
	padding-left:65px;
}
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
.navbar-nav .dropdown-menu > li > a {
	white-space:normal;
}
.navbar-nav ul.sm-nowrap > li > a {
	white-space:nowrap;
}
/* fix .navbar-right subs alignment */
.navbar-right ul.dropdown-menu {
	left:0;
	right:auto;
}
/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
.navbar-nav .collapsible ul {display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
.navbar-nav .collapsible ul.sm-nowrap > li > a {white-space:normal;}
.navbar-nav .collapsible iframe{display:none;}
@charset "UTF-8";
/*!
  Ionicons, v2.0.0
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face { font-family: "Ionicons"; src: url("../fonts/ionicons.eot?v=2.0.0"); src: url("../fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("../fonts/ionicons.woff?v=2.0.0") format("woff"), url("../fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg"); font-weight: normal; font-style: normal; }
.ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ion-alert:before { content: "\f101"; }

.ion-alert-circled:before { content: "\f100"; }

.ion-android-add:before { content: "\f2c7"; }

.ion-android-add-circle:before { content: "\f359"; }

.ion-android-alarm-clock:before { content: "\f35a"; }

.ion-android-alert:before { content: "\f35b"; }

.ion-android-apps:before { content: "\f35c"; }

.ion-android-archive:before { content: "\f2c9"; }

.ion-android-arrow-back:before { content: "\f2ca"; }

.ion-android-arrow-down:before { content: "\f35d"; }

.ion-android-arrow-dropdown:before { content: "\f35f"; }

.ion-android-arrow-dropdown-circle:before { content: "\f35e"; }

.ion-android-arrow-dropleft:before { content: "\f361"; }

.ion-android-arrow-dropleft-circle:before { content: "\f360"; }

.ion-android-arrow-dropright:before { content: "\f363"; }

.ion-android-arrow-dropright-circle:before { content: "\f362"; }

.ion-android-arrow-dropup:before { content: "\f365"; }

.ion-android-arrow-dropup-circle:before { content: "\f364"; }

.ion-android-arrow-forward:before { content: "\f30f"; }

.ion-android-arrow-up:before { content: "\f366"; }

.ion-android-attach:before { content: "\f367"; }

.ion-android-bar:before { content: "\f368"; }

.ion-android-bicycle:before { content: "\f369"; }

.ion-android-boat:before { content: "\f36a"; }

.ion-android-bookmark:before { content: "\f36b"; }

.ion-android-bulb:before { content: "\f36c"; }

.ion-android-bus:before { content: "\f36d"; }

.ion-android-calendar:before { content: "\f2d1"; }

.ion-android-call:before { content: "\f2d2"; }

.ion-android-camera:before { content: "\f2d3"; }

.ion-android-cancel:before { content: "\f36e"; }

.ion-android-car:before { content: "\f36f"; }

.ion-android-cart:before { content: "\f370"; }

.ion-android-chat:before { content: "\f2d4"; }

.ion-android-checkbox:before { content: "\f374"; }

.ion-android-checkbox-blank:before { content: "\f371"; }

.ion-android-checkbox-outline:before { content: "\f373"; }

.ion-android-checkbox-outline-blank:before { content: "\f372"; }

.ion-android-checkmark-circle:before { content: "\f375"; }

.ion-android-clipboard:before { content: "\f376"; }

.ion-android-close:before { content: "\f2d7"; }

.ion-android-cloud:before { content: "\f37a"; }

.ion-android-cloud-circle:before { content: "\f377"; }

.ion-android-cloud-done:before { content: "\f378"; }

.ion-android-cloud-outline:before { content: "\f379"; }

.ion-android-color-palette:before { content: "\f37b"; }

.ion-android-compass:before { content: "\f37c"; }

.ion-android-contact:before { content: "\f2d8"; }

.ion-android-contacts:before { content: "\f2d9"; }

.ion-android-contract:before { content: "\f37d"; }

.ion-android-create:before { content: "\f37e"; }

.ion-android-delete:before { content: "\f37f"; }

.ion-android-desktop:before { content: "\f380"; }

.ion-android-document:before { content: "\f381"; }

.ion-android-done:before { content: "\f383"; }

.ion-android-done-all:before { content: "\f382"; }

.ion-android-download:before { content: "\f2dd"; }

.ion-android-drafts:before { content: "\f384"; }

.ion-android-exit:before { content: "\f385"; }

.ion-android-expand:before { content: "\f386"; }

.ion-android-favorite:before { content: "\f388"; }

.ion-android-favorite-outline:before { content: "\f387"; }

.ion-android-film:before { content: "\f389"; }

.ion-android-folder:before { content: "\f2e0"; }

.ion-android-folder-open:before { content: "\f38a"; }

.ion-android-funnel:before { content: "\f38b"; }

.ion-android-globe:before { content: "\f38c"; }

.ion-android-hand:before { content: "\f2e3"; }

.ion-android-hangout:before { content: "\f38d"; }

.ion-android-happy:before { content: "\f38e"; }

.ion-android-home:before { content: "\f38f"; }

.ion-android-image:before { content: "\f2e4"; }

.ion-android-laptop:before { content: "\f390"; }

.ion-android-list:before { content: "\f391"; }

.ion-android-locate:before { content: "\f2e9"; }

.ion-android-lock:before { content: "\f392"; }

.ion-android-mail:before { content: "\f2eb"; }

.ion-android-map:before { content: "\f393"; }

.ion-android-menu:before { content: "\f394"; }

.ion-android-microphone:before { content: "\f2ec"; }

.ion-android-microphone-off:before { content: "\f395"; }

.ion-android-more-horizontal:before { content: "\f396"; }

.ion-android-more-vertical:before { content: "\f397"; }

.ion-android-navigate:before { content: "\f398"; }

.ion-android-notifications:before { content: "\f39b"; }

.ion-android-notifications-none:before { content: "\f399"; }

.ion-android-notifications-off:before { content: "\f39a"; }

.ion-android-open:before { content: "\f39c"; }

.ion-android-options:before { content: "\f39d"; }

.ion-android-people:before { content: "\f39e"; }

.ion-android-person:before { content: "\f3a0"; }

.ion-android-person-add:before { content: "\f39f"; }

.ion-android-phone-landscape:before { content: "\f3a1"; }

.ion-android-phone-portrait:before { content: "\f3a2"; }

.ion-android-pin:before { content: "\f3a3"; }

.ion-android-plane:before { content: "\f3a4"; }

.ion-android-playstore:before { content: "\f2f0"; }

.ion-android-print:before { content: "\f3a5"; }

.ion-android-radio-button-off:before { content: "\f3a6"; }

.ion-android-radio-button-on:before { content: "\f3a7"; }

.ion-android-refresh:before { content: "\f3a8"; }

.ion-android-remove:before { content: "\f2f4"; }

.ion-android-remove-circle:before { content: "\f3a9"; }

.ion-android-restaurant:before { content: "\f3aa"; }

.ion-android-sad:before { content: "\f3ab"; }

.ion-android-search:before { content: "\f2f5"; }

.ion-android-send:before { content: "\f2f6"; }

.ion-android-settings:before { content: "\f2f7"; }

.ion-android-share:before { content: "\f2f8"; }

.ion-android-share-alt:before { content: "\f3ac"; }

.ion-android-star:before { content: "\f2fc"; }

.ion-android-star-half:before { content: "\f3ad"; }

.ion-android-star-outline:before { content: "\f3ae"; }

.ion-android-stopwatch:before { content: "\f2fd"; }

.ion-android-subway:before { content: "\f3af"; }

.ion-android-sunny:before { content: "\f3b0"; }

.ion-android-sync:before { content: "\f3b1"; }

.ion-android-textsms:before { content: "\f3b2"; }

.ion-android-time:before { content: "\f3b3"; }

.ion-android-train:before { content: "\f3b4"; }

.ion-android-unlock:before { content: "\f3b5"; }

.ion-android-upload:before { content: "\f3b6"; }

.ion-android-volume-down:before { content: "\f3b7"; }

.ion-android-volume-mute:before { content: "\f3b8"; }

.ion-android-volume-off:before { content: "\f3b9"; }

.ion-android-volume-up:before { content: "\f3ba"; }

.ion-android-walk:before { content: "\f3bb"; }

.ion-android-warning:before { content: "\f3bc"; }

.ion-android-watch:before { content: "\f3bd"; }

.ion-android-wifi:before { content: "\f305"; }

.ion-aperture:before { content: "\f313"; }

.ion-archive:before { content: "\f102"; }

.ion-arrow-down-a:before { content: "\f103"; }

.ion-arrow-down-b:before { content: "\f104"; }

.ion-arrow-down-c:before { content: "\f105"; }

.ion-arrow-expand:before { content: "\f25e"; }

.ion-arrow-graph-down-left:before { content: "\f25f"; }

.ion-arrow-graph-down-right:before { content: "\f260"; }

.ion-arrow-graph-up-left:before { content: "\f261"; }

.ion-arrow-graph-up-right:before { content: "\f262"; }

.ion-arrow-left-a:before { content: "\f106"; }

.ion-arrow-left-b:before { content: "\f107"; }

.ion-arrow-left-c:before { content: "\f108"; }

.ion-arrow-move:before { content: "\f263"; }

.ion-arrow-resize:before { content: "\f264"; }

.ion-arrow-return-left:before { content: "\f265"; }

.ion-arrow-return-right:before { content: "\f266"; }

.ion-arrow-right-a:before { content: "\f109"; }

.ion-arrow-right-b:before { content: "\f10a"; }

.ion-arrow-right-c:before { content: "\f10b"; }

.ion-arrow-shrink:before { content: "\f267"; }

.ion-arrow-swap:before { content: "\f268"; }

.ion-arrow-up-a:before { content: "\f10c"; }

.ion-arrow-up-b:before { content: "\f10d"; }

.ion-arrow-up-c:before { content: "\f10e"; }

.ion-asterisk:before { content: "\f314"; }

.ion-at:before { content: "\f10f"; }

.ion-backspace:before { content: "\f3bf"; }

.ion-backspace-outline:before { content: "\f3be"; }

.ion-bag:before { content: "\f110"; }

.ion-battery-charging:before { content: "\f111"; }

.ion-battery-empty:before { content: "\f112"; }

.ion-battery-full:before { content: "\f113"; }

.ion-battery-half:before { content: "\f114"; }

.ion-battery-low:before { content: "\f115"; }

.ion-beaker:before { content: "\f269"; }

.ion-beer:before { content: "\f26a"; }

.ion-bluetooth:before { content: "\f116"; }

.ion-bonfire:before { content: "\f315"; }

.ion-bookmark:before { content: "\f26b"; }

.ion-bowtie:before { content: "\f3c0"; }

.ion-briefcase:before { content: "\f26c"; }

.ion-bug:before { content: "\f2be"; }

.ion-calculator:before { content: "\f26d"; }

.ion-calendar:before { content: "\f117"; }

.ion-camera:before { content: "\f118"; }

.ion-card:before { content: "\f119"; }

.ion-cash:before { content: "\f316"; }

.ion-chatbox:before { content: "\f11b"; }

.ion-chatbox-working:before { content: "\f11a"; }

.ion-chatboxes:before { content: "\f11c"; }

.ion-chatbubble:before { content: "\f11e"; }

.ion-chatbubble-working:before { content: "\f11d"; }

.ion-chatbubbles:before { content: "\f11f"; }

.ion-checkmark:before { content: "\f122"; }

.ion-checkmark-circled:before { content: "\f120"; }

.ion-checkmark-round:before { content: "\f121"; }

.ion-chevron-down:before { content: "\f123"; }

.ion-chevron-left:before { content: "\f124"; }

.ion-chevron-right:before { content: "\f125"; }

.ion-chevron-up:before { content: "\f126"; }

.ion-clipboard:before { content: "\f127"; }

.ion-clock:before { content: "\f26e"; }

.ion-close:before { content: "\f12a"; }

.ion-close-circled:before { content: "\f128"; }

.ion-close-round:before { content: "\f129"; }

.ion-closed-captioning:before { content: "\f317"; }

.ion-cloud:before { content: "\f12b"; }

.ion-code:before { content: "\f271"; }

.ion-code-download:before { content: "\f26f"; }

.ion-code-working:before { content: "\f270"; }

.ion-coffee:before { content: "\f272"; }

.ion-compass:before { content: "\f273"; }

.ion-compose:before { content: "\f12c"; }

.ion-connection-bars:before { content: "\f274"; }

.ion-contrast:before { content: "\f275"; }

.ion-crop:before { content: "\f3c1"; }

.ion-cube:before { content: "\f318"; }

.ion-disc:before { content: "\f12d"; }

.ion-document:before { content: "\f12f"; }

.ion-document-text:before { content: "\f12e"; }

.ion-drag:before { content: "\f130"; }

.ion-earth:before { content: "\f276"; }

.ion-easel:before { content: "\f3c2"; }

.ion-edit:before { content: "\f2bf"; }

.ion-egg:before { content: "\f277"; }

.ion-eject:before { content: "\f131"; }

.ion-email:before { content: "\f132"; }

.ion-email-unread:before { content: "\f3c3"; }

.ion-erlenmeyer-flask:before { content: "\f3c5"; }

.ion-erlenmeyer-flask-bubbles:before { content: "\f3c4"; }

.ion-eye:before { content: "\f133"; }

.ion-eye-disabled:before { content: "\f306"; }

.ion-female:before { content: "\f278"; }

.ion-filing:before { content: "\f134"; }

.ion-film-marker:before { content: "\f135"; }

.ion-fireball:before { content: "\f319"; }

.ion-flag:before { content: "\f279"; }

.ion-flame:before { content: "\f31a"; }

.ion-flash:before { content: "\f137"; }

.ion-flash-off:before { content: "\f136"; }

.ion-folder:before { content: "\f139"; }

.ion-fork:before { content: "\f27a"; }

.ion-fork-repo:before { content: "\f2c0"; }

.ion-forward:before { content: "\f13a"; }

.ion-funnel:before { content: "\f31b"; }

.ion-gear-a:before { content: "\f13d"; }

.ion-gear-b:before { content: "\f13e"; }

.ion-grid:before { content: "\f13f"; }

.ion-hammer:before { content: "\f27b"; }

.ion-happy:before { content: "\f31c"; }

.ion-happy-outline:before { content: "\f3c6"; }

.ion-headphone:before { content: "\f140"; }

.ion-heart:before { content: "\f141"; }

.ion-heart-broken:before { content: "\f31d"; }

.ion-help:before { content: "\f143"; }

.ion-help-buoy:before { content: "\f27c"; }

.ion-help-circled:before { content: "\f142"; }

.ion-home:before { content: "\f144"; }

.ion-icecream:before { content: "\f27d"; }

.ion-image:before { content: "\f147"; }

.ion-images:before { content: "\f148"; }

.ion-information:before { content: "\f14a"; }

.ion-information-circled:before { content: "\f149"; }

.ion-ionic:before { content: "\f14b"; }

.ion-ios-alarm:before { content: "\f3c8"; }

.ion-ios-alarm-outline:before { content: "\f3c7"; }

.ion-ios-albums:before { content: "\f3ca"; }

.ion-ios-albums-outline:before { content: "\f3c9"; }

.ion-ios-americanfootball:before { content: "\f3cc"; }

.ion-ios-americanfootball-outline:before { content: "\f3cb"; }

.ion-ios-analytics:before { content: "\f3ce"; }

.ion-ios-analytics-outline:before { content: "\f3cd"; }

.ion-ios-arrow-back:before { content: "\f3cf"; }

.ion-ios-arrow-down:before { content: "\f3d0"; }

.ion-ios-arrow-forward:before { content: "\f3d1"; }

.ion-ios-arrow-left:before { content: "\f3d2"; }

.ion-ios-arrow-right:before { content: "\f3d3"; }

.ion-ios-arrow-thin-down:before { content: "\f3d4"; }

.ion-ios-arrow-thin-left:before { content: "\f3d5"; }

.ion-ios-arrow-thin-right:before { content: "\f3d6"; }

.ion-ios-arrow-thin-up:before { content: "\f3d7"; }

.ion-ios-arrow-up:before { content: "\f3d8"; }

.ion-ios-at:before { content: "\f3da"; }

.ion-ios-at-outline:before { content: "\f3d9"; }

.ion-ios-barcode:before { content: "\f3dc"; }

.ion-ios-barcode-outline:before { content: "\f3db"; }

.ion-ios-baseball:before { content: "\f3de"; }

.ion-ios-baseball-outline:before { content: "\f3dd"; }

.ion-ios-basketball:before { content: "\f3e0"; }

.ion-ios-basketball-outline:before { content: "\f3df"; }

.ion-ios-bell:before { content: "\f3e2"; }

.ion-ios-bell-outline:before { content: "\f3e1"; }

.ion-ios-body:before { content: "\f3e4"; }

.ion-ios-body-outline:before { content: "\f3e3"; }

.ion-ios-bolt:before { content: "\f3e6"; }

.ion-ios-bolt-outline:before { content: "\f3e5"; }

.ion-ios-book:before { content: "\f3e8"; }

.ion-ios-book-outline:before { content: "\f3e7"; }

.ion-ios-bookmarks:before { content: "\f3ea"; }

.ion-ios-bookmarks-outline:before { content: "\f3e9"; }

.ion-ios-box:before { content: "\f3ec"; }

.ion-ios-box-outline:before { content: "\f3eb"; }

.ion-ios-briefcase:before { content: "\f3ee"; }

.ion-ios-briefcase-outline:before { content: "\f3ed"; }

.ion-ios-browsers:before { content: "\f3f0"; }

.ion-ios-browsers-outline:before { content: "\f3ef"; }

.ion-ios-calculator:before { content: "\f3f2"; }

.ion-ios-calculator-outline:before { content: "\f3f1"; }

.ion-ios-calendar:before { content: "\f3f4"; }

.ion-ios-calendar-outline:before { content: "\f3f3"; }

.ion-ios-camera:before { content: "\f3f6"; }

.ion-ios-camera-outline:before { content: "\f3f5"; }

.ion-ios-cart:before { content: "\f3f8"; }

.ion-ios-cart-outline:before { content: "\f3f7"; }

.ion-ios-chatboxes:before { content: "\f3fa"; }

.ion-ios-chatboxes-outline:before { content: "\f3f9"; }

.ion-ios-chatbubble:before { content: "\f3fc"; }

.ion-ios-chatbubble-outline:before { content: "\f3fb"; }

.ion-ios-checkmark:before { content: "\f3ff"; }

.ion-ios-checkmark-empty:before { content: "\f3fd"; }

.ion-ios-checkmark-outline:before { content: "\f3fe"; }

.ion-ios-circle-filled:before { content: "\f400"; }

.ion-ios-circle-outline:before { content: "\f401"; }

.ion-ios-clock:before { content: "\f403"; }

.ion-ios-clock-outline:before { content: "\f402"; }

.ion-ios-close:before { content: "\f406"; }

.ion-ios-close-empty:before { content: "\f404"; }

.ion-ios-close-outline:before { content: "\f405"; }

.ion-ios-cloud:before { content: "\f40c"; }

.ion-ios-cloud-download:before { content: "\f408"; }

.ion-ios-cloud-download-outline:before { content: "\f407"; }

.ion-ios-cloud-outline:before { content: "\f409"; }

.ion-ios-cloud-upload:before { content: "\f40b"; }

.ion-ios-cloud-upload-outline:before { content: "\f40a"; }

.ion-ios-cloudy:before { content: "\f410"; }

.ion-ios-cloudy-night:before { content: "\f40e"; }

.ion-ios-cloudy-night-outline:before { content: "\f40d"; }

.ion-ios-cloudy-outline:before { content: "\f40f"; }

.ion-ios-cog:before { content: "\f412"; }

.ion-ios-cog-outline:before { content: "\f411"; }

.ion-ios-color-filter:before { content: "\f414"; }

.ion-ios-color-filter-outline:before { content: "\f413"; }

.ion-ios-color-wand:before { content: "\f416"; }

.ion-ios-color-wand-outline:before { content: "\f415"; }

.ion-ios-compose:before { content: "\f418"; }

.ion-ios-compose-outline:before { content: "\f417"; }

.ion-ios-contact:before { content: "\f41a"; }

.ion-ios-contact-outline:before { content: "\f419"; }

.ion-ios-copy:before { content: "\f41c"; }

.ion-ios-copy-outline:before { content: "\f41b"; }

.ion-ios-crop:before { content: "\f41e"; }

.ion-ios-crop-strong:before { content: "\f41d"; }

.ion-ios-download:before { content: "\f420"; }

.ion-ios-download-outline:before { content: "\f41f"; }

.ion-ios-drag:before { content: "\f421"; }

.ion-ios-email:before { content: "\f423"; }

.ion-ios-email-outline:before { content: "\f422"; }

.ion-ios-eye:before { content: "\f425"; }

.ion-ios-eye-outline:before { content: "\f424"; }

.ion-ios-fastforward:before { content: "\f427"; }

.ion-ios-fastforward-outline:before { content: "\f426"; }

.ion-ios-filing:before { content: "\f429"; }

.ion-ios-filing-outline:before { content: "\f428"; }

.ion-ios-film:before { content: "\f42b"; }

.ion-ios-film-outline:before { content: "\f42a"; }

.ion-ios-flag:before { content: "\f42d"; }

.ion-ios-flag-outline:before { content: "\f42c"; }

.ion-ios-flame:before { content: "\f42f"; }

.ion-ios-flame-outline:before { content: "\f42e"; }

.ion-ios-flask:before { content: "\f431"; }

.ion-ios-flask-outline:before { content: "\f430"; }

.ion-ios-flower:before { content: "\f433"; }

.ion-ios-flower-outline:before { content: "\f432"; }

.ion-ios-folder:before { content: "\f435"; }

.ion-ios-folder-outline:before { content: "\f434"; }

.ion-ios-football:before { content: "\f437"; }

.ion-ios-football-outline:before { content: "\f436"; }

.ion-ios-game-controller-a:before { content: "\f439"; }

.ion-ios-game-controller-a-outline:before { content: "\f438"; }

.ion-ios-game-controller-b:before { content: "\f43b"; }

.ion-ios-game-controller-b-outline:before { content: "\f43a"; }

.ion-ios-gear:before { content: "\f43d"; }

.ion-ios-gear-outline:before { content: "\f43c"; }

.ion-ios-glasses:before { content: "\f43f"; }

.ion-ios-glasses-outline:before { content: "\f43e"; }

.ion-ios-grid-view:before { content: "\f441"; }

.ion-ios-grid-view-outline:before { content: "\f440"; }

.ion-ios-heart:before { content: "\f443"; }

.ion-ios-heart-outline:before { content: "\f442"; }

.ion-ios-help:before { content: "\f446"; }

.ion-ios-help-empty:before { content: "\f444"; }

.ion-ios-help-outline:before { content: "\f445"; }

.ion-ios-home:before { content: "\f448"; }

.ion-ios-home-outline:before { content: "\f447"; }

.ion-ios-infinite:before { content: "\f44a"; }

.ion-ios-infinite-outline:before { content: "\f449"; }

.ion-ios-information:before { content: "\f44d"; }

.ion-ios-information-empty:before { content: "\f44b"; }

.ion-ios-information-outline:before { content: "\f44c"; }

.ion-ios-ionic-outline:before { content: "\f44e"; }

.ion-ios-keypad:before { content: "\f450"; }

.ion-ios-keypad-outline:before { content: "\f44f"; }

.ion-ios-lightbulb:before { content: "\f452"; }

.ion-ios-lightbulb-outline:before { content: "\f451"; }

.ion-ios-list:before { content: "\f454"; }

.ion-ios-list-outline:before { content: "\f453"; }

.ion-ios-location:before { content: "\f456"; }

.ion-ios-location-outline:before { content: "\f455"; }

.ion-ios-locked:before { content: "\f458"; }

.ion-ios-locked-outline:before { content: "\f457"; }

.ion-ios-loop:before { content: "\f45a"; }

.ion-ios-loop-strong:before { content: "\f459"; }

.ion-ios-medical:before { content: "\f45c"; }

.ion-ios-medical-outline:before { content: "\f45b"; }

.ion-ios-medkit:before { content: "\f45e"; }

.ion-ios-medkit-outline:before { content: "\f45d"; }

.ion-ios-mic:before { content: "\f461"; }

.ion-ios-mic-off:before { content: "\f45f"; }

.ion-ios-mic-outline:before { content: "\f460"; }

.ion-ios-minus:before { content: "\f464"; }

.ion-ios-minus-empty:before { content: "\f462"; }

.ion-ios-minus-outline:before { content: "\f463"; }

.ion-ios-monitor:before { content: "\f466"; }

.ion-ios-monitor-outline:before { content: "\f465"; }

.ion-ios-moon:before { content: "\f468"; }

.ion-ios-moon-outline:before { content: "\f467"; }

.ion-ios-more:before { content: "\f46a"; }

.ion-ios-more-outline:before { content: "\f469"; }

.ion-ios-musical-note:before { content: "\f46b"; }

.ion-ios-musical-notes:before { content: "\f46c"; }

.ion-ios-navigate:before { content: "\f46e"; }

.ion-ios-navigate-outline:before { content: "\f46d"; }

.ion-ios-nutrition:before { content: "\f470"; }

.ion-ios-nutrition-outline:before { content: "\f46f"; }

.ion-ios-paper:before { content: "\f472"; }

.ion-ios-paper-outline:before { content: "\f471"; }

.ion-ios-paperplane:before { content: "\f474"; }

.ion-ios-paperplane-outline:before { content: "\f473"; }

.ion-ios-partlysunny:before { content: "\f476"; }

.ion-ios-partlysunny-outline:before { content: "\f475"; }

.ion-ios-pause:before { content: "\f478"; }

.ion-ios-pause-outline:before { content: "\f477"; }

.ion-ios-paw:before { content: "\f47a"; }

.ion-ios-paw-outline:before { content: "\f479"; }

.ion-ios-people:before { content: "\f47c"; }

.ion-ios-people-outline:before { content: "\f47b"; }

.ion-ios-person:before { content: "\f47e"; }

.ion-ios-person-outline:before { content: "\f47d"; }

.ion-ios-personadd:before { content: "\f480"; }

.ion-ios-personadd-outline:before { content: "\f47f"; }

.ion-ios-photos:before { content: "\f482"; }

.ion-ios-photos-outline:before { content: "\f481"; }

.ion-ios-pie:before { content: "\f484"; }

.ion-ios-pie-outline:before { content: "\f483"; }

.ion-ios-pint:before { content: "\f486"; }

.ion-ios-pint-outline:before { content: "\f485"; }

.ion-ios-play:before { content: "\f488"; }

.ion-ios-play-outline:before { content: "\f487"; }

.ion-ios-plus:before { content: "\f48b"; }

.ion-ios-plus-empty:before { content: "\f489"; }

.ion-ios-plus-outline:before { content: "\f48a"; }

.ion-ios-pricetag:before { content: "\f48d"; }

.ion-ios-pricetag-outline:before { content: "\f48c"; }

.ion-ios-pricetags:before { content: "\f48f"; }

.ion-ios-pricetags-outline:before { content: "\f48e"; }

.ion-ios-printer:before { content: "\f491"; }

.ion-ios-printer-outline:before { content: "\f490"; }

.ion-ios-pulse:before { content: "\f493"; }

.ion-ios-pulse-strong:before { content: "\f492"; }

.ion-ios-rainy:before { content: "\f495"; }

.ion-ios-rainy-outline:before { content: "\f494"; }

.ion-ios-recording:before { content: "\f497"; }

.ion-ios-recording-outline:before { content: "\f496"; }

.ion-ios-redo:before { content: "\f499"; }

.ion-ios-redo-outline:before { content: "\f498"; }

.ion-ios-refresh:before { content: "\f49c"; }

.ion-ios-refresh-empty:before { content: "\f49a"; }

.ion-ios-refresh-outline:before { content: "\f49b"; }

.ion-ios-reload:before { content: "\f49d"; }

.ion-ios-reverse-camera:before { content: "\f49f"; }

.ion-ios-reverse-camera-outline:before { content: "\f49e"; }

.ion-ios-rewind:before { content: "\f4a1"; }

.ion-ios-rewind-outline:before { content: "\f4a0"; }

.ion-ios-rose:before { content: "\f4a3"; }

.ion-ios-rose-outline:before { content: "\f4a2"; }

.ion-ios-search:before { content: "\f4a5"; }

.ion-ios-search-strong:before { content: "\f4a4"; }

.ion-ios-settings:before { content: "\f4a7"; }

.ion-ios-settings-strong:before { content: "\f4a6"; }

.ion-ios-shuffle:before { content: "\f4a9"; }

.ion-ios-shuffle-strong:before { content: "\f4a8"; }

.ion-ios-skipbackward:before { content: "\f4ab"; }

.ion-ios-skipbackward-outline:before { content: "\f4aa"; }

.ion-ios-skipforward:before { content: "\f4ad"; }

.ion-ios-skipforward-outline:before { content: "\f4ac"; }

.ion-ios-snowy:before { content: "\f4ae"; }

.ion-ios-speedometer:before { content: "\f4b0"; }

.ion-ios-speedometer-outline:before { content: "\f4af"; }

.ion-ios-star:before { content: "\f4b3"; }

.ion-ios-star-half:before { content: "\f4b1"; }

.ion-ios-star-outline:before { content: "\f4b2"; }

.ion-ios-stopwatch:before { content: "\f4b5"; }

.ion-ios-stopwatch-outline:before { content: "\f4b4"; }

.ion-ios-sunny:before { content: "\f4b7"; }

.ion-ios-sunny-outline:before { content: "\f4b6"; }

.ion-ios-telephone:before { content: "\f4b9"; }

.ion-ios-telephone-outline:before { content: "\f4b8"; }

.ion-ios-tennisball:before { content: "\f4bb"; }

.ion-ios-tennisball-outline:before { content: "\f4ba"; }

.ion-ios-thunderstorm:before { content: "\f4bd"; }

.ion-ios-thunderstorm-outline:before { content: "\f4bc"; }

.ion-ios-time:before { content: "\f4bf"; }

.ion-ios-time-outline:before { content: "\f4be"; }

.ion-ios-timer:before { content: "\f4c1"; }

.ion-ios-timer-outline:before { content: "\f4c0"; }

.ion-ios-toggle:before { content: "\f4c3"; }

.ion-ios-toggle-outline:before { content: "\f4c2"; }

.ion-ios-trash:before { content: "\f4c5"; }

.ion-ios-trash-outline:before { content: "\f4c4"; }

.ion-ios-undo:before { content: "\f4c7"; }

.ion-ios-undo-outline:before { content: "\f4c6"; }

.ion-ios-unlocked:before { content: "\f4c9"; }

.ion-ios-unlocked-outline:before { content: "\f4c8"; }

.ion-ios-upload:before { content: "\f4cb"; }

.ion-ios-upload-outline:before { content: "\f4ca"; }

.ion-ios-videocam:before { content: "\f4cd"; }

.ion-ios-videocam-outline:before { content: "\f4cc"; }

.ion-ios-volume-high:before { content: "\f4ce"; }

.ion-ios-volume-low:before { content: "\f4cf"; }

.ion-ios-wineglass:before { content: "\f4d1"; }

.ion-ios-wineglass-outline:before { content: "\f4d0"; }

.ion-ios-world:before { content: "\f4d3"; }

.ion-ios-world-outline:before { content: "\f4d2"; }

.ion-ipad:before { content: "\f1f9"; }

.ion-iphone:before { content: "\f1fa"; }

.ion-ipod:before { content: "\f1fb"; }

.ion-jet:before { content: "\f295"; }

.ion-key:before { content: "\f296"; }

.ion-knife:before { content: "\f297"; }

.ion-laptop:before { content: "\f1fc"; }

.ion-leaf:before { content: "\f1fd"; }

.ion-levels:before { content: "\f298"; }

.ion-lightbulb:before { content: "\f299"; }

.ion-link:before { content: "\f1fe"; }

.ion-load-a:before { content: "\f29a"; }

.ion-load-b:before { content: "\f29b"; }

.ion-load-c:before { content: "\f29c"; }

.ion-load-d:before { content: "\f29d"; }

.ion-location:before { content: "\f1ff"; }

.ion-lock-combination:before { content: "\f4d4"; }

.ion-locked:before { content: "\f200"; }

.ion-log-in:before { content: "\f29e"; }

.ion-log-out:before { content: "\f29f"; }

.ion-loop:before { content: "\f201"; }

.ion-magnet:before { content: "\f2a0"; }

.ion-male:before { content: "\f2a1"; }

.ion-man:before { content: "\f202"; }

.ion-map:before { content: "\f203"; }

.ion-medkit:before { content: "\f2a2"; }

.ion-merge:before { content: "\f33f"; }

.ion-mic-a:before { content: "\f204"; }

.ion-mic-b:before { content: "\f205"; }

.ion-mic-c:before { content: "\f206"; }

.ion-minus:before { content: "\f209"; }

.ion-minus-circled:before { content: "\f207"; }

.ion-minus-round:before { content: "\f208"; }

.ion-model-s:before { content: "\f2c1"; }

.ion-monitor:before { content: "\f20a"; }

.ion-more:before { content: "\f20b"; }

.ion-mouse:before { content: "\f340"; }

.ion-music-note:before { content: "\f20c"; }

.ion-navicon:before { content: "\f20e"; }

.ion-navicon-round:before { content: "\f20d"; }

.ion-navigate:before { content: "\f2a3"; }

.ion-network:before { content: "\f341"; }

.ion-no-smoking:before { content: "\f2c2"; }

.ion-nuclear:before { content: "\f2a4"; }

.ion-outlet:before { content: "\f342"; }

.ion-paintbrush:before { content: "\f4d5"; }

.ion-paintbucket:before { content: "\f4d6"; }

.ion-paper-airplane:before { content: "\f2c3"; }

.ion-paperclip:before { content: "\f20f"; }

.ion-pause:before { content: "\f210"; }

.ion-person:before { content: "\f213"; }

.ion-person-add:before { content: "\f211"; }

.ion-person-stalker:before { content: "\f212"; }

.ion-pie-graph:before { content: "\f2a5"; }

.ion-pin:before { content: "\f2a6"; }

.ion-pinpoint:before { content: "\f2a7"; }

.ion-pizza:before { content: "\f2a8"; }

.ion-plane:before { content: "\f214"; }

.ion-planet:before { content: "\f343"; }

.ion-play:before { content: "\f215"; }

.ion-playstation:before { content: "\f30a"; }

.ion-plus:before { content: "\f218"; }

.ion-plus-circled:before { content: "\f216"; }

.ion-plus-round:before { content: "\f217"; }

.ion-podium:before { content: "\f344"; }

.ion-pound:before { content: "\f219"; }

.ion-power:before { content: "\f2a9"; }

.ion-pricetag:before { content: "\f2aa"; }

.ion-pricetags:before { content: "\f2ab"; }

.ion-printer:before { content: "\f21a"; }

.ion-pull-request:before { content: "\f345"; }

.ion-qr-scanner:before { content: "\f346"; }

.ion-quote:before { content: "\f347"; }

.ion-radio-waves:before { content: "\f2ac"; }

.ion-record:before { content: "\f21b"; }

.ion-refresh:before { content: "\f21c"; }

.ion-reply:before { content: "\f21e"; }

.ion-reply-all:before { content: "\f21d"; }

.ion-ribbon-a:before { content: "\f348"; }

.ion-ribbon-b:before { content: "\f349"; }

.ion-sad:before { content: "\f34a"; }

.ion-sad-outline:before { content: "\f4d7"; }

.ion-scissors:before { content: "\f34b"; }

.ion-search:before { content: "\f21f"; }

.ion-settings:before { content: "\f2ad"; }

.ion-share:before { content: "\f220"; }

.ion-shuffle:before { content: "\f221"; }

.ion-skip-backward:before { content: "\f222"; }

.ion-skip-forward:before { content: "\f223"; }

.ion-social-android:before { content: "\f225"; }

.ion-social-android-outline:before { content: "\f224"; }

.ion-social-angular:before { content: "\f4d9"; }

.ion-social-angular-outline:before { content: "\f4d8"; }

.ion-social-apple:before { content: "\f227"; }

.ion-social-apple-outline:before { content: "\f226"; }

.ion-social-bitcoin:before { content: "\f2af"; }

.ion-social-bitcoin-outline:before { content: "\f2ae"; }

.ion-social-buffer:before { content: "\f229"; }

.ion-social-buffer-outline:before { content: "\f228"; }

.ion-social-chrome:before { content: "\f4db"; }

.ion-social-chrome-outline:before { content: "\f4da"; }

.ion-social-codepen:before { content: "\f4dd"; }

.ion-social-codepen-outline:before { content: "\f4dc"; }

.ion-social-css3:before { content: "\f4df"; }

.ion-social-css3-outline:before { content: "\f4de"; }

.ion-social-designernews:before { content: "\f22b"; }

.ion-social-designernews-outline:before { content: "\f22a"; }

.ion-social-dribbble:before { content: "\f22d"; }

.ion-social-dribbble-outline:before { content: "\f22c"; }

.ion-social-dropbox:before { content: "\f22f"; }

.ion-social-dropbox-outline:before { content: "\f22e"; }

.ion-social-euro:before { content: "\f4e1"; }

.ion-social-euro-outline:before { content: "\f4e0"; }

.ion-social-facebook:before { content: "\f231"; }

.ion-social-facebook-outline:before { content: "\f230"; }

.ion-social-foursquare:before { content: "\f34d"; }

.ion-social-foursquare-outline:before { content: "\f34c"; }

.ion-social-freebsd-devil:before { content: "\f2c4"; }

.ion-social-github:before { content: "\f233"; }

.ion-social-github-outline:before { content: "\f232"; }

.ion-social-google:before { content: "\f34f"; }

.ion-social-google-outline:before { content: "\f34e"; }

.ion-social-googleplus:before { content: "\f235"; }

.ion-social-googleplus-outline:before { content: "\f234"; }

.ion-social-hackernews:before { content: "\f237"; }

.ion-social-hackernews-outline:before { content: "\f236"; }

.ion-social-html5:before { content: "\f4e3"; }

.ion-social-html5-outline:before { content: "\f4e2"; }

.ion-social-instagram:before { content: "\f351"; }

.ion-social-instagram-outline:before { content: "\f350"; }

.ion-social-javascript:before { content: "\f4e5"; }

.ion-social-javascript-outline:before { content: "\f4e4"; }

.ion-social-linkedin:before { content: "\f239"; }

.ion-social-linkedin-outline:before { content: "\f238"; }

.ion-social-markdown:before { content: "\f4e6"; }

.ion-social-nodejs:before { content: "\f4e7"; }

.ion-social-octocat:before { content: "\f4e8"; }

.ion-social-pinterest:before { content: "\f2b1"; }

.ion-social-pinterest-outline:before { content: "\f2b0"; }

.ion-social-python:before { content: "\f4e9"; }

.ion-social-reddit:before { content: "\f23b"; }

.ion-social-reddit-outline:before { content: "\f23a"; }

.ion-social-rss:before { content: "\f23d"; }

.ion-social-rss-outline:before { content: "\f23c"; }

.ion-social-sass:before { content: "\f4ea"; }

.ion-social-skype:before { content: "\f23f"; }

.ion-social-skype-outline:before { content: "\f23e"; }

.ion-social-snapchat:before { content: "\f4ec"; }

.ion-social-snapchat-outline:before { content: "\f4eb"; }

.ion-social-tumblr:before { content: "\f241"; }

.ion-social-tumblr-outline:before { content: "\f240"; }

.ion-social-tux:before { content: "\f2c5"; }

.ion-social-twitch:before { content: "\f4ee"; }

.ion-social-twitch-outline:before { content: "\f4ed"; }

.ion-social-twitter:before { content: "\f243"; }

.ion-social-twitter-outline:before { content: "\f242"; }

.ion-social-usd:before { content: "\f353"; }

.ion-social-usd-outline:before { content: "\f352"; }

.ion-social-vimeo:before { content: "\f245"; }

.ion-social-vimeo-outline:before { content: "\f244"; }

.ion-social-whatsapp:before { content: "\f4f0"; }

.ion-social-whatsapp-outline:before { content: "\f4ef"; }

.ion-social-windows:before { content: "\f247"; }

.ion-social-windows-outline:before { content: "\f246"; }

.ion-social-wordpress:before { content: "\f249"; }

.ion-social-wordpress-outline:before { content: "\f248"; }

.ion-social-yahoo:before { content: "\f24b"; }

.ion-social-yahoo-outline:before { content: "\f24a"; }

.ion-social-yen:before { content: "\f4f2"; }

.ion-social-yen-outline:before { content: "\f4f1"; }

.ion-social-youtube:before { content: "\f24d"; }

.ion-social-youtube-outline:before { content: "\f24c"; }

.ion-soup-can:before { content: "\f4f4"; }

.ion-soup-can-outline:before { content: "\f4f3"; }

.ion-speakerphone:before { content: "\f2b2"; }

.ion-speedometer:before { content: "\f2b3"; }

.ion-spoon:before { content: "\f2b4"; }

.ion-star:before { content: "\f24e"; }

.ion-stats-bars:before { content: "\f2b5"; }

.ion-steam:before { content: "\f30b"; }

.ion-stop:before { content: "\f24f"; }

.ion-thermometer:before { content: "\f2b6"; }

.ion-thumbsdown:before { content: "\f250"; }

.ion-thumbsup:before { content: "\f251"; }

.ion-toggle:before { content: "\f355"; }

.ion-toggle-filled:before { content: "\f354"; }

.ion-transgender:before { content: "\f4f5"; }

.ion-trash-a:before { content: "\f252"; }

.ion-trash-b:before { content: "\f253"; }

.ion-trophy:before { content: "\f356"; }

.ion-tshirt:before { content: "\f4f7"; }

.ion-tshirt-outline:before { content: "\f4f6"; }

.ion-umbrella:before { content: "\f2b7"; }

.ion-university:before { content: "\f357"; }

.ion-unlocked:before { content: "\f254"; }

.ion-upload:before { content: "\f255"; }

.ion-usb:before { content: "\f2b8"; }

.ion-videocamera:before { content: "\f256"; }

.ion-volume-high:before { content: "\f257"; }

.ion-volume-low:before { content: "\f258"; }

.ion-volume-medium:before { content: "\f259"; }

.ion-volume-mute:before { content: "\f25a"; }

.ion-wand:before { content: "\f358"; }

.ion-waterdrop:before { content: "\f25b"; }

.ion-wifi:before { content: "\f25c"; }

.ion-wineglass:before { content: "\f2b9"; }

.ion-woman:before { content: "\f25d"; }

.ion-wrench:before { content: "\f2ba"; }

.ion-xbox:before { content: "\f30c"; }

/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
	margin:0px auto;
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}


.slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -45px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

@media (min-width:514px) and (max-width:991px) {

    .slick-prev {
        left: 15%;
    }


    .slick-next {
        right: 15%;
    }
}


@media (max-width: 513px) {

    .slick-next {
        right: 5%;
    }

    .slick-prev {
        left: 5%;
    }
}

.slick-prev:before, .slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*.slick-prev:before {
  position: absolute;
  width: 23px;
  height: 45px;
  content: '';
  background-image: url('../images/arrow-thin-left.png');
  background-repeat: no-repeat;
  background-position: left;
}

.slick-next:before {
   position: absolute;
  width: 23px;
  height: 45px;
  content: '';
  background-image: url('../images/arrow-thin-right.png');
  background-repeat: no-repeat;
  background-position: center;
}*/



.responsive .slick-prev {
  position: absolute;
  width: 23px;
  height: 45px;
  content: '';
  background-image: url('../images/arrow-thin-left.png');
  background-repeat: no-repeat;
  background-position: left;
}

.responsive .slick-next {
   position: absolute;
  width: 23px;
  height: 45px;
  content: '';
  background-image: url('../images/arrow-thin-right.png');
  background-repeat: no-repeat;
  background-position: center;

}



@charset "UTF-8";
/*
 * blueimp Gallery CSS 2.11.1
 * https://github.com/blueimp/Gallery
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.blueimp-gallery,
.blueimp-gallery > .slides > .slide > .slide-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* Prevent artifacts in Mozilla Firefox: */
  -moz-backface-visibility: hidden;
}
.blueimp-gallery > .slides > .slide > .slide-content {
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  opacity: 1;
}
.blueimp-gallery {
  position: fixed;
  z-index: 999999;
  overflow: hidden;
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0;
  display: none;
  direction: ltr;
  -ms-touch-action: none;
  touch-action: none;
}
.blueimp-gallery-carousel {
  position: relative;
  z-index: auto;
  margin: 1em auto;
  /* Set the carousel width/height ratio to 16/9: */
  padding-bottom: 56.25%;
  box-shadow: 0 0 10px #000;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.blueimp-gallery-display {
  display: block;
  opacity: 1;
}
.blueimp-gallery > .slides {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.blueimp-gallery-carousel > .slides {
  position: absolute;
}
.blueimp-gallery > .slides > .slide {
  position: relative;
  float: left;
  height: 100%;
  text-align: center;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); 
     -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); 
      -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); 
       -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); 
          transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.blueimp-gallery,
.blueimp-gallery > .slides > .slide > .slide-content {
  -webkit-transition: opacity 0.5s linear;
     -moz-transition: opacity 0.5s linear;
      -ms-transition: opacity 0.5s linear;
       -o-transition: opacity 0.5s linear;
          transition: opacity 0.5s linear;
}
.blueimp-gallery > .slides > .slide-loading {
  background: url(../img/loading.gif) center no-repeat;
  background-size: 64px 64px;
}
.blueimp-gallery > .slides > .slide-loading > .slide-content {
  opacity: 0;
}
.blueimp-gallery > .slides > .slide-error {
  background: url(../img/error.png) center no-repeat;
}
.blueimp-gallery > .slides > .slide-error > .slide-content {
  display: none;
}
.blueimp-gallery > .prev,
.blueimp-gallery > .next {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -23px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 0 2px #000;
  text-align: center;
  background: #222;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  border: 3px solid #fff;
  -webkit-border-radius: 23px;
     -moz-border-radius: 23px;
          border-radius: 23px;
  opacity: 0.5;
  cursor: pointer;
  display: none;
}
.blueimp-gallery > .next {
  left: auto;
  right: 15px;
}
.blueimp-gallery > .close,
.blueimp-gallery > .title {
  position: absolute;
  top: 15px;
  left: 15px;
  margin: 0 40px 0 0;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  opacity: 0.8;
  display: none;
}
.blueimp-gallery > .close {
  padding: 15px;
  right: 15px;
  left: auto;
  margin: -15px;
  font-size: 30px;
  text-decoration: none;
  cursor: pointer;
}
.blueimp-gallery > .play-pause {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 15px;
  height: 15px;
  background: url(../img/play-pause.png) 0 0 no-repeat;
  cursor: pointer;
  opacity: 0.5;
  display: none;
}
.blueimp-gallery-playing > .play-pause {
  background-position: -15px 0;
}
.blueimp-gallery > .prev:hover,
.blueimp-gallery > .next:hover,
.blueimp-gallery > .close:hover,
.blueimp-gallery > .title:hover,
.blueimp-gallery > .play-pause:hover {
  color: #fff;
  opacity: 1;
}
.blueimp-gallery-controls > .prev,
.blueimp-gallery-controls > .next,
.blueimp-gallery-controls > .close,
.blueimp-gallery-controls > .title,
.blueimp-gallery-controls > .play-pause {
  display: block;
  /* Fix z-index issues (controls behind slide element) on Android: */
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
       -o-transform: translateZ(0);
          transform: translateZ(0);
}
.blueimp-gallery-single > .prev,
.blueimp-gallery-left > .prev,
.blueimp-gallery-single > .next,
.blueimp-gallery-right > .next,
.blueimp-gallery-single > .play-pause {
  display: none;
}
.blueimp-gallery > .slides > .slide > .slide-content,
.blueimp-gallery > .prev,
.blueimp-gallery > .next,
.blueimp-gallery > .close,
.blueimp-gallery > .play-pause {
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
body:last-child .blueimp-gallery > .slides > .slide-error {
  background-image: url(../img/error.svg);
}
body:last-child .blueimp-gallery > .play-pause {
  width: 20px;
  height: 20px;
  background-size: 40px 20px;
  background-image: url(../img/play-pause.svg);
}
body:last-child .blueimp-gallery-playing > .play-pause {
  background-position: -20px 0;
}

/* IE7 fixes */
*+html .blueimp-gallery > .slides > .slide {
  min-height: 300px;
}
*+html .blueimp-gallery > .slides > .slide > .slide-content {
  position: relative;
}

[class*=" ui-icon-"]:before, [class^=ui-icon-]:before, [data-icon]:before {
    font-family: ui-carousel !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.ui-carousel .carousel-btn, .v-middle {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

@font-face {
    font-family: ui-carousel;
    src: url(fonts/ui-carousel.eot);
    src: url(fonts/ui-carousel.eot?#iefix) format("embedded-opentype"),url(fonts/ui-carousel.woff) format("woff"),url(fonts/ui-carousel.ttf) format("truetype"),url(fonts/ui-carousel.svg#ui-carousel) format("svg");
    font-weight: 400;
    font-style: normal
}

[data-icon]:before {
    content: attr(data-icon)
}

.ui-icon-prev:before {
    content: "\61"
}

.ui-icon-next:before {
    content: "\62"
}

.carousel-dots li button:before, .ui-icon-dot:before {
    content: "\63"
}

.ui-carousel {
    display: block;
    margin-bottom: 30px
}

    .ui-carousel .carousel-wrapper {
        position: relative
    }

    .ui-carousel .track-wrapper {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0
    }

    .ui-carousel .track {
        position: relative;
        display: block;
        float: left
    }

    .ui-carousel .slide {
        float: left;
        height: 100%;
        min-height: 1px
    }

    .ui-carousel .carousel-btn {
        position: absolute;
        z-index: 10;
        background-color: transparent;
        outline: 0;
        border: none;
        font-size: 20px;
        opacity: .75
    }

        .ui-carousel .carousel-btn:hover {
            opacity: 1
        }

    .ui-carousel .carousel-prev .carousel-btn {
        left: -25px
    }

    .ui-carousel .carousel-next .carousel-btn {
        right: -25px
    }

    .ui-carousel .carousel-disable {
        opacity: .5
    }

        .ui-carousel .carousel-disable .carousel-btn:hover {
            opacity: .75
        }

.carousel-dots {
    position: absolute;
    bottom: -30px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

    .carousel-dots li {
        position: relative;
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }

        .carousel-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 15px;
            height: 15px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: 0;
            background: 0 0
        }

            .carousel-dots li button:before {
                font-family: ui-carousel;
                font-size: 9px;
                line-height: 15px;
                position: absolute;
                top: 0;
                left: 0;
                width: 15px;
                height: 15px;
                text-align: center;
                opacity: .25;
                color: #000;
                -webkit-font-smoothing: antialiased
            }

        .carousel-dots li.carousel-active button:before {
            opacity: .75
        }

/*!
   angular-block-ui v0.2.1
   (c) 2015 (null) McNull https://github.com/McNull/angular-block-ui
   License: MIT
*/

.block-ui {
  position: relative;
}

body.block-ui {
  /* IE8 doesn't support .block-ui:not(body) */
  
  position: static;
}

body.block-ui > .block-ui-container,
.block-ui-main > .block-ui-container {
  position: fixed;
}

.block-ui-container {
  position: absolute;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=00);
}

.block-ui-active > .block-ui-container {
  height: 100%;
  cursor: wait;
}

.block-ui-active .block-ui-active > .block-ui-container {
  height: 0;
}

.block-ui-visible > .block-ui-container {
  opacity: 1;
  filter: alpha(opacity=100);
}

.block-ui-overlay {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: white;
}

.block-ui-message-container {
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  height: 0;
  text-align: center;
  z-index: 10001;
}

.block-ui-message {
  display: inline-block;
  text-align: left;
  background-color: #333;
  color: #f5f5f5;
  padding: 20px;
  border-radius: 4px;
  font-size: 20px;
  font-weight: bold;
  /* needed for IE */
  
  filter: alpha(opacity=100);
}

/* - - - - - - 8-< - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-ui-anim-fade > .block-ui-container {
  transition: height 0s linear 200ms, opacity 200ms ease 0s;
}

.block-ui-anim-fade.block-ui-active > .block-ui-container {
  /*this resets the initial delay of the height */
  /*and sizes the block to full height at once at the start of the block. */
  transition-delay: 0s;
}

/* - - - - - - 8-< - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@keyframes slidingstep1 {
    0% {
        left: -100px;
        opacity: 0;
    }

    5% {
        left: -75px;
        opacity: 0.2;
    }

    100% {
        left: 0px;
        opacity: 1;
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-25px);
    }

    60% {
        transform: translateY(-15px);
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    66% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    66% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@-webkit-keyframes slide {
    100% {
        right: 0;
    }
}

@keyframes slide {
    100% {
        right: 0;
    }
}
* {
    margin: 0;
    padding: 0;
}

html, body, form {
    height: 100%;
}

a img {
    border: none;
}

ol, ul {
    list-style: none;
}

a {
    text-decoration: none;
}

    a:focus, a:active {
        outline: none;
    }


.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #fff !important;
    background: #0c829d !important;
    box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #0d9ebf !important;
    box-shadow: #0d9ebf 0 1px 3px 0 inset !important;
    color: #fff;
    font-weight: 700;
}

.pager.admin {
    display: table;
    padding-top: 0;
    margin-bottom: 0;
    margin-left: -20px;
    background: white;
    padding: 0 10px 0 35px;
}

    .pager.admin a {
        padding: 5px 10px 5px;
        color: #0d9ebf;
        display: inline-block;
    }

/*admin*/

.k-widget.k-splitter .middle-tab {
    margin-top: 100px !important;
}

.k-widget.k-splitter .mezo {
    background: #182738;
}

.adminMarker {
    position: relative;
}

.placeHolderMarker.ui-sortable .adminMarker:after, .placeHolderMarker.ui-sortable .adminMarker:before {
    content: '';
    display: table;
    clear: both;
}

/* WEBMASTER BUG IMG FIX ADD BUTTON */

.area-action > a > img {
    width: auto;
}

/* WEBMASTER BUG IMG FIX ADD BUTTON */

.row.h100 .adminMarker {
  position: relative;
  height: 100%;
}


/*#region IMPORTANT DO NOT DELETE*/
.reserved {
    display: none !important;
}

/*#endregion IMPORTANT DO NOT DELETE*/
/*#region font*/
@import 'buttons.css';
@import 'fonts.css';

@font-face {
    font-family: 'IcoMoon-Free';
    src: url('../fonts/IcoMoon-Free.ttf?v1') format('truetype');
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?v1') format('embedded-opentype'), url('../fonts/icomoon.svg?v1') format('svg'), url('../fonts/icomoon.ttf?v1') format('truetype'), url('../fonts/icomoon.woff?v1') format('woff');
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.icon[class^="icon-"], .icon[class*=" icon-"] {
    position: relative;
    bottom: 1px;
    vertical-align: middle;
    display: inline-block;
    font-family: 'Telekom-Icon' !important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-gift_outline:before {
    content: "\e902";
}

.icon-shop-localizer_outline:before {
    content: "\e905";
}

.icon-magazine_outline:before {
    content: "\e903";
}

.icon-comment_outline:before {
    content: "\e900";
}

.icon-creadit-card_outline:before {
    content: "\e901";
}

.icon-prepaid_outline:before {
    content: "\e904";
}

/*#endregion font*/


@font-face {
    font-family: 'teleicon-outline';
    src: url('../fonts/teleicon-outline.ttf') format('truetype'),url('../fonts/teleicon-solid.svg') format('svg'),url('../fonts/teleicon-solid.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'teleicon-solid';
    src: url('../fonts/teleicon-solid.ttf') format('truetype'),url('../fonts/teleicon-solid.eot') format('embedded-opentype'),url('../fonts/teleicon-solid.svg') format('svg'),url('../fonts/teleicon-solid.woff') format('woff');
}


/*#endregion*/

/*#region DEFAULT*/
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    -ms-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-stroke: 0.5px transparent;
    /*background-color: #eaeaea;*/
    background-color: #f7f7f7;
    font-size: 15px;
    line-height: 1.42857143;
    color: #333 !important;
}

#ns-wrapper {
    min-height: 100%;
    position: relative;
}

#ns-header {
    background: transparent;
}

#ns-content {
    padding-bottom: 60px;
    padding-top: 54px;
}

#ns-footer {
    background: #D0D0D0;
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
}

#side-menu p {
    margin: 0;
}

a {
    color: #467bab;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    a:hover {
        color: #467bab;
        text-decoration: underline;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }


    a, a:focus {
        color: #00a0de;
    }

        a:hover, a:focus, a:active {
            color: #00a0de;
        }

hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #aaa;
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
}

h1, .h1 {
    font-size: 22px;
    color: white;
    margin-top: 5px;
    font-family: tele-groteskhalregular;
    text-transform: uppercase;
}

h2, .h2 {
    margin-top: 0;
}

h4, .h4 {
    font-size: 26px;
    color: #e20074;
    font-family: tele-groteskhalregular;
}

h5, .h5 {
    font-size: 25px;
    color: #e20074;
}

h6, .h6 {
    color: #e20074;
    font-family: tele-groteskhalregular;
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px;
    margin-top: 16px;
}

b, strong {
    font-weight: normal;
    font-family: 'tele-groteskfetregular';
}

p.small {
    font-size: 90% !important;
}

blockquote {
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    font-style: italic;
    margin: 20px 0;
    display: block;
    padding: 0 0 0 60px;
    position: relative;
    text-align: center;
    border-left: 5px none #eeeeee;
}

.blockquote {
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    font-style: italic;
    margin: 20px 0;
    display: block;
    padding: 0 0 0 0;
    position: relative;
    text-align: center;
    border-left: 5px none #eeeeee;
}

p.small {
    font-size: 85%;
}

.p0 {
    padding-left: 0;
    padding-right: 0;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.m0 {
    margin: 0 !important;
}

.mb-10 {
    margin-bottom: 10px;
}

.pl0 {
    padding-left: 0 !important;
}

.p5 {
    padding-left: 5px;
    padding-right: 5px;
}

.pr7 {
    padding-right: 7px;
}

.pl7 {
    padding-left: 7px;
}

.mt-20 {
    margin-top: 20px;
}
/*#endregion*/

/*#region SCROLLBAR*/
::-webkit-scrollbar {
    width: 10px; /* for vertical scrollbars */
    height: 10px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track {
    background: #ddd;
}

::-webkit-scrollbar-thumb {
    background: #bbb;
}

scrollbar {
    /*  clear useragent default style*/
    -moz-appearance: none !important;
}
/* buttons at two ends */
scrollbarbutton {
    -moz-appearance: none !important;
}
/* the sliding part*/
thumb {
    -moz-appearance: none !important;
}

scrollcorner {
    -moz-appearance: none !important;
    resize: both;
}
/* vertical or horizontal */
scrollbar[orient="vertical"] {
    color: silver;
}
/*#endregion*/

/*#region CUSTOM*/
.text-center {
    text-align: center;
}

table {
    background-color: #fff;
}

    table img {
        width: auto;
        max-width: 100%;
    }

@media (min-width:1200px) {

    .container {
        width: 1000px;
    }

    .table-responsive {
        width: 100%;
        overflow-x: auto;
    }

    .business-new-table-button .table-responsive.businessTableSoMagentaKolona {
        width: 100%;
        overflow-x: initial;
    }

    #left-wrapper, #right-wrapper {
        width: 21%;
    }

    /*   #middle-wrapper {
        width: 58%;
    }*/
}

@media (min-width:768px) and (max-width:991px) {
    .white-box.publications img {
        width: 100%;
    }

    .p5 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pr7 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .pl7 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-menu .navbar-nav > li {
        max-width: 100px;
    }
}

@media (max-width:767px) {
    .business_call .business-call-tabs ul li.active,
    .business_call .business-call-tabs ul li {
        transform: skewX( 0deg ) !important;
    }

        .business_call .business-call-tabs ul li a {
            text-align: center;
            line-height: 1.2;
            transform: skewX(0deg) !important;
        }

        .business_call .business-call-tabs ul li.active a {
            transform: skewX(0deg) !important;
        }

    div.banner-proslavuvame {
        height: 70px !important;
        background-position: bottom left 30%;
    }

    #mag1BusinessServices .uslugi-office365-accordion .magenta-ec-online-prostor {
        right: 0 !important;
    }


    .dc-active {
        color: #fff;
        background: #666;
    }

    .p5 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pr7, .pl0, .pr0 {
        padding-right: 15px !important;
        padding-left: 15px;
    }

    .pl7 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .white-box.publications img {
        width: 100%;
    }
}

#ns-header > .container, #ns-footer > .container {
    padding-left: 0;
    padding-right: 0;
}

.transition {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
/*#region TopBar*/

#top-bar:before, #top-bar:after, #tools:before, #tools:after, #header:before, #header:after, #top-bar-left:before, #top-bar-left:after {
    content: '';
    display: table;
    clear: both;
}

#top-bar .mini-menu, #top-bar-left .mini-menu {
    float: left;
}

#tools .mini-menu {
    float: right;
    padding-right: 5px;
    padding-top: 10px;
    margin-right: 0;
}

.contact {
    float: right;
    color: rgba(255, 255, 255, .85);
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 25px 10px 10px;
    display: block;
}

#top-bar-left .mini-menu {
    margin-bottom: 0;
    /*padding-top: 10px;*/
    padding-top: 0;
    margin-right: 55px;
}

#top-bar .mini-menu {
    /*margin-right: 90px;*/
    margin-bottom: 0;
}

#tools .mini-menu select {
    border: none;
    background-color: transparent;
    outline: none;
    font-size: 13px;
    color: #999;
}

#top-bar .mini-menu li, #top-bar-left .mini-menu li {
    display: inline;
    float: left;
    text-transform: uppercase;
    color: #BDBDBD;
    font-size: 12px;
    /*padding: 2px 5px;
    border-right: 1px solid #c2c2c2;*/
    padding: 3px 5px;
    border-right: none;
    /*font-family: tele-groteskfetregular;*/
}

#top-bar .mini-menu.hidden-xs, #top-bar-left .mini-menu.hidden-xs {
    padding-top: 10px;
}


@media (max-width:767px) {

    .top-webshop-control {
        display: none;
    }

    .cart {
        width: 50px;
        float: right;
        position: fixed;
        top: 0;
        left: auto;
        /*right: 2px;*/
        right: 0;
        z-index: 1000;
    }

    #top {
        position: fixed;
        top: 0;
        left: 0;
        right: 50px;
        z-index: 1000;
        background-color: #F7F7F7;
    }

    #top-bar, #top-bar-left {
        padding-right: 0;
    }

    .mini-menu.pull-right > li + li + li + li {
        border: none;
        border-right: none !important;
    }

    .product-home-img .top-left-catcher {
        width: 70px !important;
    }

    .product-home-img .top-right-catcher {
        width: 70px !important;
    }
}

@media (max-width:767px) {
    .mini-menu select {
        border: none;
        background-color: transparent;
        outline: none;
        padding-left: 5px;
        width: 100px;
        height: 34px;
    }

    .plati-online-icon {
        margin-top: 0;
    }

    .mini-menu.pull-right {
        min-width: inherit;
        /*padding: 4px 0;*/
        padding: 0;
    }

    .mini-menu {
        padding: 0;
        float: inherit;
        margin: 0;
    }

    #top-bar .mini-menu.pull-right, #top-bar-left .mini-menu.pull-right {
        float: right !important;
        margin: 0;
        /**/
        right: 0;
        position: relative;
        padding: 0;
    }

    .mini-menu.pull-right > li {
        padding: 0;
        width: 35px;
    }

        .mini-menu.pull-right > li:first-child {
            padding: 0 0;
            /*left: -5px;*/
        }

    .p0-small {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    img.m-t-user {
        margin-right: 0;
    }

    a.btn.btn-moj-telekom {
        background-color: #a7b636;
        color: white;
        width: 41px;
        padding: 0 !important;
    }

    #miniShoppingCart {
        width: 50px !important;
        background-color: #eaeaea !important;
    }
}



#top-bar-left .mini-menu {
    margin-bottom: 0;
    /*padding-top: 10px;*/
    padding-top: 0;
    margin-right: 0;
}

#ns-bottom #top-bar-left .mini-menu li a {
    position: relative;
    padding-bottom: 3px;
}



@media (min-width:992px) and (max-width:1199px) {
    #top-bar .mini-menu {
        margin-right: 95px;
        margin-bottom: 0;
    }
}

@media (min-width:768px) and (max-width:991px) {

    #top-bar .mini-menu {
        margin-right: 130px;
    }

    .company #top-bar .mini-menu {
        margin-right: 0;
    }

    .white-border ul li {
        margin-bottom: 0px;
    }

    .mgn-business .one-t-dicklaimer {
        left: 200px;
    }
}

.mini-menu li.mg-txt {
    display: inline;
    float: left;
    text-transform: uppercase;
    color: #888888;
    font-size: 14px !important;
    padding: 2px 5px;
    border-right: 1px solid #c2c2c2; /**/
    overflow: hidden;
    width: 40px;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    /* opacity: 0.3; */
    text-transform: none !important;
}

@media (min-width:992px) {

    .mini-menu li#mg-support {
        width: 175px;
    }

    .carousel-promotion-tv .carousel-inner .item {
        display: block !important;
    }

    .carousel-promotion-tv .left.carousel-control,
    .carousel-promotion-tv .right.carousel-control {
        display: none !important;
    }

    .carousel-promotion-pc .carousel-inner .item {
        display: block !important;
    }

    .carousel-promotion-pc .left.carousel-control,
    .carousel-promotion-pc .right.carousel-control {
        display: none !important;
    }

    #carousel-promotion-phones .carousel-inner .item {
        display: block !important;
    }

    #carousel-promotion-phones .left.carousel-control,
    #carousel-promotion-phones .right.carousel-control {
        display: none !important;
    }
}



.mini-menu li#mg-support span {
    text-transform: uppercase;
    font-size: 12px;
}

.mini-menu li.mg-txt a {
    padding-left: 34px;
    height: 35px;
    vertical-align: middle;
    display: table-cell;
    width: auto;
    color: #e20074;
    text-decoration: none;
}



    .mini-menu li.mg-txt a > span {
        white-space: nowrap;
        /* opacity: 1; */
        text-decoration: none;
    }

.mini-menu li:first-child {
    padding-left: 0;
}

.mini-menu li:last-child {
    border-right: none;
}

@media (min-width: 992px) {
    .mini-menu li.mg-txt:hover {
        width: 120px;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        opacity: 1;
    }

    .mini-menu li.mg-txt:nth-of-type(2):hover {
    }
}


li a.support-icon {
    background-image: url("../images/support.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    background-size: 23px;
}

li a.club-icon {
    background-image: url("../images/club.png");
    background-repeat: no-repeat;
    background-position: left 2%;
    background-position: left 0 top 5px;
    background-color: transparent;
    background-size: 24px;
    padding-top: 0;
}

li a.kupi-onlajn-icon {
    background-image: url("../images/shoppingcart-one.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    background-size: 23px;
}

li a.plati-online-icon {
    background-image: url("../images/plati_ikonce.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    background-size: 23px;
}

.search {
    background-color: #f8f8f8;
    float: right;
}

.search-icon {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ededed;
    width: 35px;
    height: 41px;
    display: block;
    cursor: pointer;
}

.smart-tarifi-wrapper .smart-table.smart-tariff-m {
    border: 2px solid #e20074;
    box-shadow: 1px 5px 24px 0px rgba(0, 0, 0, 0.13);
}

@media (min-width:768px) and (max-width:991px) {

    #top-bar .mini-menu {
        margin-right: 130px;
    }

    .company #top-bar .mini-menu {
        margin-right: 5px;
    }
}

.mini-menu li.mg-txt {
    display: inline;
    float: left;
    text-transform: uppercase;
    color: #888888;
    font-size: 14px !important;
    padding: 2px 5px;
    border-right: 1px solid #c2c2c2; /**/
    overflow: hidden;
    width: 40px;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    /* opacity: 0.3; */
    text-transform: none !important;
}



    .mini-menu li.mg-txt a {
        padding-left: 34px;
        height: 35px;
        vertical-align: middle;
        display: table-cell;
        width: auto;
        /* opacity: 0.3; */
        /* max-width: 170px; */
        color: #e20074;
        text-decoration: none;
    }

        .mini-menu li.mg-txt a > span {
            white-space: nowrap;
            /* opacity: 1; */
            text-decoration: none;
        }

.mini-menu li:first-child {
    padding-left: 0;
}

.mini-menu li:last-child {
    border-right: none;
}

.mini-menu li a {
    color: #888888;
    font-size: 15px;
}



#tools-private .mini-menu li a {
    padding: 8px 6px 8px 6px;
}

.mini-menu li.active a {
    color: #e20074;
}

@media (min-width: 992px) {
    .mini-menu li.mg-txt:hover {
        width: 120px;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        /* height: 35px; */
        opacity: 1;
    }

    .mini-menu li.mg-txt:nth-of-type(2):hover {
        width: 130px;
    }

    /*.mini-menu li.mg-txt:last-child {
        width: 120px;
    }*/
}



li a.support-icon {
    background-image: url("../images/support.png");
    background-repeat: no-repeat;
    /*background-position: left center;
    background-position: left 0 center;
    background-color: transparent;
    background-size: 23px;*/
    background-position: 6px center;
    background-color: transparent;
    background-size: initial;
}

li a.club-icon {
    background-image: url("../images/club.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-position: left 0 top 5px;
    background-color: transparent;
    background-size: 24px;
    padding-top: 0;
}

li a.kupi-onlajn-icon {
    background-image: url("../images/shoppingcart-one.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-position: left 0 center;
    background-color: transparent;
    background-size: 23px;
}

li a.plati-online-icon {
    background-image: url("../images/plati_ikonce.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-position: left 0 center;
    background-color: transparent;
    /*background-size: 23px;*/
    background-size: initial;
}


.search {
    background-color: #f8f8f8;
    float: right;
}

.search-icon {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ededed;
    width: 35px;
    height: 41px;
    display: block;
    cursor: pointer;
}

@media screen and (min-width:768px) {

    a.search-icon:hover .search-box {
        display: block;
        width: 210px;
        visibility: visible;
        transition: width .2 ease-in;
        -webkit-transition: width .2 ease-in;
    }
}

a.search-icon.active .search-box {
    display: block;
    width: 210px;
    visibility: visible;
    transition: width .2 ease-in;
    -webkit-transition: width .2 ease-in;
}

.moj-telekom-menu-1 {
    display: none;
}


.form-control {
    display: block;
    width: 100%;
    height: 30px;
    padding: 5px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px #efefef;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px #efefef;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.searchBtn {
    position: absolute;
    right: 17px;
    top: 18px;
    bottom: 18px;
    width: 30px;
    border: none;
    background: white;
}
/*#endregion TopBar*/

/*#region HEADER*/
#header {
    padding: 0;
    padding-bottom: 0;
}

.cont {
    /*margin-top: 20px !important;*/
    margin-top: 0;
}

.slider img {
    margin: 0 auto;
    display: block;
    width: 100%;
}

.main-menu {
    margin-top: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.main-menu {
    background-color: transparent;
    border: none;
    min-height: initial;
}

.navbar-toggle, .navbar-toggle:hover, .navbar-toggle:focus {
    background-color: white !important;
    border: 0 solid transparent;
    margin-right: 1px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #e20074;
}

@media (min-width:768px) {
    .navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
        display: none !important;
    }
}

.navbar-nav {
    margin: 0;
}

    .navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
        border-top: 5px solid;
        border-right: 5px dashed transparent;
        border-bottom: 5px dashed transparent;
        border-left: 5px dashed transparent;
        float: right;
        color: #bebebe;
    }

    .navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
        position: static;
        margin-top: -10px;
        margin-right: -15px;
        margin-left: 0;
        display: block;
        width: 40px;
        height: 40px;
        overflow: hidden;
        vertical-align: middle;
        border-top: 0 solid;
        border-right: 0 dashed transparent;
        border-bottom: dashed transparent;
        border-left: 1px solid #F5F5F5;
        float: right;
        color: #bebebe;
        background-image: url(../images/strelka-down.png);
        background-repeat: no-repeat;
        background-position: center;
        background-color: #FCFCFC;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

        .navbar-nav .sub-arrow:hover {
            background-image: url(../images/strelka-down-white.png);
            background-repeat: no-repeat;
            background-position: center;
            background-color: #CA0068;
            border-left: 1px solid #CA0068;
            -moz-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }


@media (max-width:767px) {

    .nav > li {
        border-bottom: 1px solid #F5F5F5;
    }

        .nav > li:hover {
            -moz-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

        .nav > li a:hover {
            color: #e20074 !important;
        }

    .main-menu .container > .navbar-header, .main-menu .container-fluid > .navbar-header, .main-menu .container > .navbar-collapse, .main-menu .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }

    .mini-menu {
        padding: 10px 5px;
    }

        .mini-menu li {
            font-size: 10px;
        }

    .log {
        padding-left: 0 !important;
    }

    #mainmenu.navbar-collapse {
        border-color: #e7e7e7;
        position: relative;
        z-index: 100;
        background-color: white;
    }
}

@media (min-width:768px) {

    .main-menu .navbar-nav > li > a,
    .main-menu .navbar-nav > li > span {
        color: #666;
        text-transform: uppercase;
        font-size: 13px;
        padding: 10px 15px;
        font-family: tele-groteskhalregular;
        text-align: center;
        white-space: normal;
        padding: 0;
        font-size: 13px;
        width: 100%;
        display: table;
        height: 50px;
        padding: 10px;
        line-height: 16px;
    }

        .main-menu .navbar-nav > li > a > span,
        .main-menu .navbar-nav > li > span > span {
            display: table-cell;
            vertical-align: middle;
            /**/
            width: auto;
            min-width: initial;
        }

    .main-menu .navbar-nav > li > .dropdown-menu, .main-menu .dropdown-menu {
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 0;
        border-radius: 0;
        border: 1px solid #e5e5e5;
    }

    .main-menu li a.active {
        background-color: #e20074 !important;
        color: #fff !important;
    }

    .main-menu li .active-in {
        color: black !important;
        font-size: 16px;
    }

        .main-menu li .active:hover, .main-menu li .active-in:hover {
            color: #fff !important;
        }

    .main-menu .navbar-nav > li {
        float: left;
        position: relative;
        display: table-cell;
        z-index: 50;
        margin: 0;
        vertical-align: middle;
        height: 50px;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .navbar-nav {
        float: right;
        margin: 0;
        display: table;
        margin: 0 0 0 auto;
        table-layout: fixed;
        padding: 0;
        list-style: none;
        position: relative;
        text-align: right;
    }

    .navbar-default .navbar-nav > li a:hover, .navbar-default .navbar-nav > li a:focus, li.open {
        color: #fff;
        background-color: #e20074 !important;
    }

    .navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > li:focus,
    .navbar-default .navbar-nav > li.active {
        color: #fff !important;
        background-color: #e20074 !important;
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a :focus,
    .navbar-default .navbar-nav > li > span:hover {
        background-color: transparent !important;
    }

    .navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
        display: none !important;
    }



    ul.nav.navbar-nav.sm.hp2 > li:first-child {
        background-image: url(../images/b-right.png);
        background-repeat: no-repeat;
        background-position: right;
    }
}

.main-menu-holder {
    background: white;
    height: 50px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-menu .navbar-nav > li > a > span,
    .main-menu .navbar-nav > li > span > span {
        font-size: 12px;
        width: 60px;
    }

    .main-menu .navbar-nav > li > a,
    .main-menu .navbar-nav > li > span {
        padding: 6px;
    }
}

@media (max-width: 991px) {

    #buyOnlineHome.hidden-xs {
        display: none;
    }
}

@media (max-width: 767px) {
    .main-menu-holder {
        background: white;
        height: auto;
    }

    .copy-holder {
        padding: 12px 2px;
        line-height: 15px;
        font-size: 13px;
    }

    .social-links li {
        padding: 0 5px !important;
    }

    #top-bar .mini-menu, #top-bar-left .mini-menu {
        margin-right: -20px;
    }

    .right-s {
        margin-top: 10px !important;
    }
}

.logo-holder {
    height: 50px;
}

    .logo-holder a {
        display: block;
        vertical-align: middle;
        height: 50px;
        width: 100%;
        padding: 9px;
    }

.dropdownEn ul.dropdown-menu span.close-menu-btn img {
    width: 15px;
    height: auto;
    position: absolute;
    right: 0;
    top: 25px;
    cursor: pointer;
    vertical-align: middle;
}
/*#endregion HEADER*/
/*#region Breadcrumb*/
.breadZ {
    background: #ddd;
    padding: 10px 10px;
    /*margin-bottom: 15px;*/
    min-height: 64px;
}

    .breadZ .breadcrumbs a {
        color: #767676;
        font-size: 14px;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .breadZ .breadcrumbs {
        color: #ccc;
    }

        .breadZ .breadcrumbs a:hover {
            color: #e20074;
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -ms-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

    .breadZ h2 {
        font-size: 19px;
        text-transform: uppercase;
        margin: 0;
        color: #e20074;
        margin-top: 5px;
    }





    .breadZ .breadcrumbs .pocetna_link {
        display: none;
    }

        .breadZ .breadcrumbs .pocetna_link svg {
            position: relative;
        }

        .breadZ .breadcrumbs .pocetna_link:hover svg path {
            fill: #e20074;
        }

        .breadZ .breadcrumbs .pocetna_link:first-of-type {
            display: inline-block;
        }

    .breadZ .breadcrumbs a.no-click {
        display: none;
    }
/*#endregion breadcrumb*/
/*#region SideMenu*/
#ns-content.one-content #sidem.collapse.in, #ns-content.one-content #sidem.collapsing, #ns-content.one-content #sidem.collapse {
    display: block;
}

/*@media (min-width:992px) {
    #ns-content.one-content #sidem.collapse.in, #ns-content.one-content #sidem.collapsing, #ns-content.one-content #sidem.collapse {
        display: block !important;
        height: inherit !important;
    }
}*/

@media (min-width:768px) and (max-width:991px) {
    #ns-content #sidem.collapse, #ns-content #sidem.collapsing {
        display: block;
    }

    #ns-content.one-content #sidem.collapse, #ns-content.one-content #sidem.collapsing {
        display: none;
    }

        #ns-content.one-content #sidem.collapse.in, #ns-content.one-content #sidem.collapsing {
            display: block;
        }
}

@media (max-width:767px) {
    #ns-content.one-content #sidem.collapse {
        display: none;
    }
}

.sidebar {
    background: white;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 1px 1px 4px #ccc;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 4px #ccc;
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,.1);
    box-shadow: -1px 1px 0 #ccc;
    box-shadow: -1px 1px 0 rgba(0,0,0,.1);
    margin-bottom: 15px;
}

h4.left-nav-title {
    padding: 0;
    margin: 0;
    background: #fafafa;
    background: -moz-linear-gradient(top, #fafafa 0, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#fafafa), color-stop(100%,#f7f7f7));
    background: -webkit-linear-gradient(top, #fafafa 0,#f7f7f7 100%);
    background: -o-linear-gradient(top, #fafafa 0,#f7f7f7 100%);
    background: -ms-linear-gradient(top, #fafafa 0,#f7f7f7 100%);
    background: linear-gradient(to bottom, #fafafa 0,#f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f7f7f7',GradientType=0 );
}

    h4.left-nav-title a {
        margin: 0;
        font-size: 15px;
        font-weight: normal;
        color: #767676;
        padding: 10px;
        /*border-bottom: 1px solid #efefef;*/
        display: block;
    }

        h4.left-nav-title a:hover, h4.left-nav-title a:focus {
            color: #e20074;
            text-decoration: none;
        }

h3.left-nav-title {
    /*border-bottom: 1px solid #ddd;*/
    margin: 0;
    font-weight: normal;
    color: #333;
    display: block;
    font-size: 14px;
    padding: 15px 10px;
    background: #fafafa;
    text-transform: uppercase;
    background: -moz-linear-gradient(top, #fafafa 0, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#fafafa), color-stop(100%,#f7f7f7));
    background: -webkit-linear-gradient(top, #fafafa 0,#f7f7f7 100%);
    background: -o-linear-gradient(top, #fafafa 0,#f7f7f7 100%);
    background: -ms-linear-gradient(top, #fafafa 0,#f7f7f7 100%);
    background: linear-gradient(to bottom, #fafafa 0,#f7f7f7 100%);
}

    h3.left-nav-title p {
        margin: 0;
    }

h4.left-nav-title p {
    margin: 0;
}

h4.left-nav-title.strelche p {
    /*  background-image: url(../images/side-arrow.png);
    background-repeat: no-repeat;
    background-position: right bottom;*/
    background-image: none;
}

h4.left-nav-title.active-title p {
    background-image: none;
}

.left-menu.inZ {
    line-height: 16px;
    margin-bottom: 32px;
}

    .left-menu.inZ li a {
        padding: 8px 10px;
        display: block;
        color: #767676;
        border-bottom: 1px solid #E8E8D1;
        background: #f1f2e0;
    }

        .left-menu.inZ li a:hover, .left-menu.inZ li a:focus {
            color: #e20074;
            text-decoration: none;
        }



.left-nav-title.active-title a {
    color: white;
    background: #b9be5a;
    box-shadow: inset 0 0 10px #ccc;
    box-shadow: inset 0 0 10px rgba(0,0,0, .15);
}

    .left-nav-title.active-title a:hover {
        color: #555;
    }

.left-menu.inZ li a.active {
    background-color: #E0E2B4;
    padding-left: 20px;
    background-image: url(../images/trophies_next2.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    color: #333;
}


/*orange*/
.orange-theme-dd .left-menu.inZ li a {
    border-bottom: 1px solid #ECDFC0;
    background: #F2EEE0;
}

.orange-theme-dd .left-nav-title.active-title a {
    background: #eda95a;
}

/*yellow*/
.yellow-theme-dd .left-menu.inZ li a {
    border-bottom: 1px solid #ECDFC0;
    background: #F2EEE0;
}

.yellow-theme-dd .left-nav-title.active-title a {
    background: #fdd167;
}

/*no-color*/
.no-color-theme-dd .left-menu.inZ li a {
    border-bottom: 1px solid #D3D3D3;
    background: #E0E0E0;
}

.no-color-theme-dd .left-nav-title.active-title a {
    background: transparent;
    color: #e20074;
    border-color: #D7D7D7;
}


.left-nav-level5 li a {
    padding-left: 30px !important;
}


.left-nav-level5 li.open2 a {
    color: #e20074;
    background-image: url(../images/trophies_next.png);
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: 20px 10px;
}
/*#endregion SideMenu*/

/*#region CONTENT*/



.home h1 {
    font-weight: normal;
    color: #333;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.inner-cont h1 {
    color: #333;
}

.right-s {
    margin-top: 55px;
}
/*Boxes*/
.white-box {
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    padding: 20px;
}

    .white-box.publications {
        padding: 0 0 20px;
        min-height: 300px;
    }

#right-wrapper .white-box.publications {
    min-height: inherit;
}

.white-box.publications h3 {
    color: #555;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
    padding: 0 20px;
}

.white-box.publications p {
    font-size: 16px;
    color: #555;
    padding: 0 20px 0;
}

.white-box.publications a {
    font-size: 16px;
    color: #5082af;
    text-decoration: underline !important;
    padding: 0 20px;
    display: block;
}

.white-box.publications img {
    margin-bottom: 20px;
    min-width: 100%;
}

.white-box.reports {
    padding: 20px 20px 40px 20px;
    background-image: url(../images/donation2-bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    min-height: 300px;
}

    .white-box.reports h3 {
        color: #555;
        text-transform: uppercase;
        font-size: 18px;
        padding: 0 0 5px;
        border-bottom: 1px dotted #e5e5e5;
        margin: 0;
    }

    .white-box.reports a, .white-box.reports.lin a, .reports-full a {
        font-size: 16px;
        color: #555;
        display: block;
        padding: 10px 20px;
        margin: 0 -20px;
    }

.reports-full a {
    padding: 10px 10px;
    margin: 0 -10px;
}

    .white-box.reports a p, .white-box.reports.lin a p, .reports-full a p {
        background-image: url(../images/home-link.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding: 0;
        margin: 0;
    }

    .white-box.reports a:hover, .white-box.reports.lin a:hover, .white-box.reports.lin a:last-child:hover, .reports-full a:hover {
        background-color: #f0f0f0;
        background-color: rgba(0,0,0,.05);
        font-size: 16px;
        color: #555;
        display: block;
        padding: 10px 20px;
        margin: 0 -20px;
    }

    .reports-full a:hover {
        padding: 10px 10px;
        margin: 0 -10px;
    }

.white-box.reports.lin a:last-child {
    font-size: 16px;
    color: #5082af;
    text-decoration: underline !important;
    padding: 10px 20px;
    background-image: none;
    background-color: transparent;
    margin-top: 0;
}

.white-box.reports.lin a.front:last-child {
    font-size: 16px;
    color: #555;
    text-decoration: none !important;
}

    .white-box.reports.lin a.front:last-child:hover {
        font-size: 16px;
        color: #555;
        text-decoration: underline !important;
    }

.white-box.reports a:last-child:hover {
    font-size: 16px;
    color: #5082af;
    text-decoration: underline !important;
    padding: 0 20px;
    background-image: none;
    background-color: #eee !important;
    background-color: rgba(0,0,0,.05) !important;
    margin-top: 30px;
}


.white-box {
    margin-bottom: 15px;
}


    .white-box.blue {
        background: #eff4f9;
    }

    .white-box.green {
        background: #f3f5eb;
    }

    .white-box.blue.berz {
        background-image: url(../images/berza-bg.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-color: #eff4f9;
    }

    .white-box.blue.iso {
        background-image: url(../images/iso-bg.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-color: #eff4f9;
    }

    .white-box.green.imenik {
        background-image: url(../images/imenik-bg.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-color: #f3f5eb;
    }

.right-s .white-box h3 {
    color: #555;
    text-transform: uppercase;
    font-size: 18px;
    padding: 0 0 5px;
    border-bottom: 1px solid#e5e5e5;
    margin: 0 0 15px;
}

.right-s .white-box img {
    margin-bottom: 15px;
}

.right-s .white-box p {
    background-image: url(../images/link-bullet.png);
    background-repeat: no-repeat;
    background-position: left 1px;
    padding-left: 20px;
    line-height: 16px;
    margin: 0;
}

.right-s .white-box a {
    padding-left: 20px;
    color: #467bab;
}

    .right-s .white-box a:hover {
        text-decoration: underline !important;
    }

.right-s .white-box.journalist a {
    padding: 0 0 15px;
    display: block;
    text-align: left;
}

    .right-s .white-box.journalist a span {
        vertical-align: middle;
    }

.right-s .white-box p a {
    padding-bottom: 15px;
    display: block;
    padding-left: 0;
}

    .right-s .white-box p a:hover {
        color: #467bab;
    }

.news-box .white-box:hover {
    background: #e20074;
    color: white !important;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .soopshtenija-box .white-box:hover .soopshtenija h4, .white-box:hover .soopshtenija a, .news-box .white-box:hover .news h4, .news-box .white-box:hover .news a, .white-box:hover .news h2 {
        color: white !important;
    }

.white-box .soopshtenija, .white-box .news {
    background-image: url(../images/home-link.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 105px;
}

    .white-box.soopshtenija a {
        text-align: center;
        display: block;
        font-size: 16px;
    }

.white-box:hover .soopshtenija, .news-box .white-box:hover .news {
    background-image: url(../images/home-link-hover.png);
}

.white-box .soopshtenija h4, .white-box .news h4 {
    font-size: 19px;
}

.white-box .soopshtenija h2, .white-box .news h2 {
    font-size: 16px;
    line-height: 22px;
    color: #333;
}

.news-box a:hover {
    text-decoration: none;
}

.news-box .white-box {
    background: #f8f8f8;
    min-height: 145px;
}

    .news-box .white-box h4 {
        margin: 0;
        padding: 0;
    }

.white-box.soopshtenija {
    background-color: white;
}
/*END Boxes*/


/*News listing*/

.news-intro {
    margin-bottom: 10px;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
}

    .news-intro a:hover {
        text-decoration: none;
    }

.inner-cont .news-intro .news-intro-title {
    padding: 10px 12px;
    background: #fff;
}

.inner-cont .news-intro h2 {
    background-image: url(../images/home-link.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    text-transform: none;
    border-bottom: none;
    margin: 0;
    padding: 5px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.inner-cont .news-intro:hover h2 {
    color: #e20074;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.blue-theme .inner-cont .news-intro:hover h2 {
    color: #467bab;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.transparent {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 none transparent !important;
    padding: 0 !important;
}

.inner-cont .news-intro h4 {
    background: #f8f8f8;
    padding: 10px 15px;
    font-size: 16px;
    margin: 0;
}
/*END News listing*/

@media (min-width:992px) {
    .news-box .col-lg-6:nth-of-type(n) {
        padding-right: 7px !important;
        padding-left: 15px !important;
    }

    .news-box .col-lg-6:nth-of-type(2n+2) {
        padding-right: 15px !important;
        padding-left: 7px !important;
    }
}

.inner-cont {
    /*margin-bottom: 15px;*/
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    /*padding: 20px;*/
    position: relative;
}

    .inner-cont:before, .inner-cont:after {
        content: "";
        display: block;
        clear: both;
    }

    .inner-cont h2 {
        text-transform: uppercase;
        font-size: 18px;
        color: #555;
        border-bottom: 1px dashed #D0D0D0;
        padding: 10px 0;
    }

    .inner-cont .news-intro h2 {
        font-size: 16px;
    }

    .inner-cont h3 {
        font-size: 18px;
    }


.tabela {
    border: 0 solid #ddd;
    margin-bottom: 15px;
    background: #f7f7f7;
    box-shadow: 2px 2px 2px #aaa;
}

    .tabela > tbody > tr > td, .tabela > tbody > tr > th {
        border: 0 solid #ddd;
        padding: 7px;
        line-height: 15px;
    }

table td + td, table th + th {
    background: #ededed;
}

    table td + td + td, table th + th + th {
        background: #e3e3e3;
        border: 0 none transparent !important;
    }

.tabela tr:first-child, .tabela tr:first-child th {
    font-weight: normal !important;
    padding: 15px 7px;
    border-bottom: 1px solid #b0c5d6;
}

table.kelijaRamka {
    border: 5px solid white;
}

    table.kelijaRamka .text10 {
        padding: 10px;
    }

table.kelijaRamkaLevoDesno {
    margin-bottom: 10px;
}

.contactc {
    font-size: 18px;
    color: #777777;
    font-family: 'tele-groteskhalregular', arial;
    padding-top: 10px;
    background-image: url(../images/kc.png);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 37px;
}

@media (max-width:767px) {

    .contactc {
        font-size: 14px;
        line-height: 16px;
    }
}

#ns-footer .social-links a {
    color: white;
    text-decoration: none;
    display: inline;
    white-space: nowrap;
}

    #ns-footer .social-links a:hover {
        color: white;
        text-decoration: none;
    }

    #ns-footer .social-links a img {
        padding-right: 10px;
        display: inline;
        height: 50px;
    }

#ns-footer .social-links a {
    color: white;
    text-decoration: none;
    display: table-cell;
    white-space: nowrap;
}

.social-links {
    margin: 0;
    float: right;
    padding-top: 0;
    display: block !important;
}

    .social-links li {
        display: table-cell;
        cursor: pointer;
        padding: 0 20px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

        .social-links li:hover {
            background: #bbb;
        }

.copy-holder {
    padding: 14px 0;
}

.box-solo {
    border-bottom: 0 solid #e5e5e5 !important;
    margin: 0 !important;
    padding: 0 !important;
}

    .box-solo a {
        padding-left: 0 !important;
        color: inherit !important;
    }

/*Sednici*/
.inner-cont ul.sednici li {
    background-color: white;
    padding: 0;
    margin-left: 0;
    font-size: 15px;
    font-family: tele-groteskhalregular !important;
    box-shadow: 0 2px 3px #bbb;
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
    margin-bottom: 4px;
    background-image: url(../images/link-profile.gif);
    background-position: 97% center;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    background-repeat: no-repeat;
}

    .inner-cont ul.sednici li strong {
        color: #e20074;
        background: #f8f8f8;
        padding: 17px;
        display: inline-block;
        float: left;
        width: auto;
    }

    .inner-cont ul.sednici li a {
        padding: 15px 10px;
        white-space: nowrap;
        display: inline-block;
        float: left;
        width: 65%;
        text-overflow: ellipsis;
        overflow: hidden;
    }

@media (max-width:479px) {
    .inner-cont ul.sednici li a {
        width: 50%;
    }
}

.news-intro-sednici {
    position: relative;
    height: 280px;
    margin: 20px 0 20px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    border-bottom: 1px solid #d6d6d6;
    padding: 0 0 30px 0;
}

    .news-intro-sednici.informacii {
        display: block;
        height: 150px;
    }

        .news-intro-sednici.informacii .news-intro-title {
            width: 100%;
        }

    .news-intro-sednici h2 {
        color: black;
        background: transparent;
        display: block;
        float: none;
        width: auto !important;
        margin: 0;
        font-size: 17px !important;
        font-weight: normal;
        top: 0px;
        position: absolute;
        left: 0;
        padding: 0 25px 0 0 !important;
        letter-spacing: .5px;
    }

    .news-intro-sednici .news-intro-title {
        position: relative;
        width: 65%;
        display: inline;
        float: left;
        padding-right: 50px;
        height: 100%;
    }

        .news-intro-sednici .news-intro-title h4 {
            margin-top: 20px;
            font-size: 20px;
            line-height: 1.2;
            font-family: 'teleNeo-bold' !important;
            color: #202020;
        }

        .news-intro-sednici .news-intro-title p {
            font-size: 17px;
            line-height: 1.2;
        }

.wrapper-sednici.informacii .news-intro-title .more {
    bottom: 0;
}

.news-intro-sednici .news-intro-title .more {
    position: absolute;
    bottom: 25px;
    font-size: 18px;
    color: #007FAF;
    font-family: teleNeo-regular !important;
}

    .news-intro-sednici .news-intro-title .more a {
        position: relative;
        padding-left: 20px;
        font-size: 19px;
        transition: all ease-in .3s;
        -webkit-transition: all ease-in .3s;
    }

        .news-intro-sednici .news-intro-title .more a:hover {
            text-decoration: none;
            transition: all ease-in .3s;
            -webkit-transition: all ease-in .3s;
            transform: scaleX(1);
        }

        .news-intro-sednici .news-intro-title .more a:focus,
        .news-intro-sednici .news-intro-title .more a:visited {
            text-decoration: none;
        }

        .news-intro-sednici .news-intro-title .more a:before {
            content: '%';
            position: absolute;
            font-family: 'teleIcon-outline' !important;
            left: 0;
            transform: rotate( 180deg);
            font-size: 22px;
            top: -4px;
            display: block;
            transition: all ease-in .3s;
            -webkit-transition: all ease-in .3s;
        }

        .news-intro-sednici .news-intro-title .more a:after {
            display: block;
            content: '';
            border-bottom: 1px solid #019fb6;
            transform: scaleX(0);
            transition: transform 250ms ease-in-out;
        }

        .news-intro-sednici .news-intro-title .more a:hover:after {
            transform-origin: 50% 50%;
            transform: scale(1);
        }

.news-intro-sednici h2 {
    padding: 0;
    /*    white-space: nowrap;
    text-overflow: ellipsis;*/
    width: 100%;
    /*overflow: hidden;*/
    border-bottom: none #D0D0D0;
    text-transform: none;
    font-size: 18px;
    line-height: 1.2;
}


.news-images {
    position: relative;
    width: 35%;
    display: inline;
    float: left;
    height: 100%;
}

    .news-images img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

/*#region investitor relations sednici fix*/
div#ns-content.companyContent .wrapper-sednici .news-intro-sednici {
    min-height: 370px;
}

    div#ns-content.companyContent .wrapper-sednici .news-intro-sednici h4 {
        min-height: 140px;
    }

    div#ns-content.companyContent .wrapper-sednici .news-intro-sednici p {
        margin-bottom: 20px;
        text-overflow: ellipsis;
        padding-bottom: 3px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
/*#endregion investitor relations sednici fix*/
/*END Sednici*/

/*#endregion CONTENT*/
/*#endregion*/
/*Home page v2*/
/* Slider */
.slider-naslovna2 {
    margin: 10px 0;
}

.carousel-indicators li {
    background-color: transparent;
    border: none;
    border-radius: 0;
    /* display: block; */
    width: 22px;
    height: 19px;
    background: url(../images/bullets.png) no-repeat;
    /* cursor: pointer; */
    /* background-position: 0 -21px; */
}

.carousel-indicators.naslovna2 li {
    width: 17px;
    height: 17px;
    background-image: url(../images/carousel-bullet.png);
    background-repeat: no-repeat;
    margin-right: 5px;
}

.carousel-indicators .active {
    width: 22px;
    height: 20px;
    /* background-image: url(../images/bullets.png)!important;*/
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0 -21px;
}

/* fade on slider */
.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1 !important;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.home-content-holder {
    position: relative;
    padding: 0;
    overflow: hidden;
}

.txt-dec-none, .txt-dec-none:hover {
    text-decoration: none !important;
    font-size: 16px;
    padding-top: 0;
    font-weight: normal;
    text-transform: uppercase;
}

h4 {
    display: block;
    font-family: 'tele-groteskfetregular';
    font-size: 18px;
    color: #3d3d3d;
    line-height: 110%;
    font-weight: normal;
    margin-bottom: 15px;
    padding-top: 15px;
}

.home-icon-wrapper p {
    max-width: 300px;
    margin: 0 auto 20px;
}

a.home-icon-wrapper {
    color: #333 !important;
}

    a.home-icon-wrapper:hover {
        color: #e20074 !important;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

.home-boxes-container p {
    font-size: 15px;
    font-family: tele-groteskhalregular;
    text-decoration: none;
    line-height: 14px;
    line-height: 1;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 5px;
    min-height: 41px;
}

.icon-land {
    display: block;
    margin: 20px auto 0;
    width: 112px;
    height: 112px;
    background-position: center;
    background-repeat: no-repeat;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    .icon-land.smartPlusPaketiP {
        background-image: url(../img/piktogrami/i1.png);
    }


.home-icon-wrapper:hover .icon-land.smartPlusPaketiP {
    background-image: url(../img/piktogrami/i1h.png);
    background-position: center 8px;
}


.icon-land.internetOpcijeP {
    background-image: url(../img/piktogrami/i2.png);
}


.home-icon-wrapper:hover .icon-land.internetOpcijeP {
    background-image: url(../img/piktogrami/i2h.png);
    background-position: center 8px;
}


.icon-land.mojSvetP {
    background-image: url(../img/piktogrami/i3.png);
}

.home-icon-wrapper:hover .icon-land.mojSvetP {
    background-image: url(../img/piktogrami/i3h.png);
    background-position: center 7px;
}


.icon-land.mojaOpcijaP {
    background-image: url(../img/piktogrami/i4.png);
}

.home-icon-wrapper:hover .icon-land.mojaOpcijaP {
    background-image: url(../img/piktogrami/i4h.png);
    background-position: center 4px;
}

.home-icon-wrapper {
    text-align: center;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    .home-icon-wrapper:hover {
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        text-decoration: none;
    }

.brgrad-top-to-bottom {
    border-width: 0 1px 0 0;
    border-style: solid;
    -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(207, 207, 207)), to(rgba(207, 207, 207, 0))) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(rgb(207, 207, 207), rgba(207, 207, 207, 0)) 1 100%;
    -moz-border-image: -moz-linear-gradient(rgb(207, 207, 207), rgba(207, 207, 207, 0)) 1 100%;
    -o-border-image: -o-linear-gradient(rgb(207, 207, 207), rgba(207, 207, 207, 0)) 1 100%;
    border-image: linear-gradient(to bottom, rgb(207, 207, 207), rgba(207, 207, 207, 0)) 1 100%;
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    border-right: 1px solid #cfcfcf\9;
}

@media (max-width: 767px) {
    .brgrad-top-to-bottom {
        padding: 15px 0 0 0;
        border-width: 0 0 1px 0;
        border-image: none;
        border-bottom: 1px solid #D0D0D0;
    }
}

/**/

.filter-ic {
    display: table-cell;
    width: 20%;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
}

    .filter-ic.presentbox {
        background-image: url('../img/ic_presentbox.png');
    }

    .filter-ic.pricetag {
        background-image: url('../img/ic_pricetag.png');
    }

    .filter-ic.device-mobile {
        background-image: url('../img/ic_device_mobile.png');
    }

    .filter-ic.device-tablet {
        background-image: url('../img/ic_device_tablet.png');
    }

    .filter-ic.device-phone {
        background-image: url('../img/ic_device_phone.png');
    }

    .filter-ic.device-tv {
        background-image: url('../img/ic_device_tv.png');
    }

    .filter-ic.device-laptop {
        background-image: url('../img/ic_device_laptop.png');
    }

    .filter-ic.other-devices {
        background-image: url('../img/tab_usb.png');
    }

.filter-text {
    display: table-cell;
    width: 45%;
    vertical-align: middle;
    font-size: 18px;
    text-align: center;
    font-family: tele-groteskhalregular;
    padding-top: 15px !important;
}

.filter-input {
    display: table-cell;
    width: 15%;
    vertical-align: middle;
    text-align: center;
}

    .filter-input input[type="checkbox"] {
        width: 0;
        width: 40px \9;
        height: 40px \9;
        margin-left: 0;
        margin-top: 0;
        display: block;
        visibility: hidden;
        visibility: visible \9;
    }

    .filter-input label.filter-custom {
        background-image: url('../img/checkbox-custom-unchecked.png');
        width: 25px;
        height: 25px;
        background-size: 25px;
        position: relative;
        z-index: 20;
        padding-left: 0;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        visibility: hidden\9;
    }

    .filter-input input:checked + label.filter-custom {
        background-image: url('../img/checkbox-custom-checked.png');
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

@media (max-width: 767px) {
    .filter-ic {
        background-size: 45px;
    }
}

.side-tabs {
    border-bottom: none;
    position: absolute;
    top: 50%;
    margin-top: -122px;
    z-index: 99;
}

    .side-tabs > li {
        float: none;
        margin-bottom: 1px;
        overflow: hidden;
        height: 80px;
        width: 80px;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        background-color: #DEDEDE;
    }

        .side-tabs > li.active {
            border-right: 2px solid #e20074;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            background-color: #fbfbfb;
        }

        .side-tabs > li:hover {
            border-right: 2px solid #e20074;
            width: 290px;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            background-color: #fbfbfb;
        }

        .side-tabs > li.active > a, .side-tabs > li.active > a:hover, .side-tabs > li > a:hover, .side-tabs > li.active > a:focus {
            color: #555;
            border-bottom-color: #e4e4e4;
            border-left: 0;
            background-color: #fbfbfb;
            margin: 0;
            position: relative;
        }

        .side-tabs > li > a {
            color: #cdcdcd;
            display: table;
            height: 100%;
            width: 290px;
            margin: 0;
            border-radius: 0;
            border: 1px solid #e4e4e4;
            border-left: 0;
            border-bottom-color: #e4e4e4;
            padding: 10px;
        }

            .side-tabs > li > a > .filter-ic {
                width: 60px;
                height: 60px;
            }

            .side-tabs > li > a > .filter-text {
                font-family: tele-groteskhalregular;
                text-transform: uppercase;
                font-size: 19px;
            }

    .side-tabs.nav > li {
        cursor: pointer;
        border-bottom: 1px none #666;
    }


.carousel-mobilna.carousel-mobilna-one .carousel-control.left {
    left: 10%;
}

.carousel-mobilna.carousel-mobilna-one .carousel-control.right {
    right: 10%;
}

.carousel-mobilna .carousel-control.right img {
    right: 0;
}

.carousel-mobilna .carousel-control img {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -22px;
}

.carousel-control.left, .carousel-control.right {
    filter: none !important;
    background-repeat: repeat-x;
}

.carousel-mobilna .carousel-control {
    background-image: none;
    width: 5%;
}


@media (max-width: 479px) {
    .tabpanel .tab-content.container {
        padding-top: 100px;
    }

    .side-tabs {
        border-bottom: none;
        position: absolute;
        z-index: 30;
        top: 20px;
        width: 90%;
        margin-left: 0;
        text-align: center;
        margin-top: 0;
    }

        .side-tabs > li > a {
            width: 100%;
        }

        .side-tabs > li:hover, .side-tabs > li.active {
            width: 32%;
            border-right: none;
        }

        .side-tabs > li > a > .filter-ic {
            width: 100%;
            height: 45px;
            left: 0;
            right: 0;
            position: absolute;
        }

        .side-tabs > li {
            display: inline-block;
            width: 32%;
            height: 60px;
        }

            .side-tabs > li > a .filter-text {
                display: none;
            }
}

/**/

.ponuda-na-uredi {
    padding-bottom: 30px;
    background-color: #FFFFFF;
    margin-bottom: 10px;
    padding-top: 30px;
}

h1.ponuda-na-uredi {
    font-size: 20pt;
    color: #5e5e5e;
    padding: 20px 0;
}

.tab-cont-ponuda {
    padding: 0 125px;
}


@media (max-width:991px) {

    .tab-cont-ponuda {
        padding: 0;
    }
}


@media (max-width: 479px) {
    .tab-cont-ponuda {
        padding-top: 50px;
    }
}



.headline-ult.txt-lg.mt10.mb5 {
    color: #000000;
    text-transform: uppercase;
    min-height: 50px;
    line-height: 20px;
    padding-top: 10px;
}

.phone-box {
    text-align: center;
    padding: 30px;
    background-color: transparent;
    box-shadow: none;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .phone-box img {
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .phone-box img {
        max-height: 250px;
        max-width: 100%;
    }

    .phone-box:hover img {
        margin-top: -10px;
        margin-bottom: 10px;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

.br-graylight {
    border-right: 1px solid #F1F1F1;
}

@media (max-width:991px) {

    .br-graylight {
        border-right: none;
    }
}

.phone-box:hover {
    background-color: #f4f4f4;
    box-shadow: 1px 1px 4px #ccc;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    cursor: default;
}

.tab-pane-sliderNaslovna .carousel-promotion-tv.carousel-promotion-tv-homepage .product-home-img {
    max-width: 100%;
}


@media (min-width: 768px) {
    .mob-img img {
        height: auto;
        max-height: 285px;
        max-width: 200px;
    }

    .tv-img img {
        height: auto;
        max-height: 285px;
        max-width: 189px;
        margin: 0 auto;
    }

    .tab-pane-sliderNaslovna .tv-img img {
        max-width: 100%;
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-grey {
    padding: 7px 20px;
    min-width: 150px;
    color: #535353;
    border-radius: 3px;
    background: #eeeeee;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #F5F5F5 0, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#F5F5F5), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top, #F5F5F5 0,#eeeeee 100%);
    background: -o-linear-gradient(top, #F5F5F5 0,#eeeeee 100%);
    background: -ms-linear-gradient(top, #F5F5F5 0,#eeeeee 100%);
    background: linear-gradient(to bottom, #F5F5F5 0,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#eeeeee',GradientType=0 );
    -webkit-box-shadow: inset 0 -3px 0 #999;
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 -3px 0 #999;
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    box-shadow: inset 0 -3px 0 #999;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-bottom: 3px solid #bfbfbf\9;
    font-size: 18px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    font-family: tele-groteskhalregular;
    transition: all 0.2s ease-in;
}


.phone-box .btn-grey {
    bottom: 20px;
    padding: 10px;
    filter: none;
    color: #333;
    -moz-box-shadow: 0 3px 0 0 #bfbfbf;
    -moz-box-shadow: 0 3px 0 0 rgba(191,191,191,1);
    box-shadow: inset 0 -2px 0 #000000;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.3);
    max-width: 160px;
    margin: 0 auto;
    background: #D8D8D8;
    background: -moz-linear-gradient(top, #D8D8D8 0, #C3C3C3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#D8D8D8), color-stop(100%,#C3C3C3));
    background: -webkit-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: -o-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: -ms-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: linear-gradient(to bottom, #D8D8D8 0,#D4D4D4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8D8D8', endColorstr='#C3C3C3',GradientType=0 );
}

    .phone-box .btn-grey:hover {
        background: #C3C3C3 !important;
        transition: none;
    }

.btn-magen {
    font-size: 18px;
    padding: 5px 20px;
    filter: none;
    color: #fff;
    -moz-box-shadow: 0 3px 0 0 #bfbfbf;
    -moz-box-shadow: 0 3px 0 0 rgba(191,191,191,1);
    box-shadow: inset 0 -2px 0 #000000;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    max-width: 160px;
    margin: 0 auto;
    background: #e20074;
}

    .btn-magen:hover {
        background: #c7096b;
        text-decoration: none;
        color: white;
    }


.product-home-img .table-img {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

.product-home-img {
    height: 285px;
    width: 100%;
    display: table;
}

h4.phone-name {
    font-size: 20px;
    color: #040404;
    margin: 5px 0 5px 0;
    text-transform: uppercase;
    min-height: 60px;
}


p.hal.c_magenta.txt-lg {
    font-size: 30px;
    color: #e20074;
    min-height: 35px;
}


p.txt-cena-naslovna {
    line-height: 1;
}

.mb5 {
    margin-bottom: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.dopolni-pripejd-kredit {
    padding: 20px;
    background-color: #D8D8D8;
}

.dopolni-kredit-form {
    margin: 30px 0;
}

h2.dopolni-kredit, h2.brzi-linkovi {
    font-size: 24px;
    text-transform: uppercase;
    color: #222;
}

h2.dopolni-kredit {
    margin-bottom: 0;
}

.top-link span {
    color: #606060;
    position: absolute;
    bottom: 6px;
    right: 2px;
    font-size: 10px;
}

.brzi-linkovi-container {
    padding: 20px 30px 0 30px;
}

@media (max-width:991px) {

    .brzi-linkovi-container {
        padding: 20px 25px;
    }

    .dopolni-pripejd-kredit {
        padding: 15px;
    }

        .dopolni-pripejd-kredit iframe {
            height: 370px;
        }
}

@media (min-width: 397px) and (max-width:767px) {
    .dopolni-pripejd-kredit iframe {
        height: 280px;
    }
}

.top-link h4 {
    color: #5e5e5e;
    margin-top: 5px;
    margin-bottom: 0;
    font-family: 'tele-groteskfetregular';
}

.top-link h4, .top-link p {
    font-size: 17px;
}

.brzi-linkovi-container p {
    font-size: 16px;
    margin-bottom: 7px;
}

.top-link p {
    color: #606060;
    margin-bottom: 5px;
    padding-right: 12px;
}

.top-link {
    display: block;
    border-bottom: 1px dotted #9f9a9a;
    position: relative;
}

    .top-link:hover {
        cursor: pointer;
        text-decoration: none;
    }

        .top-link:hover h4, .top-link:hover span {
            color: #e20074;
            -moz-transition: all 0.2s ease-out;
            -o-transition: all 0.2s ease-out;
            -webkit-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
        }

/**/

.magen-holder {
    display: block;
    visibility: hidden;
    opacity: 0;
}

.magen-holder {
    right: 0;
    position: absolute;
    padding: 0;
    list-style: none;
    border-radius: 1px;
    z-index: 99999;
    background: #d2d2d2;
    background: rgba(210,210,210,.9);
    background: #bbb;
    width: 450px;
    margin-top: 0;
    padding: 20px 20px 20px 20px;
    top: 100%;
}

/**/

.magenta-btn {
    color: #fff;
    background: #e20074;
    background: -moz-linear-gradient(top, #e20074 0, #d5006d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#e20074), color-stop(100%,#d5006d));
    background: -webkit-linear-gradient(top, #e20074 0,#d5006d 100%);
    background: -o-linear-gradient(top, #e20074 0,#d5006d 100%);
    background: -ms-linear-gradient(top, #e20074 0,#d5006d 100%);
    background: linear-gradient(to bottom, #e20074 0,#d5006d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20074', endColorstr='#d5006d',GradientType=0 );
}

    .magenta-btn:hover, .magenta-btn:focus {
        background: #c7096b;
        text-decoration: none;
        color: white;
    }

.dopolni-btn {
    padding: 8px 30px;
    font-family: 'tele-groteskfetregular';
    font-size: 16px;
}

input.dopolni-input {
    height: 35px;
}

.mgn-color {
    color: #e20074;
}


.pounuda-naslov {
    color: #2b2b2b;
    text-transform: uppercase;
    min-height: 50px;
    line-height: 24px;
    padding-top: 5px;
}

li.m-t ul {
    display: none;
}

li:hover.m-t ul {
    display: block;
    position: absolute;
    width: 450px;
    background: #eee;
    right: 0;
    height: auto;
    top: 100%;
    z-index: 2;
    text-align: left;
    padding: 20px;
}

.bledosivabg {
    background-color: #ECECEC;
}

.whitebg {
    background-color: #FFFFFF;
}

.ptb15 {
    padding-top: 15px;
    padding-bottom: 15px;
}


.mb10 {
    margin-bottom: 10px;
}

/*End- Home page v2*/

/*Korisnicka Poddrska*/

.korisnicka-poddrska {
    width: 100%;
    height: auto;
    position: relative;
    background-image: url('../images/korisnicka-poddrska/korisnicka-poddrska-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px;
}


.kor-poddr-form-container {
    margin-top: 60px;
}


h1.kor-poddr-title {
    text-align: center;
    background-color: #64b9e4;
    padding: 12px;
    margin: 0;
}

select.form-control.kor-poddr-select {
    height: 35px;
    margin-bottom: 15px;
}

button.btn.btn-default.prebaruvanje {
    color: #fff;
    background: #e20074;
    background: -moz-linear-gradient(top, #e20074 0, #d5006d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#e20074), color-stop(100%,#d5006d));
    background: -webkit-linear-gradient(top, #e20074 0,#d5006d 100%);
    background: -o-linear-gradient(top, #e20074 0,#d5006d 100%);
    background: -ms-linear-gradient(top, #e20074 0,#d5006d 100%);
    background: linear-gradient(to bottom, #e20074 0,#d5006d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20074', endColorstr='#d5006d',GradientType=0 );
    font-family: 'tele-groteskfetregular';
    padding: 6px 26px;
}

input.form-control.kor-poddr-input, button.btn.btn-default.prebaruvanje, select.form-control.kor-poddr-select {
    border-radius: 0;
}

.mrez-pokr {
    background-image: url('../images/korisnicka-poddrska/mrez-pokr-icon.png');
    background-position: right bottom;
    background-repeat: no-repeat;
}

input.form-control.kor-poddr-input {
    height: 34px;
}

button.btn.btn-default.s-button {
    height: 34px;
    border-radius: 0;
    background-color: #ededed;
    border: 1px solid #CCC;
}

/***/

.image-title h2 {
    font-size: 18px;
    color: #fff;
    display: inline-block;
}

.image-title {
    background-color: #555;
    background-color: rgba(0, 0, 0, 0.55);
    z-index: 999;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    margin-bottom: 0;
}

.panel-body.kor-poddr {
    background: #f0f0f0; /* Old browsers */
    background: -moz-linear-gradient(top, #f0f0f0 0, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#f0f0f0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0f0f0 0,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f0f0f0 0,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f0f0f0 0,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f0f0f0 0,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


    .panel-body.kor-poddr.panel1, .panel-body.kor-poddr.panel2 {
        padding: 10px 30px;
    }

.panel-heading .kor-poddr-toggle:before {
    display: block;
    padding-top: 0;
    margin-right: 15px;
    padding-right: 10px;
    color: #f31e8b;
    font-size: 30px;
    font-family: "Ionicons";
    content: "\f3d0";
    border-right: 1px solid #c1c1c1;
    float: left;
}

.panel-heading .kor-poddr-toggle.collapsed:before {
    content: "\f3d8";
}

h4.panel-title.kor-poddr {
    font-family: 'tele-groteskfetregular';
    font-size: 15pt;
}

    h4.panel-title.kor-poddr > a.kor-poddr-toggle {
        color: #f31e8b;
        text-decoration: none;
    }

        h4.panel-title.kor-poddr > a.kor-poddr-toggle.collapsed {
            color: #424242;
            text-decoration: none;
        }

    h4.panel-title.kor-poddr > a:hover.kor-poddr-toggle.collapsed, h4.panel-title.kor-poddr > a:focus.kor-poddr-toggle.collapsed {
        text-decoration: none;
        color: #f31e8b;
    }

h4.panel-title.kor-poddr {
    padding: 0;
    text-transform: uppercase;
}

.panel-heading {
    padding: 15px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-body.kor-poddr.panel1 > ul li, .panel-body.kor-poddr.panel2 > ul li {
    padding: 10px;
    border-bottom: 1px solid #9c9c9c;
}

    .panel-body.kor-poddr.panel1 > ul li a, .panel-body.kor-poddr.panel2 > ul li a {
        color: #232323;
        text-decoration: none;
    }

        .panel-body.kor-poddr.panel1 > ul li a:hover, .panel-body.kor-poddr.panel1 > ul li a:focus, .panel-body.kor-poddr.panel2 > ul li a:hover, .panel-body.kor-poddr.panel2 > ul li a:focus {
            color: #f31e8b;
            text-decoration: none;
        }

.kor-poddr-dopolni-smetka {
    position: relative;
    background-color: #fff;
    overflow: auto;
}



.dopolni-smetka-form {
    overflow: auto;
    padding: 28px 30px;
}

.kor-poddr-dopolni-smetka-img {
    position: relative;
}


    .kor-poddr-dopolni-smetka-img > h2 {
        text-transform: uppercase;
        position: absolute;
        top: 0;
        padding: 20px;
        font-size: 15pt;
        font-family: 'tele-groteskfetregular';
    }

.kor-poddr-t-d {
    position: relative;
}


    .kor-poddr-t-d.map-cont {
        background-color: #e20074;
        overflow: hidden;
        height: 235px;
    }

        .kor-poddr-t-d.map-cont img.kor-poddr-map {
            transition: all .2s ease-in-out;
        }

        .kor-poddr-t-d.map-cont:hover img.kor-poddr-map {
            cursor: pointer;
            background-color: #68B7E4;
            -webkit-transform: scale(1.4); /* Saf3.1+, Chrome */
            -moz-transform: scale(1.4); /* FF3.5+ */
            -ms-transform: scale(1.4); /* IE9 */
            -o-transform: scale(1.4); /* Opera 10.5+ */
            transform: scale(1.4);
        }

.kor-poddr-t-d-c {
    max-width: 360px;
    height: 100%;
    position: absolute;
    width: 100%;
}

.kor-poddr-t-d-c-map {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.kor-poddr-t-d > .kor-poddr-t-d-c-map > h2 {
    text-transform: uppercase;
    top: 0;
    padding: 20px 0;
    font-size: 15pt;
    font-family: 'tele-groteskfetregular';
    color: #fff;
    border-bottom: 1px solid #eee;
    margin: 0 20px;
}

.kor-poddr-t-d > .kor-poddr-t-d-c > h2 {
    text-transform: uppercase;
    top: 0;
    padding: 20px 0;
    font-size: 15pt;
    font-family: 'tele-groteskfetregular';
    color: #fff;
    border-bottom: 1px solid #eee;
    margin: 0 20px;
}

.kor-poddr-t-d > .kor-poddr-t-d-c.s-smetki > h2 {
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%); /* Saf3.1+, Chrome */
    -moz-transform: translateY(-50%); /* FF3.5+ */
    -ms-transform: translateY(-50%); /* IE9 */
    -o-transform: translateY(-50%); /* Opera 10.5+ */
    transform: translateY(-50%);
    border-bottom: 0;
}

.kor-poddr-t-d > .kor-poddr-t-d-c-map p {
    font-size: 14pt;
    color: #fff;
    padding: 10px 20px;
    line-height: 1.3;
}


.kor-poddr-t-d > .kor-poddr-t-d-c p {
    font-size: 14pt;
    color: #fff;
    padding: 10px 20px;
    line-height: 1.3;
}

.kor-poddr-t-d > .kor-poddr-t-d-c.c-centar > h2 {
    text-transform: uppercase;
    top: 0;
    padding: 20px 0;
    font-size: 15pt;
    font-family: 'tele-groteskfetregular';
    color: #E20074;
    border-bottom: 1px solid #E2E2E2;
    margin: 0 20px;
}

.kor-poddr-t-d > .kor-poddr-t-d-c.c-centar p {
    margin-top: 13px;
    font-size: 33pt;
    color: #3f3f3f;
    padding: 10px 20px;
    line-height: 0.7;
    font-family: 'tele-groteskfetregular';
}

    .kor-poddr-t-d > .kor-poddr-t-d-c.c-centar p span a {
        font-size: 11pt;
        color: #0090cf;
    }

.mb15 {
    margin-bottom: 15px;
}

.kor-poddr-i-desc {
    width: 100%;
    position: relative;
    height: auto;
}

    .kor-poddr-i-desc.sm-box {
        max-width: 360px;
    }

img.kor-podd-r-m {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.boxes-second-row {
    margin-bottom: 15px;
    min-height: 315px;
}

    .boxes-second-row a {
        color: #252525;
    }

        .boxes-second-row a:hover, .boxes-second-row a:focus {
            text-decoration: none;
            color: #f31e8b;
        }

@media (max-width:767px) {

    .boxes-second-row {
        padding: 0 15px;
    }

    .copy-holder {
        padding: 7px 0 0;
    }

    #ns-footer .social-links a img {
        padding-right: 0;
    }
}

@media (min-width:401px) and (max-width:767px) {

    .kor-poddr-third-row > .col-xs-12.sm-box {
        width: 50%;
        height: auto;
        float: left;
        position: relative;
    }
}

/* Hover  */

.hover-box {
    position: relative;
    width: 100%;
    height: auto;
}

.hover-box-container {
    background-color: #f31e8b;
    background-color: rgba(243, 30, 139, 0.85);
    left: 0;
    top: 0;
    border-radius: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0;
    z-index: 1000;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

    .hover-box-container:hover {
        opacity: 1;
    }

        .hover-box-container:hover .title-hover-box {
            margin-left: 0;
        }

    .hover-box-container.fade-in .title-hover-box {
        margin-left: 0;
    }

    .hover-box-container p {
        color: #fff;
        padding: 15px;
    }

.title-hover-box {
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: -30px;
}

h2.title-hover-box {
    padding: 15px 15px 0 15px;
    font-family: 'tele-groteskfetregular';
    font-size: 15pt;
    text-transform: uppercase;
}

    h2.title-hover-box a {
        color: #fff;
    }

/* End Flip / Rotation */
/* End - Korisnicka Poddrska*/
/*  Search results */

.search-results-container {
    margin-top: 20px;
    background-color: #fff;
    padding: 20px;
}

p.result-ttl a {
    text-decoration: underline;
    color: #e20074 !important;
    margin-bottom: 5px !important;
    display: inline-block;
    font-size: 18px;
}

ul.search-results.with-track-small {
    border-bottom: 1px solid #e5e5e5;
}

ul.pager a {
    color: #222;
}

.pager li > a, .pager li > span {
    text-align: center;
    display: inline-block;
    padding: 5px 9px;
    border: none;
    border-radius: 0;
    height: 30px;
    width: 30px;
    background: none;
}

    .pager li.active > a, .pager li > a:hover, .pager li > a:focus {
        background-color: #E20074 !important;
        color: white !important;
    }

/*#region SUBSCRIBE BOX*/
.white-box.journalist {
    padding: 20px 20px 40px 20px;
    background-image: url(../images/subscribe-bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    min-height: 300px;
    background-color: #F4F9FC;
}

    .white-box.journalist h3 {
        color: #555;
        text-transform: uppercase;
        font-size: 18px;
        padding: 0 0 15px;
        border-bottom: 1px dotted #e5e5e5;
        margin: 0 0 12px;
    }

    .white-box.journalist .captcha {
        margin: 0 auto 10px;
        display: block;
        border: 1px solid #D2DFE5;
    }

.i-box.yellow {
    padding: 10px;
    border: 1px solid #F4D074;
    background-color: #f7f0cb;
    background-color: rgba(247, 240, 203, 0.75);
    border-radius: 4px;
    color: #C58624;
    display: block;
    margin: 15px 0;
    line-height: 1.2;
}

.modal#journalistModal .modal-body {
    padding: 20px 20px 70px 20px;
    background-image: url(../images/subscribe-bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    min-height: 300px;
    background-color: #F4F9FC;
}

    .modal#journalistModal .modal-body h4 {
        padding: 0;
        margin: 0;
        margin-top: 5px;
        margin-bottom: 15px;
        color: #467bab;
    }
/*#endregion*/


.blue-theme-dd .left-nav-title.active-title a {
    color: white;
    background: #427bab;
    box-shadow: inset 0 0 10px #ccc;
    box-shadow: inset 0 0 10px rgba(0,0,0, .15);
}

.blue-theme-dd .left-menu.inZ li a {
    padding: 8px 10px;
    display: block;
    color: #767676;
    border-bottom: 1px solid #427bab;
    border-bottom: 1px solid rgba(66, 123, 171, 0.15);
    background: #427bab;
    background: rgba(66, 123, 171, 0.48);
}


li a.kupi-onlajn-icon {
    padding-left: 33px;
    text-transform: uppercase;
    font-size: 12px;
}

/*  Moj Telekom */
a.btn.btn-moj-telekom {
    padding: 15px 15px;
    min-width: 50px;
    min-height: 50px;
    border: 0;
    border-radius: 0;
    background-color: rgb(225, 225, 225);
    color: rgb(226, 0, 116);
    text-transform: uppercase;
    font-family: 'tele-groteskfetregular';
}


/***/

ul.moj-telekom-menu-1 ul.moj-telekom-menu-1-sub {
    display: none;
}

@media (min-width:768px) {


    ul.moj-telekom-menu-1-sub iframe {
        position: relative;
        z-index: 100;
    }
}

/**/

@media (max-width:767px) {

    ul.moj-telekom-menu-1.visible-xs li.active > ul.moj-telekom-menu-1-sub {
        display: block;
    }
}

img.m-t-user {
    margin-right: 6px;
    padding: 15px 0;
}

.moj-telekom-holder a {
    color: #555;
}

@media (max-width:767px) {
    .moj-telekom-holder {
        width: auto !important;
    }
}

.moj-telekom-list, .moj-telekom-login-holder {
    margin: 15px 15px 15px 0;
}

    .moj-telekom-list ul li {
        padding: 15px;
        color: #fff;
        line-height: 16px;
    }

        .moj-telekom-list ul li:hover, li.mt-tab-link.current {
            background-color: #959595;
        }

    .moj-telekom-login-holder label {
        color: #fff;
        font-weight: normal;
    }

    .moj-telekom-login-holder button {
        width: 100%;
        background: #70b632; /* Old browsers */
        background: -moz-linear-gradient(top, #70b632 0, #5f9b2a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#70b632), color-stop(100%,#5f9b2a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #70b632 0,#5f9b2a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #70b632 0,#5f9b2a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #70b632 0,#5f9b2a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #70b632 0,#5f9b2a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70b632', endColorstr='#5f9b2a',GradientType=0 ); /* IE6-9 */
        color: #fff;
        border: 0;
        border-radius: 0;
    }

        .moj-telekom-login-holder button:hover {
            width: 100%;
            background: #5f9b2a; /* Old browsers */
            background: -moz-linear-gradient(top, #5f9b2a 0, #70b632 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#5f9b2a), color-stop(100%,#70b632)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #5f9b2a 0,#70b632 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #5f9b2a 0,#70b632 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #5f9b2a 0,#70b632 100%); /* IE10+ */
            background: linear-gradient(to bottom, #5f9b2a 0,#70b632 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f9b2a', endColorstr='#70b632',GradientType=0 ); /* IE6-9 */
        }

            .moj-telekom-login-holder button:hover a {
                color: #fff;
            }

ul.mt-tabs {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.mt-tabs li {
        cursor: pointer;
    }

.moj-telekom-list ul li:last-child {
    text-decoration: underline;
    margin-top: 30px;
}

.login-tab-content {
    display: none;
}

    .login-tab-content.current {
        display: inherit;
    }

.innerFancyGallery > a {
    display: none;
}

.galeryBoxes .padd0 {
    height: 250px;
    width: 46%;
    margin: 1% 5px;
    background-color: white;
    padding: 5px;
    overflow: hidden;
    position: relative;
}


    .galeryBoxes .padd0 img {
        position: absolute;
        top: 0;
        left: 0;
        height: 180px;
        width: auto;
        max-width: 1000%;
    }

    .galeryBoxes .padd0 h3 {
        position: absolute;
        bottom: 39px;
        color: #717171;
        font-size: 15px;
    }

    .galeryBoxes .padd0 h1 {
        position: absolute;
        top: 198px;
        font-size: 18px;
        text-transform: none;
    }

.blueimp-gallery .test {
    position: absolute;
    left: 0;
    height: 125px;
    top: -1px;
    right: 54px;
    height: auto;
    padding: 20px;
    background-color: #777;
    background-color: rgba(0,0,0,0.5);
}

    .blueimp-gallery .test h1 {
        margin-top: 17px;
        font-size: 17px;
        color: white;
        text-transform: none;
        display: inline;
    }

    .blueimp-gallery .test h2 {
        position: absolute;
        top: 40px;
        font-size: 12px;
        color: rgb(178, 178, 178);
    }

    .blueimp-gallery .test span {
        position: absolute;
        top: 20px;
        color: white;
        font-size: 15px;
        right: 20px;
    }

    .blueimp-gallery .test a {
        display: inline;
        color: #B2B2B2;
        margin-left: 20px;
        font-size: 12px;
        text-transform: lowercase;
        padding-left: 27px;
        background-image: url("../images/download.png");
        background-repeat: no-repeat;
        background-position: 1px 50%;
    }

.blueimp-gallery > .close {
    background-color: #777;
    background-color: rgba(0,0,0,0.5);
    opacity: 1;
    color: #B2B2B2;
}

@media (max-width: 479px) {
    .blueimp-gallery .test {
        padding: 20px 10px;
    }

        .blueimp-gallery .test h1 {
            font-size: 14px;
        }

        .blueimp-gallery .test a {
            margin-left: 10px;
        }

        .blueimp-gallery .test span {
            right: 0;
        }
}

.more-devices {
    padding: 10px 0 0 0;
    text-align: center;
}


.tab-content > .tab-pane {
    display: block;
    height: 0;
    overflow: hidden;
}

.tab-content > .active {
    height: auto;
}

/* Popover */

.popover {
    box-shadow: none;
    border: 0;
    padding: 0;
}

.popover-title {
    font-size: 15px;
    background-color: #292929;
    background-color: rgba(0,0,0,.8);
    margin: 0;
    padding: 0;
    color: #bbb;
    padding: 3px 9px 10px;
}

.popover-content {
    margin: 0;
    font-size: 12px;
    color: #bbb;
    background-color: #292929;
    background-color: rgba(0,0,0,.8);
}

.popover.top > .arrow:after {
    content: " ";
    border-top-color: #292929;
    border-top-color: rgba(0,0,0,.8);
    border-bottom-width: 0;
}

.btn-pass {
    background: transparent;
    width: 35px !important;
    padding: 6px 0;
}

    .btn-pass span {
        border: 2px solid #ccc;
        color: #bbb !important;
        padding: 2px 5px;
        font-size: 12px;
        outline: none;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .btn-pass:hover span {
        background: #e20064;
        border: 2px solid #e20074;
        color: white !important;
    }

    .btn-pass:hover, .btn-pass:focus, .btn-pass.focus, .btn-pass.active, .btn-pass:active {
        outline: none !important;
        box-shadow: none !important;
    }


/***/
ul.prod-details {
    min-height: 135px;
    text-align: left;
    height: auto;
}

    ul.prod-details > li {
        display: block;
        background-image: url(../images/list-bullet.png);
        background-position: 0 11px !important;
        background-repeat: no-repeat !important;
        padding-right: 10px;
        padding-left: 17px;
        padding-bottom: 2px;
    }

li.search {
    margin-top: -9px;
    margin-right: 21px;
    padding: 0 0;
    border-right: 0 solid #c2c2c2;
    position: relative;
}

.moj-telekom-menu-1 {
    margin-bottom: 0;
}

@media (max-width:767px) {

    #top-bar .mini-menu, #top-bar-left .mini-menu {
        margin-right: 0;
    }

    #top {
        height: 42px;
    }

    #top-bar, #top-bar-left {
        height: 42px;
        /*padding: 6px;*/
        padding: 0;
    }

    .mini-menu.pull-right {
        min-width: 180px;
        padding: 4px 0;
    }

        .mini-menu.pull-right > li {
            padding: 5px 0;
            width: 40px;
        }

            .mini-menu.pull-right > li:first-child {
                padding: 0 0;
            }

    .kupi-onlajn-icon {
        height: 21px;
        display: block;
        margin-top: -5px;
    }

    li.search {
        margin-top: -9px;
        margin-right: 0;
    }
}

.poveke {
    display: none;
}

.pageDesc {
    padding: 3px 10px;
}

.item img.secound {
    position: absolute;
    top: 0;
    left: 0;
    transition: all ease-in 0.5s;
    opacity: 0;
    width: 100%;
    height: auto;
    visibility: hidden;
}

.item.active img.secound {
    transition: all ease-in 0.5s;
    transition-delay: 0.5s;
    opacity: 1;
    visibility: visible;
}

a.third.btn.btn-magen.left {
    position: absolute;
    bottom: 20px;
    z-index: 5;
    left: 5%;
    opacity: 0;
    transition: all ease-in 0.5s;
}

a.third.btn.btn-magen.right {
    position: absolute;
    bottom: 20px;
    z-index: 5;
    opacity: 0;
    right: 5%;
    transition: all ease-in 0.5s;
}

.active a.third.btn.btn-magen.right,
.active a.third.btn.btn-magen.left {
    opacity: 1;
    transition-delay: 1s;
}

a.third.btn.btn-magen.left.left-iphone8-button {
    right: 124px;
    left: auto;
    background: transparent;
    border: 1px solid #5f676b;
    color: #5f676b;
    width: 115px;
    bottom: 114px;
    font-family: teleNeo-medium;
}

a.third.btn.btn-magen.left.left-iphone8-more {
    right: 249px;
    left: auto;
    background: transparent;
    border: 1px solid #5f676b;
    color: #5f676b;
    width: 115px;
    bottom: 114px;
    font-family: teleNeo-medium;
}

a.third.btn.btn-magen.left.left-iphone8-button-al {
    right: 124px;
    left: auto;
    background: transparent;
    border: 1px solid #5f676b;
    color: #5f676b;
    width: 115px;
    bottom: 114px;
    font-family: teleNeo-medium;
}

a.third.btn.btn-magen.left.left-iphone8-more-al {
    right: 249px;
    left: auto;
    background: transparent;
    border: 1px solid #5f676b;
    color: #5f676b;
    width: 115px;
    bottom: 114px;
    font-family: teleNeo-medium;
}

.date {
    text-align: right;
    color: #b6b6b6;
}

#myCarousel2 .carousel-inner > a {
    display: none;
}

@media (max-width:767px) {
    a.third.btn.btn-magen.left, a.third.btn.btn-magen.right {
        position: absolute;
        bottom: 20px;
        z-index: 1;
        left: 5%;
        opacity: 0;
        transition: all ease-in 0.5s;
        left: 0 !important;
        top: 0;
        width: 100%;
        max-width: 100%;
        height: 100%;
        background-color: transparent;
        font-size: 0;
        box-shadow: none;
    }

    .carousel-control {
        z-index: 2;
    }
}

.home-boxes-container .more-devices a.btn-grey {
    font-size: 16px;
    padding: 6px 13px;
}

#tools .mini-menu select {
    border: none;
    background-color: transparent;
    outline: none;
}

@media (min-width:768px) and (max-width:991px) {
    a.third.btn.btn-magen.left.left-iphone8-button {
        right: 85px;
        bottom: 75px;
        font-family: teleNeo-medium;
    }

    a.third.btn.btn-magen.left.left-iphone8-more {
        right: 205px;
        bottom: 75px;
    }

    a.third.btn.btn-magen.left.left-iphone8-button-al {
        right: 85px;
        bottom: 75px;
        font-family: teleNeo-medium;
    }

    a.third.btn.btn-magen.left.left-iphone8-more-al {
        right: 205px;
        bottom: 75px;
    }

    .logo-holder a {
        display: block;
        vertical-align: middle;
        width: 100%;
        padding: 12px;
        overflow: hidden;
    }

        .logo-holder a img {
            width: auto;
            max-width: inherit;
        }

    .mini-menu li {
        display: inline;
        float: left;
        text-transform: uppercase;
        color: #888888;
        font-size: 12px;
        padding: 2px 5px;
    }
}

.mini-menu select {
    background-color: transparent;
    border: none;
    padding: 5px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
}

#miniShoppingCart a {
    text-transform: uppercase;
    font-size: 12px;
    color: #e20074;
}

@media (max-width:767px) {
    .mini-shopping-cart-inner {
        width: 235px !important;
        right: 0 !important;
        padding: 19px 20px !important;
    }

    .business #top {
        right: 0;
    }
}

.business #top-bar .mini-menu {
    margin-right: 0;
    margin-bottom: 0;
}

.company #top-bar, .company #tools {
    display: inline-block;
    float: right;
}


.cart:before, .cart:after {
    clear: both;
    content: '';
    display: block;
}

.cart {
    /*width: 258px;*/
    width: 150px;
    float: right; /**/
    background-color: #ededed;
    padding-left: 10px;
    padding-right: 0;
    /* border-left: 1px solid #eaeaea; */
}

.top-webshop-control {
    display: table;
    padding: 0;
    height: 42px;
    float: right;
    /* padding: 0 30px 0 12px; */
    /* border-left: 1px solid #ededed; */
    width: 137px;
}

    .top-webshop-control p {
        margin: 0;
        display: table-cell;
        vertical-align: middle;
        line-height: 10px;
        font-size: 10px;
        white-space: normal;
    }

        .top-webshop-control p a {
            color: #b5b5b5;
            text-transform: none;
            font-size: 14px;
            border-left: 1px solid #D6D6D6;
            padding: 0 10px 0 10px;
        }

        .top-webshop-control p.userName a {
            color: #B5B5B5;
            text-transform: none;
            font-size: 13px;
            text-decoration: none;
            white-space: normal;
            padding: 0 10px 0 10px;
            display: block;
            line-height: 12px;
        }

.search-box {
    width: 0;
    display: block;
    visibility: hidden;
}

@media (max-width:767px) {
    .top-webshop-control {
        display: none;
    }

    .cart {
        width: 50px;
        float: right;
        position: fixed;
        top: 0;
        left: auto;
        /*right: 2px;*/
        right: 0;
        z-index: 1000;
    }

    #top {
        position: fixed;
        top: 0;
        left: 0;
        right: 50px;
        z-index: 1000;
        background-color: #F7F7F7;
    }

    #top-bar, #top-bar-left {
        padding-right: 0;
    }

    .mini-menu.pull-right > li + li + li + li {
        border: none;
        border-right: none !important;
    }
}


/*najava*/
.najava-choise label, #register-div label, #login-div label {
    font-weight: normal;
    margin-bottom: 0;
    line-height: 16px;
}

#login-div img, #register-div img, #password-reset img {
    opacity: 0.3;
    max-width: 150px;
}

.najava-choise .small-login-description {
    font-size: 14px;
    font-weight: normal;
    color: #999;
    display: block;
    padding-left: 17px;
    padding-top: 0;
}

.najava-choise > div {
    margin-bottom: 15px;
}

.h30 {
    height: 30px;
}

#login-div .shop-form-field-desc {
    line-height: 14px;
    margin: 0;
    color: #888;
    font-size: 14px;
    margin-bottom: 15px;
}

#login-div .bb1 {
    border-bottom: 1px solid #e5e5e5;
}

#login-div a {
    display: block;
}

#login-div ul {
    margin-top: 10px;
}

    #login-div ul li {
        display: block;
        background-image: url(../images/list-bullet.png);
        background-position: 0 11px;
        background-repeat: no-repeat;
        padding-left: 15px;
        line-height: 145%;
        margin-bottom: 7px;
        margin-left: 15px;
    }

        #login-div ul li a {
            color: #333;
            line-height: 18px;
        }

#login-div .btn-magen.shop-cart-login-submit.register-button.pull-right {
    margin-bottom: 15px;
}
/*mini shopping cart*/
#miniShoppingCart {
    background-image: url(../images/shoppingcart-one.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 42px;
    width: 117px;
    position: relative;
    z-index: 999;
    cursor: pointer;
    padding-left: 35px;
    padding-top: 2px;
    background-size: 23px;
}

    #miniShoppingCart:hover .mini-shopping-cart-inner {
        display: block !important;
        z-index: 9999;
    }

    #miniShoppingCart .mini-shopping-cart-inner {
        display: none;
    }



        #miniShoppingCart .mini-shopping-cart-inner p {
            margin: 0;
            line-height: 14px;
        }

.mini-shopping-cart-inner {
    display: block;
    top: 100%;
    position: absolute;
    background: #f0f0f0;
    background: rgba(240,240,240,.95);
    width: 259px;
    right: -131px;
    padding: 20px;
    border: 1px solid #DEDEDE;
}

.cart-notify {
    position: absolute;
    background-color: #f5f5f5;
    background-color: rgba(255,255,255,.8);
    color: #e20074;
    padding: 0 6px;
    border-radius: 30px;
    left: 15px;
    top: 3px;
    border: 1px solid #e5e5e5;
    font-size: 13px;
}

.mini-phone-thumb {
    padding: 8px 0;
}

.mini-desc {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    position: relative;
}

.mini-desc-line {
    display: block;
}

.mini-desc-title {
    font-family: tele-groteskfetregular;
    color: #e20074;
}

.mini-cart-total-line {
    padding-top: 10px;
}

.mini-phone-holder {
    position: relative;
}

.mini-desc-remove {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    line-height: 10px;
    bottom: auto;
    padding: 3px 4px;
    background-color: #ccc;
    color: #fff;
    padding-bottom: 5px;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .mini-desc-remove:hover {
        background-color: #bbbbbb;
        text-decoration: none;
    }

#miniShoppingCart a {
    text-transform: uppercase;
    font-size: 12px;
    color: #e20074;
}

    #miniShoppingCart a.btn.btn-magen.btn-block {
        color: #fff;
    }

    #miniShoppingCart a p {
        margin: 10px 0;
    }

@media (max-width:767px) {
    .mini-shopping-cart-inner {
        width: 255px !important;
        right: 0 !important;
        padding: 19px 20px !important;
    }

    .business #top {
        right: 0;
    }
}

li.search {
    margin-right: 0;
}

li.search {
    /*margin-top: -10px;*/
    margin-top: 0;
    margin-right: 0;
    padding: 0 0 !important;
    border-right: 0 solid #c2c2c2;
}

@media (max-width:767px) {
    .top-webshop-control {
        display: none;
    }

    .cart {
        width: 50px;
        float: right;
        position: fixed;
        top: 0;
        left: auto;
        /*right: 2px;*/
        right: 0;
        z-index: 1000;
    }

    #top {
        position: fixed;
        top: 0;
        left: 0;
        right: 50px;
        z-index: 1000;
        background-color: #F7F7F7;
    }

    #top-bar, #top-bar-left {
        padding-right: 0;
    }

    .mini-menu.pull-right > li + li + li + li {
        border: none;
        border-right: none !important;
    }

    .search-icon {
        width: 100%;
    }

    .company #top-bar {
        margin-right: -50px;
    }
}

/*@media (min-width:992px) {
    #ns-content #sidem.collapse.in, #ns-content #sidem.collapsing, #ns-content #sidem.collapse {
        display: block !important;
        height: inherit !important;
    }
}*/

@media (max-width:991px) {
    .sidebar {
        -webkit-box-shadow: 1px 1px 1px #ccc;
        -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
        -moz-box-shadow: 1px 1px 1px #ccc;
        -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
        box-shadow: 1px 1px 1px 0 #ccc;
        box-shadow: 1px 1px 1px rgba(0,0,0,.1);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#fafafa), color-stop(100%,#f7f7f7));
        background: -webkit-linear-gradient(top, #fafafa 0,#f7f7f7 100%);
        background: -o-linear-gradient(top, #fafafa 0,#f7f7f7 100%);
        background: -ms-linear-gradient(top, #fafafa 0,#f7f7f7 100%);
        background: linear-gradient(to bottom, #fafafa 0,#f7f7f7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f7f7f7',GradientType=0 );
    }

    h3.left-nav-title {
        border-bottom: 1px solid #ddd;
        margin: 0;
        font-weight: normal;
        color: #333;
        border-bottom: 1px solid #d5d5d5;
        display: block;
        font-size: 14px;
        padding: 15px 10px;
        background: #fafafa;
        text-transform: uppercase;
        background-image: url('../images/arrow_down_gray.png');
        background-repeat: no-repeat;
        background-position: center 98%;
        background-position: center right 10px;
        background-color: transparent;
    }
}

/*magenta 1 start*/

.magenta-one .white-border {
    background: white;
    padding: 20px !important;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    padding-bottom: 5px !important;
    height: 400px;
    position: relative;
}

    .magenta-one .white-border .internet-brzina {
        position: relative;
        display: inline-block;
    }

        .magenta-one .white-border .internet-brzina p {
            display: inline;
            position: relative;
            font-family: 'teleNeo-bold' !important;
        }

        .magenta-one .white-border .internet-brzina .old-price {
            font-family: 'teleNeo-bold' !important;
            font-size: 17px;
        }

        .magenta-one .white-border .internet-brzina .text-magenta {
            font-family: 'teleNeo-bold' !important;
            font-size: 17px;
        }

        .magenta-one .white-border .internet-brzina .one-t-dicklaimer {
            position: absolute;
            display: inline;
            top: 5px;
            right: 0;
        }



    .magenta-one .white-border.bigger {
        height: 300px;
    }

.magenta-one div {
    padding: 0px !important;
}

.magenta-one .p-uredi-cena {
    margin: 0px auto;
    width: 104%;
    max-width: 185px;
    display: block;
    margin-right: 0px;
    margin-left: 40%;
    position: absolute;
    bottom: 5px;
    right: -25px;
}

.magenta-one .white-border h2 {
    padding: 10px;
    color: #e20074;
    font-size: 28px;
    font-family: 'tele-groteskhalregular';
    border-bottom: 1px solid #cecece;
    padding-top: 0px;
    margin-top: 0px;
    margin-left: -15px;
    margin-right: -15px;
    text-transform: capitalize;
}

    .magenta-one .white-border h2 span {
        float: right;
        font-weight: bold;
        font-size: 32px;
        margin-top: -2px;
    }

.magenta-one .white-border p {
    margin: 5px 0;
    color: #575757;
}

.magenta-one .gray-border {
    background: #f3f3f3;
    padding: 25px !important;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    height: 240px;
    position: relative;
}

.magenta-one .gray-box-new-no-padding {
    padding: 0 13px !important;
}

.gray-border h2 {
    font-size: 16px;
    font-family: 'tele-groteskfetregular';
    color: #4b4b4b;
}

@media (max-width:991px) {
    .gray-border h2 {
        font-size: 14px;
    }

    .gray-border img {
        max-width: 100px;
    }
}

.gray-border img {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.free-space {
    height: 60px;
}

.magenta-one .price2 {
    font-size: 32px;
    padding-right: 5px;
    font-family: teleNeo-regular;
}

.magenta-one .gray-border.smaller {
    height: 130px;
}

    .magenta-one .gray-border.smaller img {
        float: left;
        left: auto;
        right: 15px;
        /*width: 110px;*/
        bottom: 35px;
    }

table.table-blue.tritri {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

    table.table-blue.tritri > thead > tr > th {
        background-color: #F1F1F1;
        border: none;
        /* border-bottom: 2px solid #ccd0d3; */
        padding: 10px;
        font-family: 'tele-groteskfetregular';
        font-weight: 100;
        text-align: left;
        font-size: 18px !important;
        border-spacing: 5px;
        border-collapse: separate;
        box-shadow: 1px 1px 1px #aaa;
        box-shadow: 1px 1px 1px rgba(0,0,0,.2);
        border: 1px solid #eee !important;
        font-weight: normal;
        font-family: tele-groteskfetregular;
        background-color: #dbecf4;
        color: #333;
        text-shadow: none;
        background-image: url(../images/arrow_up_gray.png);
        background-repeat: no-repeat;
        background-position: 98% center;
        background-position: right 10px center;
        cursor: pointer;
    }

    table.table-blue.tritri > thead.collapsed > tr > th {
        background-image: url(../images/arrow_down_gray.png);
        background-color: #eee !important;
        border-bottom: 1px solid #ddd !important;
    }

    table.table-blue.tritri > tbody > tr > td:first-child {
        font-family: 'tele-groteskhalregular';
    }


    table.table-blue.tritri > tbody > tr:first-child {
        background-color: #f5f5f5;
        color: #e20074;
        font-size: 18px;
    }

    table.table-blue.tritri > tbody > tr > td {
        width: 33%;
        padding: 15px 10px;
    }


.magenta-textt {
    color: #e20074 !important;
}

.pull-right-padding10 {
    float: right !important;
    padding-right: 10px !important;
    font-size: 24px;
    font-weight: bold;
}

table.table-blue.tritri sup {
    color: #e20074;
}


.white-border.bigger ul li {
    display: block;
    background-image: url(../images/list-bullet.png);
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    /*margin-left: 15px;*/
}

.white-border ul li {
    display: block;
    background-image: url(../images/list-bullet.png);
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    /*margin-left: 15px;*/
}

.magenta-one-footer {
    display: table;
    width: 100%;
    table-layout: fixed;
}

    .magenta-one-footer > div {
        display: table-cell;
        float: none;
        vertical-align: middle;
        padding: 10px !important;
    }

        .magenta-one-footer > div .p-uredi-cena {
            position: relative;
            width: auto;
            margin: 0;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

            .magenta-one-footer > div .p-uredi-cena .p-right {
                width: 55px;
            }

                .magenta-one-footer > div .p-uredi-cena .p-right .one-t-dicklaimer {
                    position: absolute;
                    top: 8px;
                    right: -16px;
                    left: auto;
                }

            .magenta-one-footer > div .p-uredi-cena.cena-siva .crtka-siva {
                display: block;
                position: absolute;
                width: auto;
                border-bottom: 1px solid #6b6b6b;
                top: 14px;
                left: 0;
                right: 0;
                transform: rotate(-8deg);
            }

            .magenta-one-footer > div .p-uredi-cena.cena-siva .price2 {
                color: #6b6b6b;
            }

            .magenta-one-footer > div .p-uredi-cena.cena-siva .p-currency, .magenta-one-footer > div .p-uredi-cena.cena-siva .p-rates {
                color: #6b6b6b;
                border-color: #6b6b6b;
            }

    .magenta-one-footer .one-t-dicklaimer {
        position: absolute;
        top: 5px;
        left: auto;
        right: -15px;
        bottom: auto;
    }

    .magenta-one-footer img.ec-20 {
        position: static;
        float: none;
        margin: 0;
    }

.cena-small .price2 {
    font-size: 28px;
}

.cena-small .p-right > span {
    font-size: 11px;
}

/*magenta 1 end*/

#top-bar .mini-menu.topbarright {
    margin-right: 0px;
}

@media (min-width:768px) and (max-width:991px) {
    #top-bar .mini-menu li, #top-bar-left .mini-menu li {
        font-size: 10px;
        padding: 3px 2px;
    }
}




.display-versions {
    display: none;
}

@media only screen and (max-device-width: 767px) {

    .display-versions {
        display: block;
    }

    .display-versions {
        position: absolute;
        bottom: 50px;
        margin: 0px auto;
        background: #E4E4E4;
        width: 100%;
        border-bottom: 1px solid #CAC2C2;
    }

        .display-versions #show-desktop-v {
            background: url("../images/show_desktop_icon.png") no-repeat left center;
            float: right;
            text-align: right;
            margin-right: 20px;
        }

        .display-versions #show-desktop-v1 {
            background: url("../images/show_desktop_icon.png") no-repeat left center;
            float: right;
            text-align: right;
            margin-right: 50px;
        }

        .display-versions #show-desktop-v2 {
            background: url("../images/show_desktop_icon.png") no-repeat left center;
            float: right;
            text-align: right;
            margin-right: 50px;
        }

        .display-versions #show-mob-v {
            background: url("../images/show_mobile_icon.png") no-repeat left center;
            float: right;
            text-align: right;
            margin-right: 55px;
        }

        .display-versions #show-mob-v1 {
            background: url("../images/show_mobile_icon.png") no-repeat left center;
            float: right;
            text-align: right;
            margin-right: 55px;
        }

        .display-versions #show-mob-v2 {
            background: url("../images/show_mobile_icon.png") no-repeat left center;
            float: right;
            text-align: right;
            margin-right: 55px;
        }

        .display-versions #show-desktop-v, .display-versions #show-mob-v {
            margin-left: 15px;
            display: inline-block;
            background-size: 15px 15px;
            padding: 5px 0 5px 22px;
            color: #fff;
        }

        .display-versions #show-desktop-v1, .display-versions #show-mob-v1 {
            margin-left: 15px;
            display: inline-block;
            background-size: 15px 15px;
            padding: 5px 0 5px 22px;
            color: #fff;
        }

        .display-versions #show-desktop-v2, .display-versions a#show-mob-v2 {
            margin-left: 15px;
            display: inline-block;
            background-size: 15px 15px;
            padding: 5px 0 5px 22px;
            color: #fff;
        }

    #ns-content {
        /*padding-bottom: 165px !important;*/
        padding-bottom: 149px !important;
    }
}

@media (max-width: 767px) {
    .display-versions #show-desktop-v, .display-versions #show-mob-v {
        font-size: 13px;
    }

    .display-versions #show-desktop-v1, .display-versions #show-mob-v1 {
        font-size: 13px;
    }

    .display-versions #show-desktop-v2, .display-versions #show-mob-v2 {
        font-size: 13px;
    }
}

#ns-footer .superbrand {
    position: relative;
}

    #ns-footer .superbrand > img {
        position: absolute;
        bottom: -49px;
        left: 0;
        z-index: 9;
    }

.ui-datepicker-trigger {
    background: #e20074;
    float: left;
    margin: 0;
    padding: 7px 15px;
}

    .ui-datepicker-trigger:after {
        content: "\e109";
        font-family: 'Glyphicons Halflings';
        color: #fff;
        font-weight: normal;
        font-size: 14px;
        text-shadow: none;
    }

.ns-date .form-control {
    width: auto !important;
    float: left;
    border-color: #ccc;
}

.successMsg {
    background-color: transparent;
    background-image: url('../img/iconce.png');
    background-repeat: no-repeat;
    background-position: center 10px;
    margin: 0;
    height: 100px;
    padding-top: 77px;
    /* border: 1px solid #d0d0d0; */
    color: #A1A1A1;
    background-size: 56px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.errorMsg {
    display: block;
    text-align: left;
    line-height: 40px;
    position: relative;
    margin-top: 10px;
    color: red !important;
    top: -15px;
    font-size: 14px;
}

.errorInput {
    color: red;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

#skroeniPoVasaMerka span.errorMsg.captcha {
    top: -25px;
}
/*.inner-cont h2, .inner-cont p.successMsg {
        color: #3c763d !important;
}*/

.white-box .tmstore-contact img {
    margin-left: 44px;
    margin-bottom: 20px;
}

.white-box .tmstore-contact h1 {
    color: #e20074;
    font-size: 22px;
    line-height: 18px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 15px;
}
/*#region SSO*/
#sso-login-box {
    color: white;
    padding: 0;
}

    #sso-login-box h4 {
        color: white;
        padding: 0;
        margin-bottom: 10px;
        font-size: 15px;
        border-bottom: 1px dotted #D8D8D8;
        padding-bottom: 5px;
    }

    #sso-login-box .myNumbers {
        padding-left: 10px;
        padding-bottom: 10px;
        list-style-type: square;
        margin-left: 10px;
    }

    #sso-login-box .btn-grey {
        border: none;
    }

.moj-telekom-holder {
    width: auto !important;
    max-width: 290px !important;
}

/*#region dashboard SSO*/
.inner-cont .dashboard h1 {
    padding: 5px 0;
    border-bottom: 0px solid #dadada;
    text-transform: none;
    color: #E20074;
    font-size: 28px;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
}

.inner-cont .dashboard h2 {
    font-weight: normal;
    padding-top: 0;
    font-family: tele-groteskhalregular;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 5px;
}

.inner-cont .dashboard ul li {
    display: inline-block;
    float: left;
    width: auto;
    background: none;
    padding-left: 0;
    line-height: 145%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 25px;
}

.inner-cont .dashboard ul {
    border-bottom: 1px solid #ddd;
    display: block;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 35px;
    background-color: #fff;
}

.inner-cont .dashboard .nav-tabs > li > a {
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #ddd;
    font-weight: normal;
    border: none;
    font-size: 19px;
    color: #383838;
    padding: 15px 0 5px;
    /* margin-right: 20px; */
}

    .inner-cont .dashboard .nav-tabs > li > a:hover {
        border: 0 solid #ddd;
        cursor: pointer !important;
        border-bottom: 4px solid #e5e5e5 !important;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

.inner-cont .dashboard .nav-tabs > li.active > a {
    color: #e20074;
}

    .inner-cont .dashboard .nav-tabs > li.active > a:hover {
        cursor: pointer !important;
        border-bottom: 0 solid #e5e5e5 !important;
        color: #e20074;
    }

.inner-cont .dashboard .nav-tabs > li.active, .inner-cont .dashboard .nav-tabs > li.active:hover {
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: 4px solid #e20074 !important;
    font-weight: normal;
    border: none;
    font-size: 19px;
    color: #e20074;
}

.inner-cont .dashboard h3 {
    margin-top: 20px;
    font-size: 19px;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-left: 15px;
}

.inner-cont .dashboard p {
    padding-right: 0;
    color: #333;
    font-size: 17px;
    font-family: teleNeo-regular;
    font-weight: normal;
    line-height: 18px;
    margin: 5px 0;
    color: #555;
}

.inner-cont .dashboard .addService {
    background: #f9f9f9;
    padding: 15px;
    margin-top: 20px;
}

    .inner-cont .dashboard .addService h3 {
        margin-top: 0;
        padding-top: 0;
        padding-left: 0px;
    }

    .inner-cont .dashboard .addService p {
        padding-left: 0px;
    }

    .inner-cont .dashboard .addService .btn-magen {
        margin-top: 8px !important;
    }

.inner-cont .dashboard table.table-blue {
    margin-top: 0px;
    table-layout: fixed;
    border-top: 1px solid #6d6d6d;
}

    .inner-cont .dashboard table.table-blue thead tr th {
        font-family: 'tele-groteskhalregular';
        font-weight: normal;
        font-size: 18px !important;
    }

        .inner-cont .dashboard table.table-blue thead tr th:last-child, .inner-cont .dashboard table.table-blue tbody tr td:last-child {
            text-align: right;
        }

    .inner-cont .dashboard table.table-blue thead tr th, .inner-cont .dashboard table.table-blue tbody tr td {
        font-size: 16px;
        padding: 10px 15px !important;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .inner-cont .dashboard table.table-blue tbody > tr.headaccount > td {
        background-color: #FCFCFC;
    }

    .inner-cont .dashboard table.table-blue tbody > tr.headaccount.closed > td:first-child {
        background-image: url('../images/carret-t.png');
        background-repeat: no-repeat;
        background-position: left 10px top 14px;
        background-size: 22px;
        -webkit-transition: all 0.2s ease-in-out;
        -khtml-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ie-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .inner-cont .dashboard table.table-blue tbody > tr.headaccount > td:first-child {
        background-image: url('../images/carret-t-up.png');
        background-repeat: no-repeat;
        background-position: left 10px top 14px;
        background-size: 22px;
        -webkit-transition: all 0.2s ease-in-out;
        -khtml-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ie-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .inner-cont .dashboard table.table-blue tbody > tr.headaccount.nocollapse > td:first-child {
        background-image: none;
    }

    .inner-cont .dashboard table.table-blue .headaccount.nocollapse p {
        padding-left: 0px !important;
        cursor: auto;
    }

    .inner-cont .dashboard table.table-blue tbody > tr > td.inz {
        padding: 0px !important;
    }

    .inner-cont .dashboard table.table-blue tbody > tr.headaccount p strong {
        color: #e20074;
    }



    .inner-cont .dashboard table.table-blue tbody .mytelecom td:last-child p {
        color: #383838;
        color: #6c6c6c;
        color: #555;
    }

        .inner-cont .dashboard table.table-blue tbody .mytelecom td:last-child p span span {
            /* font-weight: bold; */
            padding-left: 5px;
            color: #e20074;
            float: right;
            font-family: tele-groteskhalregular;
        }

        .inner-cont .dashboard table.table-blue tbody .mytelecom td:last-child p.paket {
            margin-bottom: 15px;
            color: #383838;
            color: #555;
        }

    .inner-cont .dashboard table.table-blue tbody .mytelecom tr > td:first-child {
        border-right: 1px solid #e5e5e5;
        padding-left: 40px !important;
    }

    .inner-cont .dashboard table.table-blue tbody .mytmobile tr > td:first-child {
        padding-left: 40px !important;
    }

    .inner-cont .dashboard table.table-blue tbody .mytelecom tr:nth-child(even) {
        background: #FCFCFC;
    }

    .inner-cont .dashboard table.table-blue tbody .mytelecom tr td {
        text-align: left;
        vertical-align: top;
    }

    .inner-cont .dashboard table.table-blue tbody .mytelecom p, .inner-cont .dashboard table.table-blue .headaccount p {
        padding-left: 0;
    }

    .inner-cont .dashboard table.table-blue .headaccount {
        cursor: pointer;
    }

        .inner-cont .dashboard table.table-blue .headaccount.nocollapse {
            cursor: auto;
        }

        .inner-cont .dashboard table.table-blue .headaccount p {
            font-family: tele-groteskhalregular;
            font-size: 17px;
            padding-left: 25px !important;
            cursor: pointer;
        }

    .inner-cont .dashboard table.table-blue tbody .mytelecom {
        width: 100%;
        text-align: left;
        background: #fff;
        table-layout: fixed;
        margin: 7px 0px;
    }

    .inner-cont .dashboard table.table-blue tbody tr:hover td {
        color: #5ec3ea;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

@media (max-width:767px) {
    #sso-login-box {
        height: 100%;
    }

    .inner-cont .dashboard .addService .btn-magen {
        float: none !important;
    }

    .inner-cont .dashboard table.table-blue {
        margin: 0;
        width: 100% !Important;
    }

    .inner-cont .dashboard .addService {
        margin-bottom: 20px;
    }
}

#serviceModal .modal-content, .bootstrap-dialog.type-warning .modal-content {
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    box-shadow: 0 1px 3px rgba(0,0,0,.5);
}

#serviceModal .modal-header, .bootstrap-dialog.type-warning .modal-header {
    border-bottom: 0px none #e5e5e5;
    z-index: 99;
    position: relative;
}

    #serviceModal .modal-header .close, .bootstrap-dialog.type-warning .modal-header .close {
        margin-top: 0px;
        margin-right: 0px;
        background: #ededed;
        padding: 0px 6px;
        -ms-opacity: 1;
        opacity: 1;
        font-size: 28px;
        font-weight: normal;
        line-height: 1;
        color: #3e3e3e;
        -ms-text-shadow: none;
        text-shadow: none;
    }

        #serviceModal .modal-header .close:hover, #serviceModal .modal-header .close:focus,
        .bootstrap-dialog.type-warning .modal-header .close:hover, .bootstrap-dialog.type-warning .modal-header .close:focus {
            outline: none;
        }

.modal-backdrop.in {
    -webkit-filter: alpha(opacity=50);
    -moz-filter: alpha(opacity=50);
    -o-filter: alpha(opacity=50);
    filter: alpha(opacity=50);
    -ms-opacity: .8;
    opacity: .8;
}

@media (min-width: 768px) {
    #serviceModal .modal-dialog, .bootstrap-dialog.type-warning .modal-dialog {
        margin: 50px auto;
    }
}

.bootstrap-dialog.type-warning .modal-content {
    padding: 30px 40px;
}

.bootstrap-dialog.type-warning .modal-header {
    background-color: transparent !important;
}

.bootstrap-dialog .bootstrap-dialog-title {
    display: block !important;
    padding: 7px 0px 3px 0;
    text-transform: uppercase;
    color: #e20074 !important;
    font-size: 26px !important;
    margin-top: 0px;
    margin-bottom: 0;
    font-weight: normal;
    padding: 7px 0px 3px 0;
    text-transform: uppercase;
    color: #383838 !important;
    text-align: center;
}

.bootstrap-dialog .bootstrap-dialog-message {
    color: #383838;
    font-size: 15px !important;
}

.bootstrap-dialog-message span.magenta {
    color: #e20074;
}

.bootstrap-dialog .btn-primary {
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ie-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 18px;
    padding: 5px 20px;
    filter: none;
    color: white;
    max-width: inherit;
    width: auto;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #af005a;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ie-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    background: #e20074;
    font-size: 16px;
    padding: 5px 20px;
    text-shadow: none;
}

    .bootstrap-dialog .btn-primary:hover {
        background: #c00052;
        text-decoration: none;
        color: white;
        border: 1px solid #af005a;
        -webkit-transition: all 0.2s ease-in-out;
        -khtml-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ie-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

.bootstrap-dialog .btn-default {
    bottom: 20px;
    font-size: 18px;
    padding: 6px 20px;
    filter: none;
    color: #383838;
    margin: 0 auto;
    border: 1px solid #bbbbbb;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ie-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: #e5e5e5;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ie-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    font-size: 16px;
    padding: 5px 20px;
    text-shadow: none;
}

    .bootstrap-dialog .btn-default:hover,
    .bootstrap-dialog .btn-default:active,
    .bootstrap-dialog .btn-default:focus,
    .bootstrap-dialog .btn-default:active:focus,
    .bootstrap-dialog .btn-default.active {
        background: #d1d1d1 !important;
        color: #383838 !important;
        border: 1px solid #bbbbbb;
        -webkit-transition: all 0.2s ease-in-out;
        -khtml-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ie-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
    }

.bootstrap-dialog-footer-buttons {
    text-align: center;
}

.bootstrap-dialog-close-button {
    position: absolute;
    top: 15px;
    right: 15px;
}

.sso-links {
    padding-top: 10px;
}

    .sso-links a {
        display: inline-block;
        line-height: 16px;
    }

.sso-accordion .panel.panel-default {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: none;
}

.sso-accordion .panel-body {
    padding: 20px 0;
}

.sso-accordion .panel-title a {
    background-color: #F9F9F9 !important;
    border: 1px solid #ddd;
    border-bottom: 3px solid #e20074 !important;
    font-weight: normal;
    border: none;
    font-size: 19px;
    color: #e20074 !important;
}

    .sso-accordion .panel-title a.collapsed {
        border-bottom: 3px solid #e5e5e5 !important;
        color: #383838 !important;
    }

.sso-accordion .panel-title:hover a {
    border-bottom: 3px solid #e20074;
}

    .sso-accordion .panel-title:hover a.collapsed {
        border-bottom: 3px solid #e20074 !important;
        color: #e20074 !important;
    }

/*#region inlineSso*/
.inlineSso {
    max-width: 400px;
    margin: 0 auto;
}

    .inlineSso .sso-links {
        text-align: center;
    }

.inner-cont .dashboard .inlineSso h3 {
    padding: 0;
    padding-left: 0;
    color: #e20074;
}

.inlineSso h4 {
    margin-top: 0;
    padding-top: 0;
}

.spacing {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
    margin-top: 15px;
}

.enableSso label {
    padding-left: 5px;
}

.forgot-small {
    margin-top: -10px;
}

.logOutlink {
    background: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: none;
    font-family: tele-groteskhalregular;
    display: block;
    width: 100%;
    text-align: left;
    padding-top: 10px;
    color: #555;
}

.moj-telekom-login-holder {
    margin: 15px 0 10px 15px;
}

#sso-login-box ul li {
    padding: 7px;
    line-height: 14px;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ie-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    min-width: 155px;
    text-align: left;
}

    #sso-login-box ul li:hover {
        background-color: #f4f4f4 !important;
        -webkit-transition: all 0.2s ease-in-out;
        -khtml-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ie-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
    }

    #sso-login-box ul li:last-child:hover {
        background: none;
    }

    #sso-login-box ul li:last-child {
        padding: 7px 0;
        border-top: 1px solid #DADADA;
        margin-top: 7px;
    }

        #sso-login-box ul li:last-child input {
            padding: 7px;
        }

            #sso-login-box ul li:last-child input:hover {
                color: #e20074;
                -webkit-transition: all 0.2s ease-in-out;
                -khtml-transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -ie-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                -ms-transition: all 0.2s ease-in-out;
            }

    #sso-login-box ul li a {
        display: block;
    }

        #sso-login-box ul li a:hover {
            text-decoration: none;
        }

h4#loginName {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

div#loginNameMove {
    margin-left: 10px;
}

#loginNameMove > a {
    color: white;
    vertical-align: middle;
    width: 32px;
    height: 30px;
    display: flex;
    margin-left: -13px;
}

#loginNameMove a:hover {
    text-decoration: none;
}

img.m-t-user {
    margin-right: 6px;
    padding: 0;
    vertical-align: super;
}

div.btn.btn-moj-telekom {
    /* color: white; */
    background: none;
    display: inline-block;
    /* vertical-align: middle; */
    /* min-width: 50px; */
    /* min-height: 50px; */
    border: 0;
    /* border-radius: 0; */
    text-transform: uppercase;
    font-family: 'tele-groteskfetregular';
    padding: 0 15px;
    height: 53px;
    /*overflow: hidden;*/
    width: auto;
}

#sso-login-box .userNameInfo {
    border-bottom: 1px solid #ddd;
    padding-bottom: 21px;
    margin-bottom: 10px;
    padding-top: 8px;
}

@media(min-width: 768px) and (max-width: 1199px) {
    h4#loginName {
        padding-top: 0;
        padding-left: 0 !important;
    }
}

@media (max-width:767px) {

    div#sso-login-box ul li {
        max-width: 100%;
        /* display: block;*/
        visibility: hidden;
    }

    .btn-moj-telekom:hover .moj-telekom-holder #sso-login-box ul li {
        visibility: visible;
    }

    #sso-login-box .userNameInfo {
        padding-bottom: 15px;
        padding-top: 15px;
    }

    #loginFullName {
        font-size: 15px;
        color: transparent !important;
        width: 30px;
        height: 30px;
        margin-left: -15px;
        POSITION: absolute;
        bottom: 16px;
    }

        #loginFullName:before {
            content: '';
            position: absolute;
            background-image: url(../images/logged-in-icon.svg);
            width: 28px;
            height: 100%;
            background-size: contain;
            background-repeat: no-repeat;
            top: 0 !important;
            left: -4px;
            margin: auto;
            bottom: 0;
            background-position: center;
            transition: all ease-in-out .3s;
        }

    h4#loginName {
        display: block !important;
        max-width: 100%;
    }

    /*    div.btn.btn-moj-telekom {
        padding: 0;
        background: url(../content/images/privatni-hp-red/icon-user_file-user-default.png) 8px 13px no-repeat transparent !important;
    }*/
}

span.avatar {
    color: #e5e5e5;
    font-size: 130px;
    padding: 30px 10px;
    width: 100%;
    text-align: center;
    border: 1px solid #e5e5e5;
    margin-top: 30px;
    margin-left: 20px;
    background: #fafafa;
    max-width: 200px;
}

#loginInfo {
    margin-bottom: 10px;
}

.moj-telekom-login-holder {
    margin: 0;
}

.moj-telekom-holder .col-lg-12 {
    padding: 0;
    background: rgba(241, 241, 241, 0.97);
    /*border: 1px solid #dfdfdf !important;*/
}

#sso-login-box > .form-group {
    padding: 0px 15px;
}

.header-menu a:hover, .header-menu a:focus {
    color: #e20074;
    text-decoration: none;
}

#loginNameMove a#loginFullName:before {
    content: '';
    position: absolute;
    background-image: url(../images/logged-in-icon.svg);
    width: 28px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0 !important;
    right: 0px;
    left: 0;
    margin: auto;
    bottom: 0;
    background-position: center;
    transition: all ease-in-out .3s;
    z-index: 333;
}

#loginNameMove:hover a#loginFullName:before {
    content: '';
    position: absolute;
    background-image: url(../images/logged-in-hover.svg);
    transition: all ease-in-out .3s;
}

@media (min-width: 768px) {
    div .btn.btn-moj-telekom:hover .moj-telekom-menu-1-sub {
        display: block;
        visibility: visible;
    }

    #loginNameMove .desk-login a {
        color: #555;
        display: table-cell;
        padding-left: 0px;
        vertical-align: middle;
        text-transform: none;
        text-align: left;
        font-family: tele-groteskhalregular;
        line-height: 19px;
        padding: 2px 0px;
        white-space: initial;
    }

    #loginNameMove a#loginFullName {
        padding: 0;
        display: block;
        font-size: 15px;
        font-family: 'teleNeo-bold' !important;
        /* background: url(../images/user-redesign.png) 5px 3px no-repeat; */
        background: none;
        padding-left: 0;
        position: relative;
        width: 100%;
        height: 100%;
        color: transparent;
        width: 100%;
    }
}

@media (max-width: 1279px) {

    #sso-login-box ul,
    #loginNameMove #sso-login-box ul {
        display: none;
        width: 0;
        transition: all ease-in .3s;
    }

    #loginNameMove:hover .moj-telekom-holder .col-lg-12,
    #loginNameMove:hover .moj-telekom-holder {
        background: transparent;
    }

    #sso-login-box:hover ul,
    #loginNameMove:hover #sso-login-box ul {
        display: block;
        width: 170px;
        z-index: 3;
        position: absolute;
        right: -30px;
        top: 60px;
        background: rgba(255,255,255,.95);
        max-width: 200px;
        top: 60px;
        right: -20px;
        left: inherit;
        z-index: 1001;
        margin: 0;
        padding: 10px;
        transition: all ease-in .3s;
    }

        #sso-login-box:hover ul li,
        #loginNameMove:hover #sso-login-box ul li {
            visibility: visible;
        }

            #sso-login-box:hover ul li a,
            #loginNameMove:hover #sso-login-box ul li a {
                color: black;
            }

    #sso-login-box:hover a#loginFullName:before {
        content: '';
        position: absolute;
        background-image: url(../images/logged-in-hover.svg);
        transition: all ease-in-out .3s;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {

    #sso-login-box:hover ul,
    #loginNameMove:hover #sso-login-box ul {
        top: 30px;
    }

    #miniShoppingCart:hover .mini-shopping-cart-inner {
        top: 72px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    #sso-login-box:hover ul, #loginNameMove:hover #sso-login-box ul {
        top: 20px;
    }
}

@media (max-width:767px) {

    #sso-login-box > .form-group {
        padding: 15px;
        margin-bottom: 0;
    }
}


/*#endregion inlineSso*/

/*#endregion dashboard SSO*/

.p0-small {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

@media (max-width: 767px) {
    .p0 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .breadVisible .breadZ.hidden-xs {
        display: block !important;
    }

    #right-wrapper {
        display: none;
    }
}

@media (min-width: 767px) and (max-width: 1200px) {
    .magenta-one .white-border h1 {
        font-size: 20px;
    }

    .white-border.bigger h1.magenta-business span {
        font-size: 19px !important;
    }
}


.product-home-img .top-left-catcher {
    width: 70px;
}

.product-home-img .top-right-catcher {
    width: 70px;
}



/* Product details mobile */

@media (max-width:767px) {

    .one-t-plus-sign, .one-t-equal-sign {
        display: none;
    }
}

.details-phone-tarrif .disabled-btn {
    opacity: 0.3;
}



.one-t-product-options .one-t-product-option:nth-last-of-type(3) {
    border-bottom: 1px solid transparent;
}



/*#region office-complete*/

.cena-so-popust-new img {
    position: relative !important;
    width: 70px;
    float: none !important;
    left: 5px !important;
    top: -45px !important;
}

.magenta-one-footer > div .p-uredi-cena.cena-siva-so-popust .price2 {
    color: #6b6b6b;
}

.cena-siva-so-popust .lineThrough::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 49%;
    border-top: 1px solid;
    border-color: inherit;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
}


@media (min-width:768px) and (max-width:991px) {
    .cena-so-popust-new img {
        left: -15px !important;
    }
}


@media (max-width:767px) {

    .cena-so-popust-new img {
        width: 60px;
        float: none !important;
        left: 10px !important;
        top: -27px !important;
    }

    .cena-siva-so-popust .lineThrough::before {
        left: 23%;
        top: 50%;
        right: 49%;
    }
}

/*#endregion office-complete*/

/*#region alb-smart-tabela*/
#smartTooltip.smart-tabela-sq .btn-magen {
    width: 100%;
}

#smartTooltip.smart-tabela-sq .p-right-smart {
    margin-top: 5px;
}
/*#endregion alb-smart-tabela*/


/*mini-menu za izbor na jazik vo ns-footer*/
div#ns-bottom div#tools-private {
    display: none;
}





/* Search */

@media (min-width: 768px) {
    .closeSearch {
        width: 35px !important;
        text-align: center;
        z-index: 9999;
    }

    .search-box #qr {
        padding-right: 50px !important;
    }
}


#qr::-ms-clear,
#q::-ms-clear {
    display: none;
}


#ns-bottom .search-icon {
    display: none;
}

/*Za kompanijata slider */

#myCarousel2 a.full-link-mb {
    width: 100%;
    display: block;
    height: 100%;
    cursor: pointer;
    position: absolute;
    z-index: 1;
}

#myCarousel2 .left.carousel-control, #myCarousel2 .right.carousel-control {
    z-index: 9;
    width: 40px;
}

#myCarousel2 a.third.btn.btn-magen.left.grey {
    background: #D8D8D8;
    background: -moz-linear-gradient(top, #D8D8D8 0, #C3C3C3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#D8D8D8), color-stop(100%,#C3C3C3));
    background: -webkit-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: -o-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: -ms-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: linear-gradient(to bottom, #D8D8D8 0,#D4D4D4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8D8D8', endColorstr='#C3C3C3',GradientType=0 );
    color: #333;
}


/*#region billing-project-go-live*/

div.klasazahover:after, div.klasazahover:before {
    content: "";
    display: table;
    clear: both;
}

.klasazahover > .btn {
    color: #b8b8b8;
    background: #fafafa;
    border-color: #d6d6d6;
}

.klasazahover:hover .billing-dicklaimer-info {
    visibility: visible;
    opacity: 1;
}

.klasazahover .billing-dicklaimer-info {
    width: 250px !important;
    bottom: 128px !important;
    right: 20%;
}

@media (max-width:767px) {
    .p20-xs {
        padding: 20px;
    }

    .klasazahover .billing-dicklaimer-info {
        bottom: 124px !important;
        right: 30px;
        left: 0;
        width: 100% !important;
    }
}

/*#endregion billing-project-go-live*/
/*#region dashborad info */
#mobile-info-more-lines.info-more-than-zero-lines, #fiksni-info-more-lines.info-more-than-zero-lines {
    padding-bottom: 30px;
}

    #mobile-info-more-lines.info-more-than-zero-lines .red-info-text, #fiksni-info-more-lines.info-more-than-zero-lines .red-info-text {
        color: #383838;
    }

/*#endregion dashborad info */



.alert.alert-warning h3 {
    text-transform: uppercase;
    color: #383838;
    margin-top: 10px;
    margin-bottom: 0px;
}

.alert.alert-warning p {
    margin-top: 0px;
}

.alert.alert-warning.alert-order {
    margin-bottom: 100px;
    margin-top: 40px;
    padding: 25px;
    max-width: 500px;
    margin: 43px auto 24px;
    color: #383838;
    background-color: rgba(252, 241, 227, 0.35);
    border-color: #e6d3aa;
}


[ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}


/*#region telekom landing privatni korisnici*/

/*.side-tabs {
    border-bottom: none;
}

.side-tabs > li.active > a, .side-tabs > li.active > a:hover, .side-tabs > li.active > a:focus {
    margin-right: 0;
}

.side-tabs > li > a {
    margin-right: 0;
    padding: 15px 0;
}

.side-tabs > li > a:hover {
    margin-right: 0;
}

.side-tabs > li.active  {
    border: 1px solid #ededed;
    border-bottom: 1px solid white;
    margin-bottom: -1px !important;
}

.side-tabs > li {
    padding: 0 20px;
    border: 1px solid transparent;
    border-bottom: 0;
    margin-bottom: -1px !important;
    border-bottom: 1px solid white;
}

.borderGrayBox {
    border: 1px solid #ededed;
}*/
#aktuelnoBox2018 .e-smetka-nagradna-igra-content {
    padding: 15% 0 !important;
}

    #aktuelnoBox2018 .e-smetka-nagradna-igra-content img {
        bottom: -2px;
    }

    #aktuelnoBox2018 .e-smetka-nagradna-igra-content h1 {
        font-size: 49px !important;
    }

    #aktuelnoBox2018 .e-smetka-nagradna-igra-content h2 {
        font-size: 28px !important;
    }

#aktuelnoBox2018 #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header {
    height: 520px;
    min-height: 520px;
    margin-top: 2px;
}

    #aktuelnoBox2018 #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header .btn-white-border {
        position: relative;
        top: 60px;
    }



#aktuelnoBox2017 h2 {
    color: #e20074;
    padding-bottom: 10px;
    font-size: 26px;
    font-family: teleNeo-bold !important;
}




@media (max-width: 767px) {
    #aktuelnoBox2018 #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header {
        height: 350px !important;
        min-height: 350px !important;
    }

    #aktuelnoBox2018 .e-smetka-nagradna-igra-content h1 {
        font-size: 27px !important;
    }

    #aktuelnoBox2018 .e-smetka-nagradna-igra-content h2 {
        font-size: 21px !important;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header .btn-white-border {
        position: absolute !important;
        top: auto !important;
        bottom: 0px;
        left: 0;
        right: 0;
        margin: 0 auto;
        max-width: 100px;
    }
}








#aktuelnoBox2017 img {
    width: 100%;
}

#aktuelnoBox2018 h3 {
    color: white;
    text-align: center;
    font-size: 32px;
    line-height: 1.2;
    font-family: teleNeo-extra;
    width: 90%;
    display: block;
    margin: 0 auto;
    margin-top: 45px;
    text-transform: uppercase;
}

#aktuelnoBox2017 p {
    color: #6c6c6c;
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    font-family: teleNeo-medium !important;
    width: 90%;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    text-transform: uppercase;
}

    #aktuelnoBox2017 h3 span, #aktuelnoBox2017 p span {
        color: #e20074;
    }

#aktuelnoBox2017 a:hover {
    text-decoration: none;
}

#aktuelnoBox2017 .aktuleno-img {
    position: relative;
    overflow: hidden;
}

    #aktuelnoBox2017 .aktuleno-img.black-color-wrapper h3,
    #aktuelnoBox2017 .aktuleno-img.black-color-wrapper p {
        color: #383838;
    }

    #aktuelnoBox2017 .aktuleno-img.black-color-wrapper {
        color: #383838;
        transition: all 0.25s ease-in-out;
    }

        #aktuelnoBox2017 .aktuleno-img.black-color-wrapper .btn-center-bottom {
            color: #383838;
        }

            #aktuelnoBox2017 .aktuleno-img.black-color-wrapper .btn-center-bottom:hover, #aktuelnoBox2017 .aktuleno-img.white-color-wrapper .btn-center-bottom:hover {
                background-color: #e20074;
                border-color: #e20074;
                color: white;
            }

    #aktuelnoBox2017 .aktuleno-img.white-color-wrapper {
        color: #fff;
    }

        #aktuelnoBox2017 .aktuleno-img.white-color-wrapper .btn-center-bottom {
            color: #fff;
        }

#aktuelnoBox2018 .aktuleno-img.right-small-banner .btn-white-border {
    left: 50%;
    TRANSFORM: translateX(-50%);
    position: absolute;
    bottom: 45px;
}

#aktuelnoBox2018 .aktuleno-img.left-small-banner, #aktuelnoBox2018 .aktuleno-img.right-small-banner {
    position: relative;
    overflow: hidden;
    min-height: 520px;
    height: 520px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#aktuelnoBox2018 .aktuleno-img.left-small-banner {
    background-position: left top;
}

#aktuelnoBox2018 .aktuleno-img .iphone-buttons {
    right: 45px;
    bottom: 45px;
}

    #aktuelnoBox2018 .aktuleno-img .iphone-buttons .btn {
        display: block;
        margin: 10px 0px 20px 0;
        min-width: 130px;
        font-size: 18px;
    }

        #aktuelnoBox2018 .aktuleno-img .iphone-buttons .btn:last-of-type {
            margin: 10px 0px 0px 0;
        }

#aktuelnoBox2018 .aktuleno-img.left-small-banner {
    background-image: url('../content/banners/2018/iPhone-Xr-aktuelno.jpg');
}

    #aktuelnoBox2018 .aktuleno-img.left-small-banner img {
        max-width: 100%;
        width: 290px;
        padding: 50px 40px;
    }

#aktuelnoBox2018 .aktuleno-img.right-small-banner {
    background-color: #456ee0;
}

    #aktuelnoBox2018 .aktuleno-img.right-small-banner img {
        max-height: 100%;
        width: auto;
        max-width: 100%;
        height: auto;
        margin: auto;
        padding: 20px 20px 100px;
        display: block;
    }

    #aktuelnoBox2018 .aktuleno-img.right-small-banner.iphone-xs-aktuelno {
        background-image: url('../content/banners/2018/aktuleno-iphone-xs.png');
        background-color: #000000;
    }

#aktuelnoBox2017 .aktuleno-img:hover img {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

#aktuelnoBox2017 .aktuleno-img img {
    max-width: 100%;
    -moz-transition: all 1.3s;
    -webkit-transition: all 1.3s;
    transition: all 1.3s;
}


.accountActions2017#accountActions .pay-box-hmpage-2017 .image-box {
    border-top: none;
    padding-top: 0;
}

.accountActions2017#accountActions .pay-box-hmpage-2017 .payOnlineBox {
    padding: 35px 45px;
}

.accountActions2017#accountActions .pay-box-hmpage-2017 .payOnlineBoxTitle h2 {
    text-align: left;
    color: #e20074 !important;
    font-size: 22px !important;
    font-family: teleNeo-bold !important;
}

.accountActions2017#accountActions .pay-box-hmpage-2017 .payOnlineBoxTitle {
    display: table;
    width: 100%;
}

.accountActions2017#accountActions .pay-box-hmpage-2017 .payOnlineBox-title {
    display: table-cell;
    vertical-align: middle;
}

.accountActions2017#accountActions .payOnlineBox-img {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
}

.accountActions2017#accountActions .pay-box-hmpage-2017 .btn.white-to-magen {
    /*display: block;
    margin: 0 auto;
    float: none;
    max-width: 110px;*/
    /*margin-top: 26px;*/
    /*margin-top: 0px;*/
}

.pay-box-hmpage-2017 .image-box {
    border-top: none;
    padding-top: 0;
    height: 343px;
    overflow: hidden;
}

.pay-box-hmpage-2017 .activateOnlineBox {
    padding: 15px 30px;
    background-color: #f8f8f8;
    height: 310px;
    position: relative;
    overflow: hidden;
}

    .pay-box-hmpage-2017 .activateOnlineBox .activateOnlineBoxTitle {
        display: table;
        width: 100%;
    }

        .pay-box-hmpage-2017 .activateOnlineBox .activateOnlineBoxTitle .payOnlineBox-title {
            display: table-cell;
            vertical-align: middle;
        }

        .pay-box-hmpage-2017 .activateOnlineBox .activateOnlineBoxTitle h2 {
            text-align: center;
            color: #e20074 !important;
            text-transform: uppercase;
            font-family: teleNeo-bold !important;
        }

    .pay-box-hmpage-2017 .activateOnlineBox .activateOnlineBox-img {
        float: right;
    }

    .pay-box-hmpage-2017 .activateOnlineBox .activateOnlineBoxHeader {
        height: 90px;
    }

    .pay-box-hmpage-2017 .activateOnlineBox .activateOnlineBoxFooter .group {
        position: relative;
        display: table;
        width: 100%;
    }

        .pay-box-hmpage-2017 .activateOnlineBox .activateOnlineBoxFooter .group label {
            display: table-cell;
            padding-right: 10px;
            padding-bottom: 0;
        }

        .pay-box-hmpage-2017 .activateOnlineBox .activateOnlineBoxFooter .group .form-control {
            margin-bottom: 0;
        }

    .pay-box-hmpage-2017 .activateOnlineBox .activateOnlineBoxFooter .btn.white-to-magen {
        position: relative;
        float: right;
        background: #e20074;
        color: white;
        border: 1px solid #af005a;
        text-align: center;
    }

        .pay-box-hmpage-2017 .activateOnlineBox .activateOnlineBoxFooter .btn.white-to-magen:hover {
            background: #c00052;
            text-decoration: none;
            color: white;
            border: 1px solid #af005a;
            -webkit-transition: all 0.2s ease-in-out;
            -khtml-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ie-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            font-family: 'teleNeo-regular';
        }

#aktuelnoBox2018 {
    padding-top: 0px;
    padding-bottom: 0px;
}

#aktuelnoBox2017 {
    padding-top: 20px;
    padding-bottom: 40px;
}

.home-content-holder.ponuda-na-uredi, .more-devices, .tab-content > .active {
    overflow: initial;
    z-index: 2;
}


.accountActions2017#accountActions .dopolni-pripejd-kredit .iframe {
    padding: 0;
    border-top: none;
    padding-top: 0;
}

    .accountActions2017#accountActions .dopolni-pripejd-kredit .iframe iframe {
        padding: 20px 45px 35px;
        height: 231px;
        background-image: none;
        background-repeat: no-repeat;
        background-position: center 21px;
    }


.accountActions2017#accountActions .dopolni-pripejdKreditBoxTitle {
    display: table;
    width: 100%;
}

.accountActions2017#accountActions .dopolni-pripejdKreditBox-title {
    display: table-cell;
    vertical-align: middle;
}

.accountActions2017#accountActions .dopolni-pripejdKreditBox-img {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.accountActions2017#accountActions .dopolni-pripejdKreditBox-title h2 {
    text-align: left;
    color: #e20074 !important;
    font-size: 22px !important;
    font-family: teleNeo-bold !important;
    margin: 0;
}

.accountActions2017#accountActions .pay-box-hmpage-2017 .payOnlineBox .payOnlineBoxHeader {
    height: 127px;
}

.accountActions2017#accountActions input.e-submit-2.btn-magen {
    display: block;
    margin: 0 auto !important;
    float: none;
    max-width: 110px;
    margin-top: 11px !important;
}

#aboutTelekom2017 .home-icon-wrapper:hover .icon-land {
    -ms-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
    /*background-position: center center;*/
}

#aboutTelekom2017 .telekomUslugiBoxIcon:hover {
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
}

#aboutTelekom2017 .telekomUslugiBoxIcon {
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}


    /*#aboutTelekom2017 .home-icon-wrapper .icon-land.askTelekom {
    background-image: url(../content/images/telekom-prasaj.png);
}*/

    #aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper .icon-land.askTelekom {
        background-image: url(../img/piktogrami/TelekomBussines-new.png);
    }

    /*#aboutTelekom2017 .home-icon-wrapper:hover .icon-land.askTelekom {
    background-image: url(../content/images/telekom-prasaj-magen.png);
}*/

    #aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper:hover .icon-land.askTelekom {
        background-image: url(../img/piktogrami/TelekomBussines-magenta-new.png);
        background-position: center center;
    }


/*#aboutTelekom2017 .home-icon-wrapper .icon-land.telekomStore {
    background-image: url(../content/images/telekom-prodavnici.png);
}*/

#aboutTelekom2017 .home-icon-wrapper .icon-land.telekomStore span {
    font-size: 72px;
}

#aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper .icon-land.telekomStore {
    background-image: url(../img/piktogrami/TelekomOffice-new.png);
}

#aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper:hover .icon-land.telekomStore {
    background-image: url(../img/piktogrami/TelekomOffice-magenta-new.png);
    background-position: center center;
}

/*#aboutTelekom2017 .home-icon-wrapper:hover .icon-land.telekomStore {
    background-image: url(../content/images/telekom-prodavnici-magen.png);
}*/

#aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper .icon-land.mojKlub {
    background-image: url(../img/piktogrami/TelekomCloud-new.png);
}

#aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper:hover .icon-land.mojKlub {
    background-image: url(../img/piktogrami/TelekomCloud-magenta-new.png);
    background-position: center center;
}

/*#aboutTelekom2017 .home-icon-wrapper .icon-land.mojKlub {
    background-image: url(../content/images/telekom-podaroci.png);
}
*/

#aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper .icon-land.tAplikacija {
    background-image: url(../img/piktogrami/askTelekom-new.png);
}

#aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper:hover .icon-land.tAplikacija {
    background-image: url(../img/piktogrami/askTelekom-magenta-new.png);
    background-position: center center;
}

/*#aboutTelekom2017 .home-icon-wrapper:hover .icon-land.mojKlub {
    background-image: url(../content/images/telekom-podaroci-magen.png);
}

#aboutTelekom2017 .home-icon-wrapper .icon-land.tAplikacija {
    background-image: url(../content/images/telekom-t.png);
}

#aboutTelekom2017 .home-icon-wrapper:hover .icon-land.tAplikacija {
    background-image: url(../content/images/telekom-t-magen.png);
}*/

#aboutTelekom2017 .home-icon-wrapper .icon-land span.telekom-font-icon {
    font-family: 'teleicon-outline' !important;
}


#aboutTelekom2017 .home-icon-wrapper .icon-land span {
    font-size: 65px;
    display: table-cell;
    vertical-align: middle;
    color: #000000;
    /*-moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;*/
}

#aboutTelekom2017 .home-icon-wrapper:hover .icon-land span {
    color: #e20074;
    /*font-size: 75px;*/
    /*-moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;*/
}



#aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper p {
    line-height: 1.1;
}

#aboutTelekom2017 .ion-ios-arrow-right:before {
    content: "\f3d3";
    font-weight: bold;
    padding-left: 5px;
}

#aboutTelekom2017 {
    /*background: #f1f2f6;*/
    background: white;
    /*padding: 55px 30px 70px 30px;
    padding-bottom: 22px;*/
}

    #aboutTelekom2017 .telekomUslugiBoxIcon {
        border: 0px solid #ededed;
        padding: 27px 5px;
        min-height: 260px;
        background: white;
    }



    #aboutTelekom2017 h4.txt-dec-none {
        color: black !important;
        font-family: 'teleNeo-medium' !important;
        margin-top: 10px;
        padding: 0 10px;
    }

    #aboutTelekom2017 .telekomUslugiBoxIcon:hover h4.txt-dec-none {
        color: #e20074 !important;
    }


#HomePageLinks .col-md-3 {
    width: 20%;
    padding-left: 0px;
    padding-right: 0;
}

#HomePageLinks-fullFluid {
    /*background: #f1f2f6;*/
    background: white;
}


#HomePageLinks .hpLinksBox {
    position: relative;
    background: linear-gradient(to right, #eaecf2 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 1s ease;
    padding: 15px 15px 15px 15px;
    height: 58px;
}

    #HomePageLinks .hpLinksBox span.telekom-font-icon {
        font-family: 'teleicon-outline' !important;
        color: #e20074;
        font-size: 36px;
    }

    #HomePageLinks .hpLinksBox span:first-of-type {
        color: rgba(0, 0, 0, 0.33);
        font-size: 36px;
    }

    #HomePageLinks .hpLinksBox:hover span:first-of-type {
        color: #e20074;
    }

    #HomePageLinks .hpLinksBox:hover {
        background-position: left bottom;
    }

#HomePageLinks .hpLinksRow .hpLinksBox span:last-child {
    display: inline-block;
    padding-left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 16px;
    color: black;
    font-size: 16px;
}



#HomePageLinks .hpLinksRow .hpLinksBox span:first-child {
    display: inline-block;
    vertical-align: top;
    line-height: 0.8;
}

#HomePageLinks .hpLinksRow .hpLinksBox span.zastita-lichni-podatoci-icon {
    position: relative;
}

#HomePageLinks .hpLinksRow .hpLinksBox span.icon-zashtita-lichni-podatoci:before {
    content: '';
    position: absolute;
    width: 36px;
    height: 30px;
    background-image: url(../content/images/zastita-lichni-podatoci-icon.png);
    background-repeat: no-repeat;
}

#HomePageLinks .hpLinksRow .hpLinksBox:hover span.icon-zashtita-lichni-podatoci:before {
    background-image: url(../content/images/zastita-lichni-podatoci-icon-magenta.png);
}

#HomePageLinks .hpLinksRow .hpLinksBox span.text-zashtita-lichni-podatoci {
    padding-left: 40px;
}

#aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper:hover p {
    font-family: 'teleNeo-regular';
}

@media (min-width: 992px) {

    #HomePageLinks-fullFluid .hpLinksRow > .col-md-2 {
        width: 12.6%;
    }

    #HomePageLinks-fullFluid .hpLinksRow > .hp-cenovnici-box.col-md-2 {
        width: 24%;
    }
}

@media (min-width: 768px) {

    .accountActions2017#accountActions .pr7-5px, #aboutTelekom2017 .pr7-5px {
        padding-right: 7.5px !important;
    }

    .accountActions2017#accountActions .pl7-5px, #aboutTelekom2017 .pl7-5px {
        padding-left: 7.5px !important;
    }

    #aboutTelekom2017 .icon-land {
        width: 100px;
        height: 100px;
        /*background-size: 50px !important;*/
    }

    #aboutTelekom2017 .delovni .icon-land {
        background-size: 80px !important;
    }

    #aboutTelekom2017 .telekomUslugiBoxIcon.delovni {
        min-height: 255px;
        padding: 20px 0;
    }

    #aboutTelekom2017 .white-box-al .telekomUslugiBoxIcon.delovni {
        min-height: 265px;
    }

    /*#aboutTelekom2017 .icon-land.askTelekom {
        background-image: url(../img/piktogrami/askTelekom.png);
    }*/

    #aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper p {
        padding: 0px 20px;
        margin-bottom: 0;
    }

    #aboutTelekom2017 .icon-land {
        margin: 0px auto 0;
        background-image: none;
        display: table;
    }


    .accountActions2017#accountActions .dopolni-pripejdKreditBoxTitle {
        background-color: #f8f8f8 !important;
        padding: 26px 45px;
    }

    #aktuelnoBox2017 .pr1pl0 {
        padding-left: 0 !important;
    }
}


@media (min-width: 768px) and (max-width: 991px) {

    #HomePageLinks-fullFluid .hpLinksRow a br {
        display: none;
    }

    #aboutTelekom2017 .telekomUslugiBoxIcon.delovni {
        min-height: 300px !important;
    }

    #aboutTelekom2017 .white-box-al .telekomUslugiBoxIcon.delovni {
        min-height: 340px !important;
    }

        #aboutTelekom2017 .white-box-al .telekomUslugiBoxIcon.delovni h4.txt-dec-none {
            margin-bottom: 10px;
            min-height: 50px;
        }

    #aboutTelekom2017 {
        padding: 0;
    }

        #aboutTelekom2017 h4.txt-dec-none {
            width: 80%;
            margin: 0 auto;
            margin-top: 10px;
        }

        #aboutTelekom2017 .telekomStore-reserveTicket {
            text-align: center;
            margin-top: 5px;
        }

        #aboutTelekom2017 .telekomUslugiBoxIcon {
            padding: 20px 0;
            min-height: 216px;
        }

    .accountActions2017#accountActions .pay-box-hmpage-2017 .payOnlineBox .payOnlineBoxHeader {
        height: 111px;
    }

    #HomePageLinks .col-sm-4 {
        width: 33.33333333%;
    }
}


@media (max-width: 767px) {

    #HomePageLinks-fullFluid .hpLinksRow a br {
        display: none;
    }

    #aboutTelekom2017 h4.txt-dec-none {
        font-size: 17px;
        max-width: 100%;
        padding: 0 15px;
    }

    #homepageTabs-accordion .phone-home-title-wraper, #carousel-promotion-phones.carousel, .carousel-promotion-tv.carousel, .carousel-promotion-pc.carousel {
        border-bottom: 0px;
    }

    #HomePageLinks .hpLinksRow .hpLinksBox span:first-child img {
        margin: 0 auto;
        display: block;
    }

    #HomePageLinks {
        padding: 0;
    }

        #HomePageLinks .col-xs-12 {
            padding-left: 0;
            padding-right: 0;
        }


        #HomePageLinks .col-xs-12 {
            width: 100% !important;
        }

    #aboutTelekom2017 .home-icon-wrapper .icon-land {
        height: 75px;
        margin: 0 auto;
        background-image: none;
    }

        #aboutTelekom2017 .home-icon-wrapper .icon-land span {
            display: block;
        }


    #HomePageLinks .hpLinksRow .hpLinksBox span:last-child {
        font-family: teleNeo-regular !important;
        text-transform: none;
        font-size: 19px;
        padding-left: 10px;
    }

    #HomePageLinks .hpLinksRow .hpLinksBox span:first-child {
        width: 41px;
    }

    #HomePageLinks .hpLinksBox {
        padding: 15px 15px 15px 0;
    }

    .tab-pane-sliderNaslovna #homepageTabs-accordion .phone-box .tv-oprema h4 {
        padding: 0 15px 0 15px !important;
    }

    #aboutTelekom2017 .telekomUslugiBoxIcon {
        padding: 25px 0 20px;
        min-height: 203px;
        margin-bottom: 15px;
    }

        #aboutTelekom2017 .telekomUslugiBoxIcon.delovni {
            min-height: 180px;
        }

            #aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper .icon-land {
                background-size: 75px;
            }

    #aboutTelekom2017 .pr7-5px-small {
        padding-right: 7.5px !important;
    }

    #aboutTelekom2017 .pl7-5px-small {
        padding-left: 7.5px !important;
    }

    #aboutTelekom2017 .pr0-small {
        padding-right: 0 !important;
    }

    #aboutTelekom2017 .pl0-small {
        padding-left: 0 !important;
    }

    #aktuelnoBox2017 h3 {
        margin-top: 10px;
    }

    #aktuelnoBox2017 {
        padding-top: 0px;
        padding-bottom: 20px;
        margin-bottom: -22px;
    }

        #aktuelnoBox2018 .aktuleno-img, #aktuelnoBox2017 .aktuleno-img {
            margin-top: 15px;
        }

        #aktuelnoBox2017 h2 {
            padding-bottom: 0;
            margin-bottom: 0 !important;
            font-size: 21px;
        }

        #aktuelnoBox2017 h3 {
            margin-bottom: 30px;
        }


    #aboutTelekom2017 {
        margin-top: 0px;
    }

    #aktuelnoBox2017 .aktuleno-imgbox {
        margin-bottom: 2px;
    }


    .accountActions2017#accountActions .dopolni-pripejdKreditBox-title h2 {
        color: white !important;
        padding: 0px 15px;
        display: block;
        margin: 0;
        max-width: 220px;
        background: none;
        font-family: teleNeo-regular !important;
    }
}

@media(min-width:992px) {

    /*#myCarousel2.homepage-slider-full span.glyphicon.glyphicon-chevron-left, #myCarousel2.homepage-slider-full span.glyphicon.glyphicon-chevron-right {
        display: none;
    }*/

    #myCarousel2.homepage-slider-full span.glyphicon.glyphicon-chevron-left, #myCarousel2.homepage-slider-full span.glyphicon.glyphicon-chevron-right {
        background-image: none !important;
        height: 77px;
        margin-top: -45px;
    }

    #myCarousel2.homepage-slider-full .glyphicon-chevron-left:before, #myCarousel2.homepage-slider-full .glyphicon-chevron-right:before {
        content: ']%';
        font-family: 'teleicon-outline';
        color: #333333;
        font-size: 80px;
    }

    #myCarousel2.homepage-slider-full .carousel-control .glyphicon-chevron-right, #myCarousel2.homepage-slider-full .carousel-control .icon-next {
        -ms-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    #myCarousel2.carousel.slide.homepage-slider-full .left.carousel-control, #myCarousel2.carousel.slide.homepage-slider-full .right.carousel-control {
        width: 80px;
        text-shadow: none;
    }

    #myCarousel2.carousel.slide.homepage-slider-full .arrows-z {
        position: initial;
    }

    #myCarousel2.homepage-slider-full .carousel-control .icon-prev, #myCarousel2.homepage-slider-full .carousel-control .glyphicon-chevron-left {
        left: 22px;
    }

    #myCarousel2.homepage-slider-full .carousel-control .icon-next, #myCarousel2.homepage-slider-full .carousel-control .glyphicon-chevron-right {
        right: 22px;
    }
}


@media (max-width: 374px) {

    #aboutTelekom2017 h4.txt-dec-none {
        font-size: 17px;
        max-width: 100%;
    }

    #aboutTelekom2017 .telekomStore-reserveTicket a {
        padding-left: 5px;
    }
}

/*#endregion telekom landing privatni korisnici*/





/* HOMEPAGE SLIDER FULL */

.slider-naslovna-full-width-wraper {
    margin-top: 0;
}





/*#carousel-promotion-phones {
    border: 1px solid #ededed;
}*/

.tab-cont-ponuda {
    /*-webkit-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.16);
    box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.16);*/
    margin-top: -2px;
}

#carousel-promotion-phones, .carousel-promotion-tv, .carousel-promotion-pc {
    border: 1px solid #ededed;
}

.tab-pane-sliderNaslovna #carousel-promotion-phones, .carousel-promotion-tv, .carousel-promotion-pc {
    border: none;
}

.home-boxes-container .ptb15 {
    padding-top: 0 !important;
}

.more-devices {
    padding: 0;
}

a.more-products-homepage-btn {
    border: 2px solid #e20074;
    color: #e20074;
    padding: 5px 15px;
    display: inline-block;
    margin-top: 35px;
    font-family: teleNeo-bold;
    border-radius: 3px;
}

.tab-pane-sliderNaslovna a.more-products-homepage-btn {
    padding: 6px 15px;
    font-size: 18px;
}

a.more-products-homepage-btn:hover {
    text-decoration: none;
    background-color: #e20074;
    color: #fff;
}

a.third.btn.btn-magen.left.white-btn {
    color: #fff;
    border: 2px solid #fff;
    background: transparent;
    font-family: teleNeo-bold;
    position: absolute;
    bottom: 20px !important;
    z-index: 5;
    left: 5%;
}

/*a.third.btn.btn-magen.left.white-btn:hover {
    color: #e20074;
    background: #fff;
}*/

#myCarousel2.homepage-slider-full .carousel-indicators li,
#myCarousel2.homepage-slider-full .carousel-indicators .active {
    background: url(../images/hp-slider-bullets.png) no-repeat;
}

#myCarousel2.homepage-slider-full .carousel-indicators .active {
    background-position: top -21px center;
}



#myCarousel2.homepage-slider-full ol.carousel-indicators {
    bottom: -50px;
}

/*#myCarousel2.homepage-slider-full .carousel-control {
    opacity: 1;
}*/

#myCarousel2.homepage-slider-full span.glyphicon.glyphicon-chevron-left {
    background-image: url('../images/hp-slider-left-arrow.png');
}

#myCarousel2.homepage-slider-full span.glyphicon.glyphicon-chevron-right {
    background-image: url('../images/hp-slider-right-arrow.png');
}

.carousel-promotion-tv-homepage h4.phone-name.pounuda-naslov,
.carousel-homepage-promotion-pc h4.phone-name.pounuda-naslov {
    text-align: left;
    color: #e20074;
}

.tab-pane-sliderNaslovna .carousel-promotion-tv-homepage h4.phone-name.pounuda-naslov,
.tab-pane-sliderNaslovna .carousel-homepage-promotion-pc h4.phone-name.pounuda-naslov {
    text-align: center;
    font-size: 18px;
    color: #383838 !important;
    font-family: 'teleNeo-bold' !important;
}

.tab-pane-sliderNaslovna .carousel-homepage-promotion-pc h4.phone-name.pounuda-naslov {
    min-height: 60px;
}

@media (min-width: 768px) and (max-width:990px) {
    .slider-bg-image, .slider-second-bg-image {
        background-size: auto 280px !important;
        background-repeat: no-repeat;
        height: 280px !important;
    }

    /*#myCarousel2.homepage-slider-full ol.carousel-indicators {
        bottom: 0 !important;
    }*/

    div#myCarousel2.homepage-slider-full {
        margin-bottom: 50px;
    }

    #myCarousel2.homepage-slider-full a.third.btn {
        display: none;
    }

    #device-televizori-collapse .phoneboxDeviceMore {
        margin-top: 0px !important;
    }
}

@media (min-width: 768px) {
    .slider-bg-image, .slider-second-bg-image {
        height: 375px;
        width: 100%;
        background-size: auto;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .slider-naslovna-full-width-wraper .item.active .slider-second-bg-image {
        transition: all ease-in 0.5s;
        transition-delay: 0.5s;
        opacity: 1;
        visibility: visible;
        position: absolute;
        top: 0;
    }
}

.ptb15 {
    padding-top: 5px;
}

@media (min-width: 992px) {
    div#phones-naslovna.phone-box, .more-devices .carousel-promotion-tv-homepage .carousel-inner .phone-box, .more-devices .carousel-homepage-promotion-pc .carousel-inner .phone-box {
        padding: 16px 16px 0 16px;
        border: 0;
    }

    .tab-pane-sliderNaslovna div#phones-naslovna.phone-box, .tab-pane-sliderNaslovna .more-devices .carousel-promotion-tv-homepage .carousel-inner .phone-box {
        padding: 16px 45px 0;
    }

    /*.tab-pane-sliderNaslovna .more-devices .carousel-promotion-tv-homepage .carousel-inner .phone-box {
        padding: 16px 45px 0;
    }*/

    .tab-pane-sliderNaslovna .more-devices .carousel-promotion-tv-homepage .carousel-inner .phone-box {
        padding: 16px 25px 0;
    }

    .tab-pane-sliderNaslovna .carousel-promotion-tv h4.phone-name {
        min-height: 60px;
    }

    .tab-pane-sliderNaslovna .more-devices .carousel-homepage-promotion-pc .carousel-inner .phone-box {
        padding: 16px 30px 0;
        min-height: 430px;
    }

    div#phones-naslovna.phone-box {
        margin: 25px 0 15px 0px;
    }

    #carousel-promotion-phones .carousel-inner > div:nth-of-type(2) div#phones-naslovna.phone-box {
        border-right: 1px solid #f1f1f1;
        border-left: 1px solid #f1f1f1;
    }

    .tab-pane-sliderNaslovna #carousel-promotion-phones .carousel-inner > div:nth-of-type(2) div#phones-naslovna.phone-box, .tab-pane-sliderNaslovna .carousel-promotion-tv .carousel-inner > div:nth-of-type(2) .phone-box {
        border-right: none;
        border-left: none;
    }

    .more-devices .carousel-promotion-tv-homepage .carousel-inner .phone-box, .more-devices .carousel-homepage-promotion-pc .carousel-inner .phone-box {
        margin: 25px 0 -20px 0px;
    }

    #carousel-promotion-phones, .carousel-promotion-tv.carousel-promotion-tv-homepage.carousel.slide, .carousel-promotion-pc.carousel-homepage-promotion-pc.carousel.slide {
        -webkit-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.05);
        -moz-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.05);
        box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.05);
    }

    .tab-pane-sliderNaslovna #carousel-promotion-phones, .tab-pane-sliderNaslovna .carousel-promotion-tv.carousel-promotion-tv-homepage.carousel.slide, .tab-pane-sliderNaslovna .carousel-promotion-pc.carousel-homepage-promotion-pc.carousel.slide {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .side-tabs > li.active {
        -webkit-box-shadow: 0px -2px 7px 1px rgba(0,0,0,0.05);
        -moz-box-shadow: 0px -2px 7px 1px rgba(0,0,0,0.05);
        box-shadow: 0px -2px 7px 1px rgba(0,0,0,0.05);
    }

    .tab-pane-sliderNaslovna .side-tabs > li.active {
        box-shadow: none;
    }

    .homepage-slider-full .arrows-z {
        position: relative;
    }


    .container.container-slider-btn {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    #myCarousel2 .carousel-control .glyphicon-chevron-left, #myCarousel2 .carousel-control .glyphicon-chevron-right, #myCarousel2 .carousel-control .icon-prev, #myCarousel2 .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        /*margin-top: -117px !important;*/
    }

    div#phones-naslovna {
        margin: 25px 0;
        padding: 16px;
    }

    .product-home-img {
        margin-bottom: 30px !important;
        margin-top: 30px !important;
    }

    .side-tabs {
        border-bottom: 0 !important;
    }

        .side-tabs > li > a {
            border: 0 solid #ededed;
            padding: 15px 20px !important;
            margin-right: 0 !important;
        }

            .side-tabs > li > a:hover {
                border-bottom: 0 !important;
            }

        .side-tabs > li.active > a, .side-tabs > li.active > a:hover, .side-tabs > li.active > a:focus {
            padding-right: 0;
            margin-right: 0 !important;
            position: relative;
            border-bottom: 0 !important;
        }

        .side-tabs > li {
            border: 1px solid transparent !important;
        }

            .side-tabs > li.active {
                border: 1px solid #ededed !important;
                background-color: #fff !important;
                border-bottom: 1px solid white !important;
            }

    .tab-pane-sliderNaslovna .side-tabs > li.active {
        border: 1px solid white !important;
    }


    .tab-pane-sliderNaslovna #homepageTabs.side-tabs > li, .tab-pane-sliderNaslovna #homepageTabs.side-tabs > li.active {
        border: none;
        background-color: #fff !important;
        border-bottom: none;
    }

    .side-tabs > li.active span.filter-text {
        position: relative;
    }

        .side-tabs > li.active span.filter-text:after, .tab-pane-sliderNaslovna .side-tabs > li.active a:after {
            content: '';
            width: 100%;
            height: 4px;
            background-color: #e20074;
            display: block;
            bottom: -15px;
            position: absolute;
            top: auto;
            left: 0;
            right: 0;
        }

    .tab-pane-sliderNaslovna .side-tabs > li.active a:after {
        bottom: 0;
    }

    .tab-pane-sliderNaslovna .btn-magen {
        font-size: 18px;
        padding: 6px 20px;
    }

    #myCarousel2.carousel.slide.homepage-slider-full {
        height: 385px !important;
        margin-bottom: 40px;
    }
}

@media(min-width: 768px) and (max-width:991px) {
    /*#homepageTabs-accordion .phone-box .product-home-img {
        display: block !important;
        float: none !important;
    }

    #homepageTabs-accordion .phone-box .txt-cena-naslovna {
        text-align: center !important;
    }*/
    .phone-home-title-wraper {
        border-bottom: none;
    }

    #homepageTabs-accordion .phone-box .tv-oprema h4, #homepageTabs-accordion .phone-box h4 {
        text-align: left;
    }

    #carousel-promotion-phones #phones-naslovna .mob-img img {
        max-width: 100%;
    }
}

@media screen and (max-width: 991px) {
    #homepageTabs-accordion .phone-box h4 {
        position: relative !important;
        left: auto !important;
    }

    #homepageTabs-accordion .phone-box .txt-cena-naslovna {
        width: 100% !important;
        float: none !important;
    }



    #homepageTabs-accordion .phone-box .p-uredi-cena {
        margin-top: 0 !important;
    }

    #homepageTabs-accordion .phone-box .p-uredi-cena {
        margin: 0px auto !important;
        float: none !important;
    }

    #homepageTabs-accordion .phoneboxDeviceMore {
        float: none !important;
    }

    #phones-naslovna h4.phone-name {
        text-align: center !important;
    }

    #homepageTabs-accordion .more-devices > .white-box-left-m-klub-blue {
        position: relative !important;
        bottom: 20px !important;
    }

    div#phones-naslovna .p-uredi-cena, .carousel-promotion-tv-homepage .p-uredi-cena, .carousel-homepage-promotion-pc .p-uredi-cena {
        width: 70%;
        max-width: 70%;
        text-align: center !important;
    }

        div#phones-naslovna .p-uredi-cena .p-left, .carousel-promotion-tv-homepage .p-uredi-cena .p-left, .carousel-homepage-promotion-pc .p-uredi-cena .p-left,
        div#phones-naslovna .p-uredi-cena .p-right, .carousel-promotion-tv-homepage .p-uredi-cena .p-right, .carousel-homepage-promotion-pc .p-uredi-cena .p-right {
            float: none !important;
            display: inline-block !important;
            width: auto !important;
        }

    #homepageTabs-accordion .phone-box h4 {
        text-align: center !important;
    }
}

/*#carousel-promotion-phones .carousel-inner .item:nth-child(2) #phones-naslovna,
.carousel-promotion-tv-homepage .carousel-inner .item:nth-child(2) .phone-box,
.carousel-homepage-promotion-pc .carousel-inner .item:nth-child(2) .phone-box {
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
}*/

.carousel-promotion-tv-homepage .carousel-inner .phone-box,
.carousel-homepage-promotion-pc .carousel-inner .phone-box {
    margin: 25px 0;
    padding: 16px;
}

div#phones-naslovna h4.phone-name {
    font-size: 16px;
    color: #e20073 !important;
    text-align: left;
}

.tab-pane-sliderNaslovna div#phones-naslovna h4.phone-name {
    font-size: 18px;
    color: #383838 !important;
    text-align: center;
    font-family: 'teleNeo-bold' !important;
}

.tab-pane-sliderNaslovna #phones-naslovna .product-home-img {
    /*height: 240px;*/
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
}

    .tab-pane-sliderNaslovna #phones-naslovna .product-home-img .table-img {
        width: 400px;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -200px;
    }

.tab-pane-sliderNaslovna #devices-mobilni .phone-box .table-img > img {
    display: block;
    margin: 0 auto;
}

div#phones-naslovna .p-uredi-cena,
.carousel-promotion-tv-homepage .p-uredi-cena,
.carousel-homepage-promotion-pc .p-uredi-cena {
    margin: inherit;
    text-align: left;
}

    div#phones-naslovna .p-uredi-cena .p-left,
    .carousel-promotion-tv-homepage .p-uredi-cena .p-left,
    .carousel-homepage-promotion-pc .p-uredi-cena .p-left {
        float: left;
        width: auto !important;
        text-align: left;
        padding-right: 5px;
    }

    #phones-naslovna .p-uredi-cena .p-right,
    .carousel-promotion-tv-homepage .p-uredi-cena .p-right,
    .carousel-homepage-promotion-pc .p-uredi-cena .p-right {
        float: left;
        width: auto;
    }

#device-televizori .carousel-promotion-tv-homepage a.mt15,
.carousel-homepage-promotion-pc a.mt15 {
    margin-top: 0 !important;
}

#phones-naslovna .txt-cena-naslovna {
    /*text-align: right;
    padding-top: 0;*/
    text-align: left;
    padding-top: 5px;
    border-top: 0;
}

#phones-naslovna .txt-cena-naslovna {
    padding-top: 10px;
}

.tab-pane-sliderNaslovna #phones-naslovna .txt-cena-naslovna {
    padding-top: 5px;
}

.tab-pane-sliderNaslovna #phones-naslovna .txt-cena-naslovna {
    text-align: left;
    padding-top: 5px;
    border-top: 0;
}

.home-boxes-container p.txt-cena-naslovna {
    padding-bottom: 0;
    min-height: 20px;
}

.phone-home-title-wraper {
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px;
}

.tab-pane-sliderNaslovna .carousel-promotion-pc.carousel-homepage-promotion-pc .phone-home-title-wraper {
    margin-bottom: 20px;
}

.tab-pane-sliderNaslovna .phone-home-title-wraper {
    border-bottom: none;
}

.phone-home-title-wraper:before, .phone-home-title-wraper:after {
    content: '';
    clear: both;
    display: table;
}

@media (max-width:991px) {
    #aktuelnoBox2018 .aktuleno-img.left-small-banner, #aktuelnoBox2018 .aktuleno-img.right-small-banner {
        min-height: 420px;
        height: 420px;
    }

        #aktuelnoBox2018 .aktuleno-img.left-small-banner img {
            width: 260px;
        }

    .slider-naslovna-full-width-wraper.slider-naslovna2 .item {
        background-position: 64% 0 !important;
    }

        .slider-naslovna-full-width-wraper.slider-naslovna2 .item.partner-magenta {
            background-position: 80% 0% !important;
        }

        .slider-naslovna-full-width-wraper.slider-naslovna2 .item.popustBanner {
            background-position: 52% 0px !important;
        }

    #homepageTabs-accordion .ratiWrapper-landing, #homepageTabs-accordion .btnMoreWrapper-landing, #homepageTabs-accordion #phones-naslovna h4.phone-name, #homepageTabs-accordion .phone-box .p-uredi-cena {
        text-align: left !important;
        max-width: 100%;
    }

    .tab-pane-sliderNaslovna #homepageTabs-accordion .ratiWrapper-landing {
        padding-left: 0 !important;
    }

    #homepageTabs-accordion .btnMoreWrapper-landing {
        padding-top: 5px;
    }

    .tab-pane-sliderNaslovna #homepageTabs-accordion .btnMoreWrapper-landing {
        padding-bottom: 20px;
    }

    #homepageTabs-accordion .phone-box .btnMoreWrapper-landing .p-uredi-cena, #homepageTabs-accordion .phone-box .btnMoreWrapper-landing .p-uredi-cena {
        width: 100%;
        max-width: 100%;
    }

    .phone-home-title-wraper {
        border-bottom: 0px;
    }

    #homepageTabs-accordion .phone-home-title-wraper {
        width: 50%;
        float: left;
    }

    .tab-pane-sliderNaslovna #homepageTabs-accordion .phone-home-title-wraper {
        margin-bottom: 30px;
    }

    #homepageTabs-accordion .btnMoreWrapper-landing {
        padding-left: 0px;
    }

    #homepageTabs-accordion .phoneboxDeviceMore {
        margin-top: 20px;
    }

    #homepageTabs-accordion .phone-box .tv-oprema h4, #homepageTabs-accordion .phone-box h4 {
        font-size: 16px;
        max-width: 100%;
        text-align: left !important;
    }

    .tab-pane-sliderNaslovna #homepageTabs-accordion .phone-box .tv-oprema h4 {
        padding: 0 15px 0 0px;
    }
}

.item .slider-second-bg-image {
    transition: all ease-in 0.5s;
    opacity: 0;
}

.item.active .slider-second-bg-image {
    opacity: 1;
}

.ponuda-na-uredi .mob-img img {
    max-height: 223px;
}

.svg-image-on-main-to-load {
    width: 70px;
}

#devices-mobilni .phone-box .table-img > img {
    max-height: 100%;
    max-width: 218px;
}

.tab-pane-sliderNaslovna #devices-mobilni .phone-box .table-img > img {
    max-width: none;
}

.btns-MoreAlign {
    text-align: right;
}
/* end of HOMEPAGE SLIDER FULL */



/*#region osiguuruvanje page*/

.inner-cont .osiguruvanje-first-row {
    text-align: left;
    position: relative;
    margin-bottom: 40px;
}

    .inner-cont .osiguruvanje-first-row h1 {
        font-family: teleNeo-bold !important;
        text-transform: uppercase;
        font-size: 50px;
        text-align: left;
        margin: 0 !important;
    }

        .inner-cont .osiguruvanje-first-row h1 span {
            display: block;
            color: #fff;
            font-family: 'teleNeo-regular';
        }

.osuguruvanje-first-row-text p {
    color: #6c6c6c;
    font-size: 18px;
}

    .osuguruvanje-first-row-text p.small {
        font-size: 14px;
    }

.osuguruvanje-first-row-text ul li {
    font-size: 17px;
}

.osiguruvanje-first-row .skrshen-ekran {
    position: absolute;
    top: 24px;
    width: 250px;
    right: 11%;
}

#osiguruvanje-wraper .osiguruvanje-first-row h2 {
    text-transform: uppercase;
    color: #e20074;
    text-align: left;
    font-size: 30px;
    font-family: 'teleNeo-regular' !important;
}

    #osiguruvanje-wraper .osiguruvanje-first-row h2:last-of-type {
        padding-top: 20px;
    }

#osiguruvanje-wraper .osiguruvanje-first-row ul li {
    font-size: 18px;
    display: block;
    background: url(../images/list-bullet.png) 0 11px no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    margin-left: 15px;
}

#osiguruvanje-wraper ul.terms-and-conditions-osiguruvanje {
    margin-top: 30px;
}

.inner-cont ul.terms-and-conditions-osiguruvanje li {
    color: #6c6c6c;
    font-size: 13px;
    background: none;
    margin-left: 0;
    padding-left: 15px;
    position: relative;
}

    .inner-cont ul.terms-and-conditions-osiguruvanje li:before {
        content: '';
        width: 4px;
        height: 4px;
        display: block;
        position: absolute;
        top: 8px;
        left: 5px;
        background: #6c6c6c;
        border-radius: 50%;
    }


.osuguruvanje-first-row-title {
    background: url(../content/images/osiguruvanje-bg.jpg) #e20074 top center no-repeat;
    padding: 35px 35px;
    width: 100%;
    position: relative;
    height: 390px;
    background-position: center;
    background-size: cover;
}

    .osuguruvanje-first-row-title h1 {
        position: relative;
        /*color: #414141;*/
        font-size: 35px;
        font-family: 'teleNeo-bold' !important;
        display: inline;
        float: left;
        width: 49%;
        color: white;
        top: 30%;
    }

        .osuguruvanje-first-row-title h1 span {
            color: white;
        }



.osuguruvanje-first-row-text {
    padding-right: 0;
}

    .osuguruvanje-first-row-text.pr-0 {
        padding-right: 0;
    }

#osiguruvanje-wraper .dark-blue-bcg {
    position: relative;
    background: #1063AD;
    color: white;
    padding: 20px 0;
    margin: 40px 0 30px 0;
}

    #osiguruvanje-wraper .dark-blue-bcg .wrapper {
        position: relative;
        width: 100%;
    }

        #osiguruvanje-wraper .dark-blue-bcg .wrapper h2 {
            position: relative;
            text-transform: uppercase;
            font-family: 'teleNeo-bold' !important;
            padding-right: 150px;
        }

        #osiguruvanje-wraper .dark-blue-bcg .wrapper a {
            position: absolute;
            width: 120px !important;
            top: 0;
            right: 0;
            bottom: 0;
            width: auto;
            height: 40px;
        }

@media (min-width:768px) and (max-width:990px) {
    #osiguruvanje-wraper .osiguruvanje-first-row h1 {
        font-size: 40px;
    }

    .osiguruvanje-first-row .skrshen-ekran {
        max-width: 240px;
    }
}


@media (max-width:767px) {
    .white-box-left-m-klub-blue a.more-products-homepage-btn {
        width: 50%;
        margin: 20px auto;
        display: block;
    }

    #osiguruvanje-wraper .dark-blue-bcg .wrapper h2 {
        font-size: 21px;
    }

    #osiguruvanje-wraper .osiguruvanje-first-row h1 {
        font-size: 28px;
    }



    .osiguruvanje-first-row .skrshen-ekran {
        max-width: 200px;
    }

    .osuguruvanje-first-row-title {
        padding: 20px 165px 210px 20px;
        height: auto;
    }

    #osiguruvanje-wraper .osiguruvanje-first-row h2 {
        font-size: 24px;
    }

    #aktuelnoBox2018 .aktuleno-img.left-small-banner, #aktuelnoBox2018 .aktuleno-img.right-small-banner {
        min-height: 350px;
        height: 350px;
    }

        #aktuelnoBox2018 .aktuleno-img.left-small-banner img {
            width: 210px;
            padding: 30px 30px;
        }

        #aktuelnoBox2018 .aktuleno-img.left-small-banner .iphone-buttons {
            right: 20px;
            bottom: 20px;
        }

        #aktuelnoBox2018 .aktuleno-img.right-small-banner img {
            padding: 10px 20px 70px;
        }

        #aktuelnoBox2018 .aktuleno-img.right-small-banner .btn-white-border {
            bottom: 20px;
        }
}

@media (max-width:600px) {
    #osiguruvanje-wraper .osiguruvanje-first-row h1 {
        font-size: 28px;
    }



    .osiguruvanje-first-row .skrshen-ekran {
        max-width: 180px;
    }

    #osiguruvanje-wraper .osiguruvanje-first-row h2 {
        font-size: 18px;
    }
}

@media (max-width:480px) {
    .osiguruvanje-first-row .skrshen-ekran {
        max-width: 100px;
    }

    #osiguruvanje-wraper .osiguruvanje-first-row h1 {
        font-size: 22px;
    }

    .osuguruvanje-first-row-title {
        padding: 15px 100px 155px 15px;
    }
}

@media (min-width:380px) and (max-width:480px) {
}

@media (max-width: 767px) {
    #osiguruvanje-wraper .tableWidgetArrow > .arr.chevron-right:before {
        color: #fff;
    }

    #osiguruvanje-wraper .tableWidgetArrow > .arr.chevron-right {
        right: 14px !important;
        top: 25px;
    }

    #osiguruvanje-wraper a.tableWidgetArrow.twprev {
        left: 19px;
    }

    #osiguruvanje-wraper .tableWidgetArrow > .arr.chevron-left:before {
        color: #fff !important;
    }

    #osiguruvanje-wraper .osiguruvanje-web.table-responsive table.table-blue thead tr th:not(:first-of-type) {
        text-align: center;
    }

    .inner-cont .osuguruvanje-first-row-text p {
        line-height: 1;
    }
}

.osiguruvanje-web table {
    width: 100%;
    font-size: 17px;
}

#osiguruvanje-wraper iframe {
    position: relative;
    margin: 30px 0;
    width: 100%;
}

.osiguruvanje-web table.table-blue tbody td, .osiguruvanje-web.table-responsive table.table-blue thead tr th {
    border: 10px solid #fff !important;
    padding: 10px 20px !important;
}

    .osiguruvanje-web.table-responsive table.table-blue thead tr th:not(:first-of-type) {
        background-color: #e20074 !important;
        color: white;
        font-family: 'teleNeo-medium';
    }

    .osiguruvanje-web.table-responsive table.table-blue thead tr th:first-of-type {
        border-right: 25px solid #fff !important;
    }

.osiguruvanje-web table tbody tr td:first-of-type {
    background-color: #999b9e;
    color: white;
    font-family: 'teleNeo-regular';
    border-right: 25px solid #fff !important;
    border-left: 0px solid #fff !important;
}

.osiguruvanje-web table tbody tr td, .osiguruvanje-web table thead tr th {
    border-left: 20px solid #fff !important;
}

.osiguruvanje-web table.table-blue td + td, .osiguruvanje-web table.table-blue th + th, .osiguruvanje-web table.table-blue td + td + td, .osiguruvanje-web table.table-blue th + th + th {
    background-color: #c7c8ca;
    color: #383838;
    font-family: 'teleNeo-bold' !important;
}
/*#endregion osiguuruvanje page*/
#internet-tv-paketi.office-complete-paketi-title-new {
    position: relative;
}

    #internet-tv-paketi.office-complete-paketi-title-new .EC-complete {
        position: absolute;
        right: 100px;
        bottom: -80px;
    }

@media(max-width:767px) {
    #internet-tv-paketi.office-complete-paketi-title-new .EC-complete {
        right: 0px;
        bottom: -80px;
    }
}


/*#region banner landing mobile*/


.dopolni-pripejd-kredit .bannerLandingMobile a {
    background-image: none;
    background-position: initial;
    background-color: transparent;
    padding: 0;
    display: inline-block;
}

    .dopolni-pripejd-kredit .bannerLandingMobile a:first-of-type {
        margin-right: 5px;
    }

.bannerLandingMobile {
    background-color: #f1f2f6;
}

    .bannerLandingMobile .bannerMobileBox {
        background-color: white;
        margin-top: 35px;
        display: table;
        width: 100%;
    }

    .bannerLandingMobile .bannerMobileBoxImg {
        display: table-cell;
        width: 33%;
        vertical-align: bottom;
    }

        .bannerLandingMobile .bannerMobileBoxImg img {
            padding: 10px 0 0;
        }

    .bannerLandingMobile .bannerMobileBoxApp {
        display: table-cell;
        width: 67%;
        vertical-align: middle;
        padding-right: 15px;
    }

        .bannerLandingMobile .bannerMobileBoxApp h3 {
            font-family: 'teleNeo-bold' !important;
            color: #e20074;
            font-size: 14px;
            width: 100%;
            margin: 0;
            margin-bottom: 12px;
        }


@media (max-width: 374px) {

    .bannerLandingMobile .bannerMobileBoxImg {
        width: 30%;
    }

    .bannerLandingMobile .bannerMobileBoxApp {
        width: 70%;
    }

    .bannerLandingMobile .bannerMobileBoxImg img {
        padding: 15px 0 0;
        width: 85%;
    }

    .bannerLandingMobile .bannerMobileBoxApp h3 {
        width: 100%;
    }
}



/*#endregion banner landing mobile*/



#ns-content .fullFluidBanner img {
    margin: 0 auto;
    display: block;
}

#ns-content .fullWidthBanner img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.icon-scroll:before {
    position: absolute;
    left: 50%;
}

.icon-scroll {
    width: 35px;
    height: 60px;
    margin-left: -20px;
    top: auto;
    margin-top: 0;
    box-shadow: inset 0 0 0 1px #777777;
    border-radius: 25px;
    position: absolute;
    bottom: 81px;
    left: 0;
    right: 0;
    margin: auto;
}

    .icon-scroll:before {
        content: '';
        width: 8px;
        height: 8px;
        background: #777777;
        margin-left: -4px;
        top: 8px;
        border-radius: 4px;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: scroll;
        animation-name: scroll;
    }

@-webkit-keyframes scroll {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(46px);
        transform: translateY(46px);
    }
}

@keyframes scroll {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(46px);
        transform: translateY(46px);
    }
}





.reports-full, .publication-full.objavi-NL-full {
    margin-bottom: 14px;
}

.publication-full {
    margin-bottom: 30px;
}

    .reports-full .reports-full-txt, .publication-full .publication-full-txt {
        padding: 30px 20px 40px 20px;
    }

    .reports-full img, .publication-full img {
        width: 100%;
    }

    .reports-full h3, .publication-full h3 {
        color: #555;
        text-transform: uppercase;
        font-size: 18px;
        padding: 0 0 5px;
        border-bottom: 1px dotted #e5e5e5;
        margin: 0;
        margin-bottom: 20px;
    }

@media (max-width: 991px) {

    .reports-full .pr7, .publication-full .pr7 {
        padding-right: 15px !important;
    }

    .reports-full .pl7, .publication-full .pl7 {
        padding-left: 15px !important;
    }
}

@media (max-width: 767px) {

    .reports-full h3, .publication-full h3 {
        margin-bottom: 20px;
    }
}

/*#region questions and answers*/

#qa-landing h1 {
    font-size: 36px;
    text-align: left;
    font-family: 'teleNeo-bold' !important;
    color: white;
    padding-top: 110px;
}

#qa-landing .qa-banner {
    background: url('../content/images/qa-banner.jpg') no-repeat center;
    background-size: cover;
    min-height: 375px;
    position: relative;
}

    #qa-landing .qa-banner .search-bar-qa {
        position: absolute;
        display: table;
        width: 310px;
        bottom: 17px;
        margin: 0 auto;
        padding: 10px 15px;
        left: 0;
        right: 0;
        background-color: rgba(255, 255, 255, 0.7);
    }

        #qa-landing .qa-banner .search-bar-qa input.search-qa {
            position: relative;
            display: table-cell;
            width: 100%;
            outline: none;
            background-color: transparent;
            border: 0;
            border-radius: 0;
            font-size: 19px;
            padding: 0;
            color: black;
            margin: 0 auto;
            margin-bottom: 0;
            line-height: 0;
        }

        #qa-landing .qa-banner .search-bar-qa .qa-search-icon {
            position: relative;
            width: 30px;
            display: table-cell;
            width: 15%;
        }

            #qa-landing .qa-banner .search-bar-qa .qa-search-icon:after {
                content: ']q';
                font-family: 'teleicon-outline';
                position: absolute;
                font-size: 25px;
                color: #383838;
                z-index: 999;
                top: 50%;
                right: 0;
                transform: translatey(-50%);
            }

#qa-landing .qa-greyBox {
    position: relative;
    background: #f1f2f2;
    padding: 40px 0;
}

    #qa-landing .qa-greyBox .qa-box .qa-header {
        /*margin-bottom: 2px;*/
        border-bottom: 2px solid #f1f2f2;
        padding: 18px 22px;
    }

/*.qa-greyBox .container .row > div {
    padding: 0 7px;
}

.qa-greyBox .container .row {
    margin-right: -7px;
    margin-left: -7px;
}*/

#qa-landing .qa-fullBox {
    display: table;
    width: 100%;
    border-spacing: 10px 0;
}

#qa-landing .qa-box {
    display: table-cell;
    width: 25%;
    background: white;
}

#qa-landing .qa-row {
    margin-left: -10px;
    margin-right: -10px;
}

#qa-landing .qa-box.qa-kupi-online {
    position: relative;
    vertical-align: middle;
    text-align: center;
    background: #e20074;
}

    #qa-landing .qa-box.qa-kupi-online h3 {
        color: white;
        font-family: 'teleNeo-extra' !important;
        font-size: 39px;
        margin: 0;
    }

    #qa-landing .qa-box.qa-kupi-online a {
        display: block;
        padding: 50% 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        text-decoration: none;
    }

#qa-landing .qa-greyBox .qa-box .qa-header h3 {
    font-size: 17px;
    text-transform: uppercase;
    color: black;
    margin: 0;
    font-family: 'teleNeo-medium' !important;
}

#qa-landing .qa-greyBox .qa-box .qa-content {
    position: relative;
    padding: 18px 22px 22px;
}



#qa-landing .nav-tabs-qa {
    position: relative;
    background-color: #2e333b;
}

    #qa-landing .nav-tabs-qa ul {
        border-bottom: 0 !important;
        display: table;
        width: 100%;
    }

        #qa-landing .nav-tabs-qa ul li {
            display: table;
            width: 16.4%;
            margin: 0 1px 0 1px;
            padding: 15px 20px;
            height: 110px;
            background-color: #565d67;
            color: white;
            font-size: 19px;
            line-height: 1.2;
            vertical-align: middle;
            border-radius: 0 !important;
            display: table-cell;
            cursor: pointer;
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -ms-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

            #qa-landing .nav-tabs-qa ul li:hover {
                color: #d1d1d1;
            }

            #qa-landing .nav-tabs-qa ul li.active {
                background-color: white;
                color: black;
                border-radius: 0 !important;
            }

                #qa-landing .nav-tabs-qa ul li.active:before {
                    content: '';
                    height: 7px;
                    width: 100%;
                    position: absolute;
                    top: -7px;
                    background-color: white;
                    left: 0;
                    z-index: 0;
                }

#qa-landing #myTabContent-qa-desctop .panel-group {
    width: 80%;
    margin: 55px auto 80px auto;
}

#qa-landing .tab-content .panel-group .panel + .panel {
    margin-top: 0;
}

#qa-landing .tab-content .panel-group .panel.panel-default {
    border: 0;
}

    #qa-landing .tab-content .panel-group .panel.panel-default .panel-heading {
        background-color: transparent;
        border-top: 1px solid #e5e5e5;
        padding: 0;
    }

    #qa-landing .tab-content .panel-group .panel.panel-default:nth-child(1) .panel-heading {
        border-top: 0;
    }

    #qa-landing .tab-content .panel-group .panel.panel-default .panel-heading .panel-title {
        padding-top: 0;
    }

    #qa-landing .tab-content .panel-group .panel.panel-default > .panel-heading + .panel-collapse > .panel-body {
        border: 0 !important;
        padding-left: 0;
        font-size: 17px;
    }

    #qa-landing .tab-content .panel-group .panel.panel-default .panel-heading .panel-title a {
        font-size: 19px;
        display: block;
        padding: 30px 35px 30px 0;
        text-decoration: none;
        position: relative;
    }

        #qa-landing .tab-content .panel-group .panel.panel-default .panel-heading .panel-title a:hover,
        #qa-landing .tab-content .panel-group .panel.panel-default .panel-heading .panel-title a:focus {
            color: inherit;
            text-decoration: none;
        }

        #qa-landing .tab-content .panel-group .panel.panel-default .panel-heading .panel-title a:after {
            content: ']$';
            font-family: 'teleicon-outline';
            position: absolute;
            color: #e20074;
            font-size: 22px;
            top: 40px;
            right: 20px;
            margin: auto;
            transform: rotateZ(-180deg);
            transition-property: transform;
            transition-duration: .25s;
        }

        #qa-landing .tab-content .panel-group .panel.panel-default .panel-heading .panel-title a.collapsed:after {
            content: ']$';
            font-family: 'teleicon-outline';
            position: absolute;
            color: #e20074;
            font-size: 22px;
            top: 32px;
            right: 20px;
            margin: auto;
            transform: rotateZ(0deg);
            transition-property: transform;
            transition-duration: .25s;
        }

#qa-landing .qa-greyBox .qa-box .qa-content p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    /*min-height: 192px;*/
}


#qa-landing .qa-banner .search-bar-qa input.search-qa:focus {
    outline: none !important;
    box-shadow: none !important;
}

#qa-landing #myTabContent-qa-desctop .panel-body ul li {
    display: block;
    background: url(../images/list-bullet.png) 0 11px no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    margin-left: 15px;
}

@media (min-width:992px) and (max-width:1199px) {
    #qa-landing .nav-tabs-qa ul li {
        /*width: 19.7% !important;*/
        padding: 15px 10px !important;
        display: table-cell;
    }

    #qa-landing .qa-greyBox .qa-box .qa-content p {
        min-height: 130px !important;
    }

    #qa-landing .qa-greyBox .qa-box .qa-header {
        padding: 20px 15px;
    }

    /*#qa-landing .qa-greyBox .qa-box .qa-content {
        padding: 25px 15px;
        min-height: 242px;
    }*/
}

@media (max-width: 991px) {
    #qa-landing .nav-tabs-qa ul li a {
        font-size: 16px !important;
        padding: 20px 5px !important;
    }
}

@media (min-width:768px) and (max-width:991px) {

    #qa-landing .qa-row {
        margin-left: auto;
        margin-right: auto;
    }

    #qa-landing .qa-fullBox {
        display: block;
        border-spacing: 0;
    }

    #qa-landing .qa-box {
        display: inline-block;
        width: 47%;
        float: left;
        margin: 10px 11px;
        min-height: 285px;
    }

    #qa-landing .qa-banner .search-bar-qa input.search-qa {
        width: 35% !important;
    }

    #qa-landing .qa-banner .search-bar-qa .qa-search-icon {
        right: 30% !important;
    }

    #qa-landing .qa-box.qa-kupi-online a {
        padding: 22% 0;
    }

    #qa-landing h1 {
        font-size: 31px;
    }

    #qa-landing .nav-tabs-qa ul li {
        /*width: 19.7% !important;*/
        display: table-cell;
        height: 100px !important;
        font-size: 17px !important;
    }

    #qa-landing .nav-tabs-qa ul li {
        padding: 15px 5px;
    }

    #qa-landing .qa-greyBox .qa-box .qa-header h3 {
        font-size: 16px !important;
    }
}


@media (max-width:767px) {

    #qa-landing .qa-landing-header {
        padding: 0px 0 25px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    #qa-landing .qa-greyBox {
        padding: 25px 0;
    }

    #qa-landing .qa-box {
        display: block;
        width: 100%;
    }

        #qa-landing .qa-box.qa-kupi-online a {
            padding: 9% 0;
            position: relative;
        }

    #qa-landing h1 {
        font-size: 26px !important;
    }

    #qa-landing .qa-banner {
        min-height: 255px !important;
    }

    #qa-landing .qa-greyBox .qa-box .qa-content {
        margin-bottom: 15px;
    }

    #qa-landing .qa-box.qa-kupi-online h3 {
        font-size: 31px;
    }

    #qa-landing .qa-greyBox .qa-box .qa-content p {
        min-height: 90px !important;
    }

    #qa-landing .qa-banner .search-bar-qa input.search-qa {
        width: 90% !important;
    }

    #qa-landing .qa-banner .search-bar-qa .qa-search-icon {
        right: 10px !important;
    }


    #qa-landing #myTabContent-qa-desctop .dc-tab_drawer_heading {
        position: relative;
        background: #2e333b;
        color: white;
        padding: 20px 15px;
        width: 100%;
        margin: 0 auto 1px;
        font-size: 17px;
    }


        #qa-landing #myTabContent-qa-desctop .dc-tab_drawer_heading.dc-active:after {
            content: ']$';
            font-family: 'teleicon-outline';
            position: absolute;
            color: rgba(255, 255, 255, 0.6);
            font-size: 18px;
            top: 15px;
            right: 17px;
            margin: auto;
            transform: rotateZ(0deg);
        }

        #qa-landing #myTabContent-qa-desctop .dc-tab_drawer_heading:after {
            content: ']$';
            font-family: 'teleicon-outline';
            position: absolute;
            color: rgba(255, 255, 255, 0.6);
            font-size: 18px;
            top: 15px;
            right: 17px;
            margin: auto;
            transform: rotateZ(-180deg);
            transition-property: transform;
            transition-duration: .25s;
        }

    #qa-landing .tab-content .panel-group .panel.panel-default .panel-heading .panel-title a.collapsed:after,
    #qa-landing .tab-content .panel-group .panel.panel-default .panel-heading .panel-title a:after {
        top: 25px !important;
        right: 10px !important;
    }

    #qa-landing .tab-content .panel-group .panel.panel-default > .panel-heading + .panel-collapse > .panel-body {
        font-size: 16px !important;
        padding-left: 10px !important;
    }

    #qa-landing .tab-content .panel-group .panel.panel-default .panel-heading .panel-title a {
        font-size: 17px !important;
        padding: 20px 35px 20px 0 !important;
    }

    #qa-landing .tab-content .panel-group {
        width: 100% !important;
        margin: 20px auto !important;
    }
}


/*#endregion QA*/


#magenta1-biznis-wraper .m1b-office-box-trojno-povekje {
    padding: 20px 0 40px;
}

    #magenta1-biznis-wraper .m1b-office-box-trojno-povekje .trojno-povekje-box {
        text-align: left;
        width: 55%;
        margin: 0 auto;
    }

    #magenta1-biznis-wraper .m1b-office-box-trojno-povekje h4 {
        font-family: 'teleNeo-bold' !important;
    }

    #magenta1-biznis-wraper .m1b-office-box-trojno-povekje .surfajte-vo-stranstvo {
        text-align: left;
        width: 55%;
        margin: 0 auto;
    }

        #magenta1-biznis-wraper .m1b-office-box-trojno-povekje .surfajte-vo-stranstvo h4 {
            font-family: 'teleNeo-bold' !important;
        }

#mag1BusinessServices .uslugi-office365-accordion .magenta-ec-online-prostor {
    position: relative;
    right: 32%;
    width: 65px;
    height: auto;
    float: right;
}

/*#region skroeni po vasa merka*/

#skroeniPoVasaMerka .skroeniPoVasaMerka-box {
    border-top: 1px solid rgba(230, 230, 230, 0.8);
}

    #skroeniPoVasaMerka .skroeniPoVasaMerka-box p {
        font-size: 17px;
    }

#skroeniPoVasaMerka .skroeniPoVasaMerka-banner {
    position: relative;
    background-image: url('../content/images/skroeni-po-vasha-merka-banner.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
    padding: 25px;
}

#skroeniPoVasaMerka section.skroeniPoVasaMerka-box {
    padding: 40px 0 40px;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-banner h1 {
    bottom: 90px;
    position: absolute;
}

    #skroeniPoVasaMerka .skroeniPoVasaMerka-banner h1.naslov-banner span:first-of-type {
        font-family: 'teleNeo-extra' !important;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-banner h1.naslov-banner span {
        position: relative;
        color: white;
        background: #e20074;
        display: inline;
        line-height: 1.3;
        font-size: 44px;
        padding: 0 8px;
    }

#skroeniPoVasaMerka .skroeniPoVashaMerka-white-bcg {
    padding: 50px 0 40px;
    text-align: center;
}

    #skroeniPoVasaMerka .skroeniPoVashaMerka-white-bcg h1.naslov-whiteBcg {
        font-size: 31px;
        margin-bottom: 30px;
        font-family: teleNeo-extra !important;
    }

    #skroeniPoVasaMerka .skroeniPoVashaMerka-white-bcg h2 {
        font-size: 22px;
        text-transform: none;
        width: 70%;
        margin: 0 auto;
        margin-bottom: 30px;
        font-family: 'teleNeo-regular' !important;
    }

#skroeniPoVasaMerka section.skroeniPoVasaMerka-one {
    background-image: url(../content/images/skroeni-po-vasha-merka-slika1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right 30% center;
    position: relative;
}

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-one > img, #skroeniPoVasaMerka section.skroeniPoVasaMerka-three > img {
        position: absolute;
        top: 0;
        left: -10%;
    }

#skroeniPoVasaMerka p, #skroeniPoVasaMerka h2 {
    color: #000000;
}

#skroeniPoVasaMerka section.skroeniPoVasaMerka-one .skroeniPoVasaMerka-img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-one .skroeniPoVasaMerka-img img {
        left: 18%;
        position: relative;
    }

#skroeniPoVasaMerka .skroeniPoVasaMerka-box h2 {
    text-transform: uppercase;
    font-family: teleNeo-extra !important;
    margin-bottom: 30px;
    text-align: center;
    width: 260px;
    margin: 0px auto 50px;
    color: black;
    font-size: 22px;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-five .skroeniPoVasaMerka-text:first-of-type, #skroeniPoVasaMerka .skroeniPoVasaMerka-six .skroeniPoVasaMerka-text:first-of-type {
    margin-bottom: 35px;
}

#skroeniPoVasaMerka a.btn {
    font-size: 17px;
    border-radius: 3px;
    padding: 8px 20px;
    bottom: auto;
}

/*section.skroeniPoVasaMerka-box.skroeniPoVasaMerka-one a.btn {
    background: transparent;
}*/

#skroeniPoVasaMerka .skroeniPoVasaMerka-leftTxt {
    width: 40%;
    position: relative;
    float: left;
    z-index: 10;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-rightTxt {
    width: 50%;
    position: relative;
    float: right;
    padding-left: 80px;
}

#skroeniPoVasaMerka section.skroeniPoVasaMerka-one .skroeniPoVasaMerka-leftTxt h2 span {
    font-family: 'teleNeo-extra' !important;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-eight textarea {
    height: 35px;
}
/*#endregion skroeni po vasa merka*/
/*#region e-smetka nagradna igra*/
#e-smetka-nagradna-igra .e-smetka-nagradna-igra-header {
    background-image: url(../content/images/e-smetka-banner1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    position: relative;
}

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header .container {
        position: relative;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header img {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 280px;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header .e-smetka-nagradna-igra-content {
        position: relative;
        width: 65%;
        padding: 12% 0;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header h1 {
        color: white;
        font-family: 'teleNeo-extra' !important;
        font-size: 54px;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header h2 {
        color: white;
        font-size: 46px;
        font-family: 'teleNeo-thin' !important;
        margin-top: 20px;
    }

#e-smetka-nagradna-igra section.white-bcg {
    background: white;
    padding: 50px 0;
    text-align: center;
}

    #e-smetka-nagradna-igra section.white-bcg h2 {
        text-transform: uppercase;
        font-family: teleNeo-extra !important;
        font-size: 36px;
        margin-bottom: 30px;
    }

    #e-smetka-nagradna-igra section.white-bcg p {
        width: 80%;
        font-size: 17px;
        margin: 0 auto;
        line-height: 1.2;
    }

    #e-smetka-nagradna-igra section.white-bcg a {
        position: relative;
        width: auto;
        font-size: 22px;
        text-decoration: underline;
        font-family: 'teleNeo-bold' !important;
        padding-top: 50px;
        display: block;
    }

        #e-smetka-nagradna-igra section.white-bcg a.dobitnici {
            padding-top: 15px !important;
        }

        #e-smetka-nagradna-igra section.white-bcg a:focus {
            outline: none;
        }

#e-smetka-nagradna-igra section.magenta-bcg {
    background: #e20074;
    padding: 40px 0;
    text-align: center;
}

    #e-smetka-nagradna-igra section.magenta-bcg h2 {
        color: white;
        font-size: 36px;
        font-family: teleNeo-regular;
    }

        #e-smetka-nagradna-igra section.magenta-bcg h2 span {
            font-family: teleNeo-extra !important;
        }

    #e-smetka-nagradna-igra section.magenta-bcg .e-smetka-dates {
        position: relative;
        color: white;
        line-height: 27px;
        font-size: 29px;
        padding-top: 15px;
    }

#e-smetka-nagradna-igra .e-smetka-nagradna-igra-telefoni {
    background-image: url('../content/images/e-smetka-banner2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    position: relative;
    padding-top: 60px;
}

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-telefoni .container {
        height: 100%;
        position: relative;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-telefoni h2 {
        color: white;
        font-size: 36px;
        font-family: teleNeo-extra !important;
        margin-bottom: 50px;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-telefoni .e-smetka-nagradna-igra-img {
        position: relative;
    }

#e-smetka-nagradna-igra section.e-smetka-nagradna-igra-vkluci-se {
    position: relative;
    padding: 50px 0;
    background: white;
    text-align: center;
}

    #e-smetka-nagradna-igra section.e-smetka-nagradna-igra-vkluci-se h2 {
        font-family: teleNeo-extra !important;
        font-size: 36px;
    }

    #e-smetka-nagradna-igra section.e-smetka-nagradna-igra-vkluci-se a.e-smetka-nagradna-igra-vkluci-se-btn {
        display: block;
        text-transform: uppercase;
        background-color: #e20074;
        border-radius: 30px;
        padding: 8px;
        width: 260px;
        margin: 0 auto;
        color: white;
        font-size: 20px;
        box-shadow: 2px 2px 9px 0px rgba(0, 0, 0, 0.3);
    }

        #e-smetka-nagradna-igra section.e-smetka-nagradna-igra-vkluci-se a.e-smetka-nagradna-igra-vkluci-se-btn:first-of-type {
            margin-bottom: 40px;
            margin-top: 40px;
        }

#e-smetka-nagradna-igra #eSmetkaCarousel .e-smetka-nagradna-igra-img img {
    width: 200px;
}

#e-smetka-nagradna-igra #eSmetkaCarousel a span.glyphicon {
    top: 50%;
    transform: translateY(-50%);
}



#e-smetka-nagradna-igra #eSmetkaCarousel a.left span {
    left: 20px;
}

    #e-smetka-nagradna-igra #eSmetkaCarousel a.left span:before {
        content: ']%';
        font-family: 'teleicon-outline';
        color: #ffffff;
        font-size: 55px;
    }

#e-smetka-nagradna-igra #eSmetkaCarousel a.right {
    transform: translateY(-50%) rotate(180deg);
    top: 50%;
    width: 90px;
}

    #e-smetka-nagradna-igra #eSmetkaCarousel a.right span:before {
        content: ']%';
        font-family: 'teleicon-outline';
        color: #ffffff;
        font-size: 55px;
    }



@media (max-width: 768px) and (max-width: 991px) {

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header h1 {
        font-size: 51px;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header h2 {
        font-size: 41px;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header img {
        width: 250px;
    }
}


@media (max-width: 767px) {

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header .e-smetka-nagradna-igra-content {
        width: 100%;
        padding: 30px 15px 20px;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header img {
        display: none;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header h1 {
        font-size: 34px;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header h2 {
        font-size: 29px;
    }

    #e-smetka-nagradna-igra section.white-bcg {
        padding: 40px 15px;
    }

        #e-smetka-nagradna-igra section.white-bcg h2 {
            font-size: 29px;
            margin-bottom: 25px;
        }

        #e-smetka-nagradna-igra section.white-bcg a {
            padding-top: 35px;
        }

    #e-smetka-nagradna-igra section.magenta-bcg h2 {
        font-size: 29px;
    }

    #e-smetka-nagradna-igra section.magenta-bcg {
        padding: 40px 15px;
    }

        #e-smetka-nagradna-igra section.magenta-bcg .e-smetka-dates {
            font-size: 24px;
        }

    #e-smetka-nagradna-igra section.e-smetka-nagradna-igra-vkluci-se h2 {
        font-size: 29px;
    }

    #e-smetka-nagradna-igra section.e-smetka-nagradna-igra-vkluci-se {
        padding: 50px 15px;
    }

        #e-smetka-nagradna-igra section.e-smetka-nagradna-igra-vkluci-se a.e-smetka-nagradna-igra-vkluci-se-btn {
            font-size: 18px;
        }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-telefoni h2 {
        font-size: 29px;
    }
}

/*#endregion e-smetka nagradna igra*/
#mojaSmetka-landing section.mojaSmetka-banner {
    background-image: url(../content/images/moja-smetka-background.jpg);
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 20px 0 0 0;
}

    #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content {
        position: relative;
        width: 70%;
        padding: 6% 0;
    }

        #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content a {
            border: 1px solid white;
            background-color: transparent;
            margin: 20px 0 0 0;
        }

        #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content h1 {
            color: white;
            font-family: 'teleNeo-extra' !important;
            font-size: 61px;
        }

        #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content h2 {
            color: white;
            font-size: 28px;
            font-family: 'teleNeo-thin' !important;
            margin-top: 10px;
            text-transform: uppercase;
            line-height: 1.2;
        }

    #mojaSmetka-landing section.mojaSmetka-banner .container {
        position: relative;
    }

    #mojaSmetka-landing section.mojaSmetka-banner img:first-of-type {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 280px;
    }

    #mojaSmetka-landing section.mojaSmetka-banner img:last-of-type {
        position: absolute;
        right: 30%;
        bottom: 65px;
    }

@media (max-width: 1199px) {
    #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content h1 {
        font-size: 55px;
    }

    #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content h2 {
        font-size: 26px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content h1 {
        font-size: 42px;
    }

    #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content h2 {
        font-size: 20px;
    }

    #mojaSmetka-landing section.mojaSmetka-banner img:first-of-type {
        width: 230px;
    }

    #mojaSmetka-landing section.mojaSmetka-banner img:last-of-type {
        right: 28%;
        bottom: 55px;
        width: 110px;
    }
}


@media (max-width: 767px) {

    #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content {
        width: 100%;
        padding: 0px 15px 0px;
    }

    #mojaSmetka-landing section.mojaSmetka-banner img:first-of-type {
        display: none;
    }

    #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content h1 {
        font-size: 29px;
    }


    #mojaSmetka-landing section.mojaSmetka-banner img:last-of-type {
        right: 5%;
        bottom: 0;
        width: 90px;
    }

    #mojaSmetka-landing section.mojaSmetka-banner {
        padding: 20px 0 20px 0;
    }

        #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content h2 {
            font-size: 20px;
            width: 70%;
            margin-top: 0px;
        }
}

/*#region survey*/
#myModal {
    width: 650px !important;
}

    #myModal.modal-survey .modal-dialog {
        width: 100% !important;
        position: relative;
        margin-top: 0;
    }

    #myModal.modal-survey .modal-header {
        border: 0 !important;
        padding: 0 !important;
    }

        #myModal.modal-survey .modal-header h4 {
            display: none;
        }

        #myModal.modal-survey .modal-header button {
            position: absolute !important;
            top: 50px;
            right: 30px;
            z-index: 9;
            font-size: 24px;
        }

    #myModal.modal-survey .modal-content {
        background-color: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    #myModal.modal-survey .modal-body #survey iframe {
        width: 100%;
        position: relative;
    }

    #myModal.modal-survey .modal-footer {
        display: none;
    }

@media (max-width: 767px) {
    #myModal {
        width: 100% !important;
        margin: 0 auto;
    }

        #myModal.modal-survey .modal-dialog {
            margin: 0 auto !important;
        }
}
/*#endregion survey*/
#phone-details .cpp-link {
    margin-top: 0 !important;
    text-align: right;
}

    #phone-details .cpp-link a {
        font-size: 14px;
    }

.cpp-link {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .cpp-link a {
        position: relative;
        padding-left: 10px;
        font-size: 12px;
        color: #00a0de !important;
    }

        .cpp-link a span:after {
            content: '?';
            font-family: 'teleicon-outline';
            position: absolute;
            left: 0;
            text-align: center;
            font-size: 17px;
            color: #383838;
            top: -4px;
        }

@media (max-width: 767px) {
    .cpp-link {
        position: relative;
        padding: 15px;
        padding: 15px 15px 0;
    }

    .onlineDoc {
        padding: 0 15px 15px;
    }
}

.accordion-travel-and-surf {
    margin-top: 30px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
}

    .accordion-travel-and-surf h5 {
        margin: 0;
    }

        .accordion-travel-and-surf h5 a {
            width: 100%;
            text-align: left;
            font-size: 18px;
            color: #333;
            text-decoration: none;
            padding: 15px 10px 15px 10px;
            position: relative;
            background-color: #f8f8f8;
            display: block;
        }

            .accordion-travel-and-surf h5 a:hover {
                background-color: #f8f8f8;
            }

            .accordion-travel-and-surf h5 a:hover {
                text-decoration: none;
                color: #333;
            }

            .accordion-travel-and-surf h5 a.collapsed:after {
                position: absolute;
                top: 14px;
                /* bottom: 0; */
                bottom: auto;
                right: 14px;
                content: '$';
                font-size: 22px;
                margin: auto;
                font-family: 'teleicon-outline';
                transform: rotateZ(0deg);
            }

            .accordion-travel-and-surf h5 a:after {
                position: absolute;
                top: 14px;
                /* bottom: 17px; */
                bottom: auto;
                right: 15px;
                content: '$';
                font-size: 22px;
                margin: auto;
                font-family: 'teleicon-outline';
                transform: rotateZ(-180deg);
                transition-property: transform;
                transition-duration: 0.25s;
            }

@media (max-width: 767px) {
    .accordion-travel-and-surf h5 a {
        font-size: 17px;
        white-space: unset;
    }
}

/*#region telekom mk app new LP*/

#telekom-mk-app-new .telekom-mk-app-banner {
    position: relative;
    /*background-image: url('/content/images/telekom-mk-app-header.jpg');*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 575px;
    padding: 0px 25px 0px 25px;
}

    #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-banner-leftBox {
        background: #e20074;
        position: relative;
        padding: 60px 0px;
        display: table-cell;
        vertical-align: middle;
        width: 50%;
    }

        #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-banner-leftBox:before {
            position: absolute;
            width: 100%;
            height: 100%;
            content: '';
            background: #e20074;
            left: -100%;
            top: 0;
        }

    #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-banner-rightBox {
        background: #e6e6e6;
        color: white;
        padding: 60px 20px 60px 60px;
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        position: relative;
    }

        #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-banner-rightBox:after {
            position: absolute;
            width: 100%;
            height: 100%;
            content: '';
            background: #e6e6e6;
            right: -100%;
            top: 0;
        }


    #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent {
        position: relative;
        width: 350px;
        color: white;
        line-height: 1.2;
    }

        #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent .telekom-mk-app-mobIcons {
            position: relative;
            margin-top: 30px;
        }

            #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent .telekom-mk-app-mobIcons img {
                width: 120px;
                margin-right: 10px;
            }

        #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent h1.naslov-banner {
            color: white;
            font-size: 37px;
            font-family: 'teleNeo-regular' !important;
        }







            #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent h1.naslov-banner span {
                font-family: 'teleNeo-bold' !important;
            }

        #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent h3 {
            line-height: 1.2;
        }

            #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent h3 span {
                text-decoration: underline;
                font-family: 'teleNeo-bold' !important;
            }

        #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent p {
            font-size: 18px;
        }

.telekom-mk-app-video {
    padding: 50px 0;
}

    .telekom-mk-app-video .telekom-mk-app-white-bcg {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.21%;
    }

        .telekom-mk-app-video .telekom-mk-app-white-bcg iframe {
            top: 0;
            height: 100%;
            left: 0;
            position: absolute;
            width: 100%;
            height: 100%;
        }

#telekom-mk-app-new section.telekom-mk-app-new-box {
    position: relative;
    /*min-height: 545px;*/
    min-height: 520px;
    padding: 60px 0 0 0;
}

    #telekom-mk-app-new section.telekom-mk-app-new-box .container {
        position: relative;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box .telekom-mk-app-leftTxt {
        width: 40%;
        position: relative;
        float: left;
        z-index: 10;
        margin: 50px 0;
    }


    #telekom-mk-app-new section.telekom-mk-app-new-box .telekom-mk-app-rightTxt {
        width: 60%;
        position: relative;
        float: right;
        padding-right: 140px;
        margin-top: 100px;
    }

#telekom-mk-app-new section.telekom-mk-app-one {
    position: relative;
    /*background-image: url('/content/images/telekom-mk-app-satelite.jpg');*/
    background-color: #e6e6e6;
}

    #telekom-mk-app-new section.telekom-mk-app-one .telekom-mk-app-leftTxt p {
        color: #333;
    }

    #telekom-mk-app-new section.telekom-mk-app-one .telekom-mk-app-leftTxt a {
        color: #e20074 !important;
    }

    #telekom-mk-app-new section.telekom-mk-app-one img.img-left {
        position: absolute;
        left: -65px;
        bottom: -20px;
        width: 240px;
    }

    #telekom-mk-app-new section.telekom-mk-app-one img.img-right, #telekom-mk-app-new img.img-right {
        /*position: absolute;
        right: 0;
        width: 338px;*/
        position: relative;
        right: 0;
        width: 338px;
        float: right;
        /*bottom: -60px;*/
    }

#telekom-mk-app-new section.telekom-mk-app-two {
    background-color: #e20074;
    color: white;
    position: relative;
}

    #telekom-mk-app-new section.telekom-mk-app-two img.img-left {
        position: relative;
        left: -15px;
        width: 338px;
    }

    #telekom-mk-app-new section.telekom-mk-app-two img.img-right {
        position: absolute;
        right: 5%;
        width: 230px;
        bottom: 50px;
    }


#telekom-mk-app-new .telekom-mk-app-new-box.telekom-mk-app-dobij-poveke {
    background-color: #e20074;
    position: relative;
}

#telekom-mk-app-new section.telekom-mk-app-three {
    background-color: #e6e6e6;
    position: relative;
}

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three img.img-left {
    position: absolute;
    left: -55px;
    bottom: 0;
    width: 270px;
}

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three .container .img-right {
    position: relative;
    width: 320px;
    display: inline;
    float: right;
    z-index: 1;
}

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three img.img-right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 280px;
    z-index: 0;
}

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-four .container .img-left {
    position: relative;
    left: -15px;
    width: 320px;
}

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-four .img-right {
    position: absolute;
    right: 0;
    bottom: 50px;
    width: 290px;
}



#telekom-mk-app-new section.telekom-mk-app-five {
    background-image: url('../content/images/telekom-mk-app-internetBox-magenta.jpg');
    background-position: center;
    background-size: cover;
    position: relative;
    color: white;
}

.telekom-mk-app-leftTxt h2, .telekom-mk-app-rightTxt h2 {
    font-size: 36px;
    margin-bottom: 30px;
}

.telekom-mk-app-leftTxt h2 {
    font-family: 'teleNeo-extra' !important;
}

    .telekom-mk-app-leftTxt h2 span {
        font-family: 'teleNeo-regular' !important;
    }

.telekom-mk-app-rightTxt h2 {
    font-family: 'teleNeo-regular' !important;
}

    .telekom-mk-app-rightTxt h2 span {
        font-family: 'teleNeo-extra' !important;
    }

.telekom-mk-app-leftTxt a, .telekom-mk-app-rightTxt a {
    text-transform: uppercase;
    color: #e20074;
    /* text-decoration: underline; */
    font-family: 'teleNeo-medium' !important;
    font-size: 21px;
    display: block;
    margin-top: 25px;
}

.telekom-mk-app-leftTxt p, .telekom-mk-app-rightTxt p {
    font-size: 19px;
    line-height: 1.2;
}

#telekom-mk-app-new section.telekom-mk-app-two .telekom-mk-app-rightTxt a,
#telekom-mk-app-new section.telekom-mk-app-five .telekom-mk-app-leftTxt a,
#telekom-mk-app-new section.telekom-mk-app-seven .telekom-mk-app-leftTxt a,
#telekom-mk-app-new section.telekom-mk-app-one .telekom-mk-app-leftTxt a {
    color: white;
}

#telekom-mk-app-new section.telekom-mk-app-five .telekom-mk-app-leftTxt {
    width: 50%;
}

    #telekom-mk-app-new section.telekom-mk-app-five .telekom-mk-app-leftTxt p {
        width: 80%;
    }

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six .container img {
    position: relative;
    left: -15px;
    width: 340px;
    /*bottom: -60px;*/
}

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six img.img-left {
    position: absolute;
    left: 0;
    bottom: 60px;
    width: 200px;
}

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six img.img-right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 310px;
}

#telekom-mk-app-new section.telekom-mk-app-seven {
    background-color: #e20074;
    color: white;
    position: relative;
}

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven .container img {
    position: relative;
    right: 0;
    width: 338px;
    float: right;
    z-index: 1;
    /*bottom: -60px;*/
}

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven img.img-left {
    position: absolute;
    left: -125px;
    bottom: 50px;
    width: 300px;
}

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven img.img-right {
    position: absolute;
    right: 0;
    bottom: 150px;
    width: 250px;
    z-index: 0;
}

@media screen and (max-width: 767px) {
    #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-banner-rightBox:after {
        display: none;
    }

    #telekom-mk-app-new .telekom-mk-app-banner {
        padding: 0;
    }

        #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent {
            width: 100%;
        }

            #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent h1.naslov-banner {
                font-size: 31px;
            }

            #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent p {
                font-size: 17px;
            }


            #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent h3 {
                font-size: 20px;
            }

            #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent .telekom-mk-app-mobIcons img {
                width: 100px;
            }

    #telekom-mk-app-new section.telekom-mk-app-new-box {
        padding: 30px 0 0 0;
    }

    #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-banner-leftBox {
        display: block;
        width: 100%;
        padding: 40px 20px 30px;
    }

    #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-banner-rightBox {
        display: block;
        width: 100%;
        padding: 20px 50px;
    }

    #telekom-mk-app-new section.telekom-mk-app-one img.img-left,
    #telekom-mk-app-new section.telekom-mk-app-two img.img-right,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three img.img-right,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three img.img-left,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven img.img-right,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-four .img-right,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six img.img-right,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six img.img-left,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven img.img-left {
        display: none;
    }

    .telekom-mk-app-leftTxt a, .telekom-mk-app-rightTxt a {
        margin-top: 15px;
    }

    #telekom-mk-app-new section.telekom-mk-app-five {
        background-image: none;
        background-color: #e20074;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box .telekom-mk-app-leftTxt,
    #telekom-mk-app-new section.telekom-mk-app-new-box .telekom-mk-app-rightTxt {
        width: 100%;
        margin: 0;
        float: none;
        padding-right: 0;
    }


    .telekom-mk-app-leftTxt h2, .telekom-mk-app-rightTxt h2 {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .telekom-mk-app-leftTxt p, .telekom-mk-app-rightTxt p {
        font-size: 17px;
    }

    #telekom-mk-app-new section.telekom-mk-app-one img.img-right, #telekom-mk-app-new img.img-right {
        width: 260px;
        float: none;
        display: block;
        margin: 0 auto;
    }

    #telekom-mk-app-new .telekom-mk-app-leftTxt a, .telekom-mk-app-rightTxt a {
        font-size: 18px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three .container .img-right {
        left: 0;
        width: 260px;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        float: none;
        display: block;
    }

    #telekom-mk-app-new section.telekom-mk-app-two img.img-left,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-four .container .img-left,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six .container img {
        position: absolute;
        left: 0;
        width: 260px;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        height: 350px;
        width: auto;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-two .telekom-mk-app-rightTxt,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-four .telekom-mk-app-rightTxt,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six .telekom-mk-app-rightTxt {
        padding-bottom: 360px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven .container img {
        right: 0;
        width: 260px;
        float: none;
        z-index: 1;
        position: relative;
        left: 0;
        display: block;
        margin: 0 auto;
    }

    .telekom-mk-app-video {
        padding: 20px 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    #telekom-mk-app-new section.telekom-mk-app-new-box {
        min-height: 0;
    }

    #telekom-mk-app-new section.telekom-mk-app-one img.img-right, #telekom-mk-app-new img.img-right {
        width: 280px;
    }

    .telekom-mk-app-leftTxt h2, .telekom-mk-app-rightTxt h2 {
        font-size: 27px;
        margin-bottom: 20px;
    }

    .telekom-mk-app-leftTxt p, .telekom-mk-app-rightTxt p {
        font-size: 18px;
    }

    #telekom-mk-app-new section.telekom-mk-app-one img.img-left {
        left: 33%;
        width: 170px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box .telekom-mk-app-rightTxt {
        width: 60%;
        padding-right: 150px;
        margin-top: 50px;
    }

    #telekom-mk-app-new section.telekom-mk-app-two img.img-right {
        right: -1%;
        width: 160px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three img.img-left {
        left: 33%;
        width: 170px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-four .telekom-mk-app-rightTxt,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six .telekom-mk-app-rightTxt {
        width: 60%;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-four .img-right {
        width: 195px;
    }

    #telekom-mk-app-new section.telekom-mk-app-five .telekom-mk-app-leftTxt {
        width: 54%;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six img.img-right {
        width: 180px;
        z-index: 0;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box .telekom-mk-app-leftTxt {
        width: 50%;
        margin: 30px 0;
    }

    #telekom-mk-app-new section.telekom-mk-app-two img.img-left,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-four .container .img-left,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six .container img {
        left: 0;
        width: 280px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three .container .img-right,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven .container img {
        width: 280px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three img.img-right,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six img.img-left,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven img.img-right {
        display: none;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven img.img-left {
        left: 30%;
        width: 210px;
    }

    #telekom-mk-app-new .telekom-mk-app-banner {
        min-height: 0;
        padding: 0;
    }

    .telekom-mk-app-video {
        padding: 25px 0;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box .container {
        z-index: 1;
    }

    #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent h1.naslov-banner {
        font-size: 34px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
    #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-banner-leftBox {
        padding: 0 40px 0;
    }

    #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-banner-rightBox {
        padding: 60px 20px 60px 60px;
    }

    #telekom-mk-app-new section.telekom-mk-app-one img.img-left {
        left: 42%;
        width: 210px;
    }

    #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent h3 {
        font-size: 23px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box .telekom-mk-app-rightTxt {
        width: 64%;
        padding-right: 200px;
    }

    #telekom-mk-app-new section.telekom-mk-app-two img.img-right {
        right: 2%;
        width: 200px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three img.img-right {
        display: none;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three img.img-left {
        left: 44%;
        width: 220px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-four .img-right {
        width: 210px;
    }

    #telekom-mk-app-new section.telekom-mk-app-five {
        background-position: right;
    }

        #telekom-mk-app-new section.telekom-mk-app-five .telekom-mk-app-leftTxt {
            width: 60%;
        }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six img.img-right {
        right: -10px;
        width: 210px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven img.img-right {
        z-index: 0;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven .container img {
        z-index: 1;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven img.img-left {
        left: 43%;
        width: 200px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven .telekom-mk-app-leftTxt {
        width: 50%;
    }
}



/*#endregion telekom mk app new LP*/



#skroeniPoVasaMerka section.skroeniPoVasaMerka-one p {
    margin: 0;
    margin-bottom: 30px;
}


#skroeniPoVasaMerka section.skroeniPoVasaMerka-two {
    background-image: url(../content/images/skroeni-po-vasha-merka-slika2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left 30% center;
}

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-two h2 {
        margin-bottom: 10px;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-two .skroeniPoVasaMerka-icons {
        margin-top: 15px;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-two .skroeniPoVasaMerka-rightTxt h2 span {
        font-family: 'teleNeo-extra' !important;
    }

#skroeniPoVasaMerka .skroeniPoVasaMerka-iconsBox img {
    display: block;
    margin-bottom: 12px;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-icons .row > div:nth-of-type(1) .skroeniPoVasaMerka-iconsBox,
#skroeniPoVasaMerka .skroeniPoVasaMerka-icons .row > div:nth-of-type(2) .skroeniPoVasaMerka-iconsBox {
    margin-bottom: 30px;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-iconsBox a {
    font-size: 17px;
    text-decoration: underline;
    color: #000000;
    line-height: 1.2;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-iconsBox p {
    line-height: 1.2;
}

#skroeniPoVasaMerka section.skroeniPoVasaMerka-three {
    background-image: url(../content/images/skroeni-po-vasha-merka-slika3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right 30% center;
    position: relative;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-leftTxt h2 span, #skroeniPoVasaMerka .skroeniPoVasaMerka-rightTxt h2 span {
    font-family: 'teleNeo-extra' !important;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-leftTxt h3 span, #skroeniPoVasaMerka .skroeniPoVasaMerka-rightTxt h3 span {
    font-family: 'teleNeo-medium' !important;
}

#skroeniPoVasaMerka section.skroeniPoVasaMerka-four {
    background-image: url(../content/images/skroeni-po-vasha-merka-slika4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left 20% center;
}

#skroeniPoVasaMerka section.skroeniPoVasaMerka-five {
    background-image: url(../content/images/skroeni-po-vasha-merka-slika5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right 30% center;
}

#skroeniPoVasaMerka a {
    text-decoration: underline;
    font-size: 17px;
}

    #skroeniPoVasaMerka a.btn {
        text-decoration: none;
    }

#skroeniPoVasaMerka section.skroeniPoVasaMerka-six {
    background-image: url(../content/images/skroeni-po-vasha-merka-slika6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left 30% center;
}

#skroeniPoVasaMerka section.skroeniPoVasaMerka-seven {
    background-image: url(../content/images/skroeni-po-vasha-merka-slika7.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right 30% center;
}

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-seven .skroeniPoVasaMerka-leftTxt h2 span {
        font-family: 'teleNeo-extra' !important;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-seven p {
        margin-bottom: 70px;
    }

#skroeniPoVasaMerka .skroeniPoVasaMerka-iconsBox.masovni-sms {
    position: relative;
}


    #skroeniPoVasaMerka .skroeniPoVasaMerka-iconsBox.masovni-sms .masovni-sms-info {
        position: absolute;
        z-index: 10;
        right: 0px;
        left: auto;
        top: -10px;
        background: rgba(0, 0, 0, 0.8);
        padding: 10px;
        padding: 10px 25px 10px 15px;
        width: 260px;
    }

#skroeniPoVashaMerka-form .form-group .alert-danger-captcha {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #skroeniPoVasaMerka section.skroeniPoVasaMerka-one {
        background-position: right 40% center;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-rightTxt {
        padding-left: 0px;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-two, #skroeniPoVasaMerka section.skroeniPoVasaMerka-four {
        background-position: left 40% center;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-six {
        background-position: left 45% center;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-three {
        background-position: right 40% center;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-five, #skroeniPoVasaMerka section.skroeniPoVasaMerka-seven {
        background-position: right 30% center;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-banner {
        min-height: 450px;
    }

        #skroeniPoVasaMerka .skroeniPoVasaMerka-banner h1.naslov-banner span {
            font-size: 36px;
        }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-leftTxt {
        width: 50%;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-iconsBox.masovni-sms .masovni-sms-info {
        right: 0px;
        left: auto;
    }
}


@media screen and (max-width: 767px) {

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-group {
        padding: 10px 0;
    }

        #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-group .form-box {
            padding: 0;
        }

    .skroeniPoVashaMerka-success-message {
        width: 100%;
        padding: 20px;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-banner {
        min-height: 280px;
        padding: 15px 15px;
        background-position: right 45% center;
    }

    #skroeniPoVasaMerka .skroeniPoVashaMerka-white-bcg h2 {
        font-size: 20px;
        width: 100%;
        margin-bottom: 25px;
    }

    #skroeniPoVasaMerka .skroeniPoVashaMerka-white-bcg {
        padding: 30px 15px 20px;
    }

        #skroeniPoVasaMerka .skroeniPoVashaMerka-white-bcg h1.naslov-whiteBcg {
            font-size: 26px;
            margin-bottom: 30px;
        }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-banner h1.naslov-banner span {
        font-size: 22px;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-one, #skroeniPoVasaMerka section.skroeniPoVasaMerka-two,
    #skroeniPoVasaMerka section.skroeniPoVasaMerka-three, #skroeniPoVasaMerka section.skroeniPoVasaMerka-four,
    #skroeniPoVasaMerka section.skroeniPoVasaMerka-five, #skroeniPoVasaMerka section.skroeniPoVasaMerka-six, #skroeniPoVasaMerka section.skroeniPoVasaMerka-seven {
        background-image: none;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-leftTxt {
        width: 100%;
    }

    skroeniPoVasaMerka .skroeniPoVasaMerka-box h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-box {
        min-height: 0;
        padding: 30px 15px 30px;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-box.skroeniPoVasaMerka-one {
        padding: 30px 15px 60px;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-one .skroeniPoVasaMerka-img img {
        left: 40%;
        height: 100px;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-one > img, #skroeniPoVasaMerka section.skroeniPoVasaMerka-three > img {
        transform: rotate(360deg) scaleX(-1);
        right: 0;
        left: auto;
        width: 250px;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-one p {
        margin-bottom: 30px;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-box h2 {
        font-size: 24px;
        margin-bottom: 25px;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-rightTxt {
        width: 100%;
        padding-left: 0;
    }

    .skroeniPoVasaMerka-icons .pl0-xs {
        padding-left: 0 !important;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-three .skroeniPoVasaMerka-leftTxt {
        width: 100%;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-seven p {
        margin-bottom: 30px;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-iconsBox.masovni-sms .masovni-sms-info {
        right: -10px;
        left: auto;
        bottom: 0;
        top: auto;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-banner h1.naslov-banner {
        bottom: 60px;
        top: auto;
        position: absolute;
        transform: none;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-leftTxt h3 span, #skroeniPoVasaMerka .skroeniPoVasaMerka-rightTxt h3 span {
        font-family: 'teleNeo-medium' !important;
        font-size: 20px;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-four .skroeniPoVasaMerka-text:first-of-type {
        margin-bottom: 30px;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form {
        width: 100%;
    }
}

@media screen and (max-width: 374px) {

    #skroeniPoVasaMerka .skroeniPoVasaMerka-banner h1.naslov-banner span {
        font-size: 19px;
    }
}


/*////////////////////////////////////////*/
#skroeniPoVasaMerka .masovni-sms-info:after {
    content: ']X';
    font-family: 'teleicon-outline';
    position: absolute;
    color: white;
    top: 10px;
    right: 10px;
    margin: auto;
    cursor: pointer;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-iconsBox .masovni-sms-info p {
    color: white !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
    margin: 0;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-iconsBox .masovni-sms-info span {
    color: white;
    font-family: 'teleicon-outline' !important;
    float: right;
    cursor: pointer;
}

#skroeniPoVasaMerka section.skroeniPoVasaMerka-eight {
    position: relative;
}

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight > img {
        position: absolute;
        top: 0;
        left: -10%;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form {
        position: relative;
        margin: 0 auto;
    }

        #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form #invalidMailMsg {
            color: #a94442 !important;
            background-color: #f2dede;
            border-color: #ebccd1;
            padding: 0;
            border: 1px solid transparent;
            border-radius: 4px;
        }

        #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form h2 span {
            font-family: 'teleNeo-extra' !important;
        }

        #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-wrap {
            display: block;
            position: relative;
            padding-left: 30px;
            font-size: 16px;
            line-height: 24px;
            cursor: pointer;
        }

            #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-wrap:before {
                content: "";
                position: absolute;
                left: 0;
                top: 5px;
                width: 18px;
                height: 18px;
                border: 1px solid rgba(215, 211, 211, 0.93);
                background: #eeeeee;
                border-radius: 3px;
            }

        #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-group .form-box {
            padding: 20px 0;
        }

        #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-wrap input[type="checkbox"]:checked,
        #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-wrap input[type="checkbox"]:not(:checked) {
            position: absolute;
            opacity: 0;
            left: 4px;
            z-index: 99;
            cursor: pointer;
        }

            #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-wrap input[type="checkbox"]:checked + .checkmark:after {
                content: 'V';
                position: absolute;
                color: #6bb324;
                font-family: 'TeleIcon Solid';
                display: block;
                left: 2px;
                right: 0;
                top: 2px;
                bottom: 0;
                opacity: 1;
                z-index: 3;
                font-size: 16px;
            }

            #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-wrap input[type="checkbox"]:not(:checked) + .checkmark:after {
                content: '';
                position: absolute;
                color: green;
                opacity: 0;
            }

            #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-wrap input[type="checkbox"]:checked + .checkmark:after {
                opacity: 1;
                transform: scale(1);
            }

            #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-wrap input[type="checkbox"]:not(:checked) + .checkmark:after {
                opacity: 0;
                transform: scale(0);
            }

        #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form #successFullMsg:before {
            content: 'V';
            position: relative;
            font-family: 'teleicon-outline';
            color: #e22073;
            font-size: 23px;
            position: relative;
            right: 15px;
            top: 4px;
        }

        #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form #buttonLikeInput {
            padding: 8px 20px;
            border-radius: 3px;
        }

.skroeniPoVashaMerka-success-message {
    position: relative;
    width: 50%;
    margin: 60px auto;
    text-align: center;
    font-size: 19px;
}

    .skroeniPoVashaMerka-success-message p {
        margin: 0;
    }

    .skroeniPoVashaMerka-success-message .alert-success {
        padding: 40px 0;
    }

@media screen (min-width: 768px) and (max-width: 1399px) {
    #skroeniPoVasaMerka section.skroeniPoVasaMerka-one > img, #skroeniPoVasaMerka section.skroeniPoVasaMerka-three > img {
        display: none;
    }
}


@media screen and (min-width: 992px) and (max-width: 1399px) {

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-one {
        background-position: right 30% center;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-two {
        background-position: left 35% center;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-four {
        background-position: left 30% center;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-six {
        background-position: left 40% center;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-three {
        background-position: right 30% center;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-five, #skroeniPoVasaMerka section.skroeniPoVasaMerka-seven {
        background-position: right 20% center;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-rightTxt {
        padding-left: 20px;
    }
}

.poveke-internet {
    padding: 25px 0 10px 0;
    position: relative;
}

    .poveke-internet .ec-30 {
        position: absolute;
        right: 0;
        top: -30px;
    }
/*magenta 1 BUSSINES calculator ec kaj mobilni uslugi*/
.row.promotion-june .magenta-box-choose:nth-child(1) img.vardar-ec,
.row.promotion-june .magenta-box-choose:nth-child(2) img.vardar-ec {
    display: none;
}


/*tab container full width*/
div[rel="Интернет Балкан"],
div[rel="1 GB во роаминг"],
div[rel="Интернет Свет"],
div[rel="1 GB NË ROAMING"],
div[rel="Internet World"],
div[rel="Остварете сè што посакувате"],
div[rel="Користете ја технологијата за добро"],
div[rel="Realizoni gjithçka që dëshironi"],
div[rel="Përdorni teknologjinë për të mirë"],
div[rel="НЕКА ПОБЕДИ ЉУБОВТА"],
div[rel="LE TË FITOJË DASHURIA"] {
    padding: 20px 0 0 !important;
}

/*#region full width banner*/
#telekom-full-width-banner.travel-and-surf-full-width-banner img {
    margin: 0 auto;
    display: block;
}

@media screen and (max-width: 767px) {
    #telekom-full-width-banner.travel-and-surf-balkan-paket {
        position: relative;
        max-width: 767px;
        position: relative;
        left: 12%;
        height: 155px;
        margin-left: -150px;
    }

        #telekom-full-width-banner.travel-and-surf-balkan-paket img {
            max-width: none;
            height: 155px;
        }

    #telekom-full-width-banner.travel-and-surf-baner {
        position: relative;
        max-width: 767px;
        position: relative;
        height: 155px;
        left: 48%;
        margin-left: -410px;
    }

        #telekom-full-width-banner.travel-and-surf-baner img {
            max-width: none;
            height: 155px;
        }

    #telekom-full-width-banner.najeftin-roaming-baner {
        position: relative;
        max-width: 767px;
        position: relative;
        left: 23%;
        height: 155px;
        margin-left: -230px;
    }

        #telekom-full-width-banner.najeftin-roaming-baner img {
            max-width: none;
            height: 155px;
        }
}

.tab-container.r-tabs .r-tabs-panel.r-tabs-state-active {
    background-color: #fff !important;
    border-radius: 0;
}
/*#endregion full width banner*/
ul.t-ul-new-magenta li {
    display: block;
    background-image: url(../images/list-bullet.png);
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    margin-left: 30px;
}

ul.t-ul-new-white li {
    display: block;
    background-image: url(../images/list-bullet-white.png);
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    margin-left: 30px;
}

ul.t-ul-bullet-magenta li {
    padding-left: 20px;
    position: relative;
    display: block;
}

    ul.t-ul-bullet-magenta li:before {
        content: '';
        position: absolute;
        left: 0;
        top: 7px;
        margin: auto 0;
        width: 7px;
        height: 7px;
        background: #e20074;
        border-radius: 50px;
    }
/*#region penzioner landing*/
#telekom-full-width-banner .container {
    position: relative;
}

#telekom-full-width-banner.penzioner-full-width-banner {
    /*background-image: url(../content/images/penzioner-full-width-banner.jpg);*/
    background-image: url(../content/images/penzioner-vnatresen-new.jpg);
    position: relative;
    min-height: 375px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    top: 20px;
}

    #telekom-full-width-banner.penzioner-full-width-banner img {
        position: absolute;
        right: 20px;
        top: 20px;
        width: 120px;
    }

#telekom-full-width-banner.poseben-full-width-banner {
    background-image: url(../content/images/tarifa-poseben-full-width-banner.jpg);
    position: relative;
    min-height: 375px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}

#telekom-full-width-banner.dopolni-kredit-full-width-banner {
    background-image: url(../content/images/dopolnuvanje-kredit-full-width-banner.jpg);
    position: relative;
    min-height: 375px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}

#telekom-full-width-banner img.aktiviraj-1406.pull-right {
    position: absolute;
    right: 0;
    top: 45px;
}

.inner-template.ostanato-vo-postpaid-content-new {
    position: relative;
    min-height: auto;
}

@media screen and (max-width: 7667px) {
    #telekom-full-width-banner.penzioner-full-width-banner,
    #telekom-full-width-banner.poseben-full-width-banner {
        background-position: 37%;
    }

    #telekom-full-width-banner.dopolni-kredit-full-width-banner {
        background-position: 27%;
    }
}
/*#endregion penzioner*/
/*#region easy tabs*/
#easy-tarifa-tabovi .easy-tarifa-banner {
    position: relative;
}

    #easy-tarifa-tabovi .easy-tarifa-banner .easy-tarifa-tabsBox {
        background-color: rgba(237,237,237,0.85);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

        #easy-tarifa-tabovi .easy-tarifa-banner .easy-tarifa-tabsBox ul {
            position: relative;
            width: 100%;
        }

            #easy-tarifa-tabovi .easy-tarifa-banner .easy-tarifa-tabsBox ul li {
                position: relative;
                width: 30.33333%;
            }

                #easy-tarifa-tabovi .easy-tarifa-banner .easy-tarifa-tabsBox ul li a {
                    padding: 10px 25px;
                    border: none;
                    border-bottom: 3px solid #cacaca;
                    background-color: transparent;
                    font-size: 21px;
                    color: #000000;
                    margin-right: 0;
                    position: relative;
                    text-transform: uppercase;
                }

                    #easy-tarifa-tabovi .easy-tarifa-banner .easy-tarifa-tabsBox ul li a:active,
                    #easy-tarifa-tabovi .easy-tarifa-banner .easy-tarifa-tabsBox ul li a:focus {
                        border: none;
                        border-bottom: 3px solid #e20074;
                    }

@media (max-width: 767px) {
    #easy-tarifa-tabovi .easy-tarifa-banner {
        position: relative;
        background-image: url(../content/images/easy-tarifa-full-baner.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

        #easy-tarifa-tabovi .easy-tarifa-banner .easy-tarifa-tabsBox {
            position: relative;
        }

            #easy-tarifa-tabovi .easy-tarifa-banner .easy-tarifa-tabsBox ul li {
                width: 33.33333%;
            }

                #easy-tarifa-tabovi .easy-tarifa-banner .easy-tarifa-tabsBox ul li a {
                    font-size: 16px;
                    padding: 10px 15px;
                }
}

/*#endregion easy tabs*/
/*#region travel-and-surf--->internet balkan i svet*/
.easy-tarifa-tabsBox ul.nav-tabs li.active > a {
    border-bottom: 3px solid #e20074 !important;
}

div[rel="Интернет Балкан"],
div[rel="Internet Ballkan"],
div[rel="Internet Bota"],
div[rel="Internet Balkan"] {
    padding: 20px 0 !important;
}
/*3endregion internet balkan i svet*/
/*section.telekom-mk-app-new-box.telekom-mk-app-internet-vo-roaming {
    background-image: url(../content/images/500mbRoaming.png);
    background-position: right bottom;
    background-size: 100%;
    background-repeat: no-repeat;
}
section.telekom-mk-app-new-box.telekom-mk-app-dobij-povekje {
    background-image: url(../content/images/1GBRoaming.png);
    background-position: right bottom;
    background-size: 100%;
    background-repeat: no-repeat;
}*/
section.telekom-mk-app-internet-vo-roaming img.img-right {
    position: absolute !important;
    right: 0 !important;
    width: 288px !important;
    float: right;
    bottom: -60px !important;
}

section.telekom-mk-app-internet-vo-roaming img.img-left {
    position: relative;
    left: -15px;
    width: 320px;
    bottom: -110px !important;
}

section.telekom-mk-app-dobij-povekje img.img-right {
    position: absolute !important;
    right: 0 !important;
    width: 288px !important;
    float: right;
    bottom: -60px !important;
}

section.telekom-mk-app-dobij-povekje img.img-left {
    position: relative;
    left: -15px;
    width: 320px;
    bottom: -110px !important;
}

#telekom-mk-app-new span.glyphicon-chevron-right {
    transform: rotate(180deg);
    right: 50%;
    top: 60%;
}

#telekom-mk-app-new span.glyphicon-chevron-left:before {
    content: ']%';
    font-family: 'teleicon-outline';
    color: #fff;
    font-size: 60px;
}

#telekom-mk-app-new span.glyphicon-chevron-right:before {
    content: ']%';
    font-family: 'teleicon-outline';
    color: #fff;
    font-size: 60px;
}

#telekom-mk-app-new .left.carousel-control,
#telekom-mk-app-new .right.carousel-control {
    z-index: 99;
}

#telekommk-app-carousel .telekom-mk-app-new-box p {
    display: block;
}

@media screen and (max-width: 767px) {
    section .telekom-mk-app-dobij-povekje, section.telekom-mk-app-internet-vo-roaming, section.telekom-mk-app-two {
        min-height: 480px !important;
    }

        section.telekom-mk-app-dobij-povekje img.img-left {
            display: none !important;
        }

        section.telekom-mk-app-internet-vo-roaming img.img-left {
            display: none !important;
        }

    #telekom-mk-app-new span.glyphicon-chevron-right {
        top: 50% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    section.telekom-mk-app-internet-vo-roaming img.img-left {
        left: 0;
        width: 280px;
        bottom: 0 !important;
    }

    section.telekom-mk-app-internet-vo-roaming img.img-right {
        width: 245px !important;
    }

    section.telekom-mk-app-dobij-povekje img.img-left {
        left: 0;
        width: 280px;
        bottom: 0 !important;
    }

    section.telekom-mk-app-dobij-povekje img.img-right {
        width: 245px !important;
    }

    #telekom-mk-app-new span.glyphicon-chevron-right {
        top: 50% !important;
    }
}



/*#region e-trotinet*/

#e-trotinet .e-trotinet-content {
    position: relative;
    padding: 40px 0;
}

.e-trotinet-fullBox {
    display: table;
    width: 100%;
}

    .e-trotinet-fullBox > div {
        display: table-cell;
        width: 33.33333%;
        vertical-align: top;
    }

.e-trotinet-slika2.e-trotinet-box, .e-trotinet-slika1.e-trotinet-box {
    vertical-align: bottom;
}


#e-trotinet .e-trotinet-content h2 {
    font-family: 'teleNeo-extra' !important;
    color: #000000;
    font-size: 34px;
    margin-bottom: 45px;
    text-transform: uppercase;
}

#e-trotinet p, #e-trotinet ul li, #e-prevoz p, #e-prevoz ul li {
    font-size: 17px;
    color: #000000;
}

#e-trotinet a.btn {
    padding: 8px 20px;
}

.e-trotinet-text.e-trotinet-box a.btn {
    margin-top: 20px;
}

.e-trotinet-slika1 img, .e-trotinet-slika2 img {
    padding-top: 30px;
}

.e-trotinet-karakteristiki {
    position: relative;
    padding: 4% 0 12%;
    background-color: #2b2b2b;
    color: white;
}

    .e-trotinet-karakteristiki:after {
        position: absolute;
        content: "";
        background: url(../content/images/xiaomi-trotinet-background.jpg) no-repeat center;
        background-size: cover;
        width: 50%;
        height: 100%;
        top: 0;
        right: 0;
        /*background-position: right center;*/
        background-position: center;
    }

.e-trotinet-text-left {
    width: 38%;
}

#e-trotinet h2, #e-prevoz h2 {
    font-family: 'teleNeo-extra' !important;
    font-size: 34px;
    margin-bottom: 35px;
    padding-top: 20px;
    margin-top: 0;
}

#e-trotinet .e-trotinet-karakteristiki h2, #e-prevoz .e-prevoz-karakteristiki h2 {
    color: white;
}

#e-trotinet ul li, #e-prevoz ul li {
    position: relative;
    padding-left: 25px;
    color: white;
}

    #e-trotinet ul li:before, #e-prevoz ul li:before {
        content: ']-';
        font-family: 'teleicon-outline';
        position: absolute;
        font-size: 11px;
        top: 6px;
        left: 0;
    }

.e-trotinet-box {
    display: table;
    width: 100%;
}

    .e-trotinet-box > div {
        display: table-cell;
        width: 50%;
        vertical-align: top;
    }

.e-trotinet-app {
    background-color: #f5f9fa;
    padding: 65px 0;
}

.e-trotinet-text-right h2, .e-trotinet-text-right p {
    width: 85%;
}

.e-trotinet-download-app {
    padding-top: 100px;
}

.telekom-mk-app-mobIcons a:first-of-type img {
    margin-right: 15px;
}

#urediLanding-smart-uredi {
    position: relative;
    padding: 45px 0 50px;
}

    #urediLanding-smart-uredi h2 {
        margin-bottom: 30px;
        text-transform: uppercase;
    }

#smart-urediLanding-box {
    display: table;
    width: 100%;
}

    /*#smart-urediLanding-box .smart-home, #smart-urediLanding-box .e-trotinet {
        width: 50%;
        display: table-cell;
        text-align: center;
    }*/

    #smart-urediLanding-box .smart-home,
    #smart-urediLanding-box .e-trotinet,
    #smart-urediLanding-box .uredi-smart-watch,
    #smart-urediLanding-box .uredi-e-velosipedi {
        width: 20%;
        display: table-cell;
        text-align: center;
    }

    #smart-urediLanding-box .img-box a img {
        width: 85%;
    }

    #smart-urediLanding-box h3 {
        margin-bottom: 35px;
        font-family: 'teleNeo-medium' !important;
        font-size: 16px;
        text-transform: uppercase;
    }

    #smart-urediLanding-box .img-box {
        min-height: 230px;
    }

    #smart-urediLanding-box .smart-home .img-box img {
        /*padding-top: 20px;*/
        padding-top: 0;
    }

    #smart-urediLanding-box a.btn.btn-magen {
        padding: 8px 20px;
    }

.e-trotinet-magenta-banner {
    position: relative;
    background-image: url('../content/images/e-trotinet-magenta-banner.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 22% 0 40px;
}

    .e-trotinet-magenta-banner img {
        position: absolute;
        top: 10%;
        width: 130px;
    }

    .e-trotinet-magenta-banner .e-trotinet-magenta.box {
        position: relative;
        background-image: url(../content/images/magenta-bcg-cool-kids.png);
        max-width: 450px;
        margin: 0 auto;
        opacity: 0.85;
        padding: 10px 25px;
    }

        .e-trotinet-magenta-banner .e-trotinet-magenta.box p {
            color: white !important;
            font-size: 22px !important;
            line-height: 28px;
        }

            .e-trotinet-magenta-banner .e-trotinet-magenta.box p:first-of-type {
                margin-bottom: 25px;
            }



@media (min-width: 992px) and (max-width: 1199px) {
    .e-trotinet-text-right h2, .e-trotinet-text-right p {
        width: 90%;
    }
}



@media (min-width: 768px) and (max-width: 991px) {

    #smart-urediLanding-box .img-box img {
        max-height: 270px;
        width: 80%;
    }

    #smart-urediLanding-box h3 {
        min-height: 38px;
    }

    #smart-urediLanding-box .img-box {
        min-height: 210px;
    }

    .e-trotinet-text-left {
        width: 45%;
    }

    #e-trotinet h2 {
        font-size: 27px;
    }

    .e-trotinet-app {
        padding: 35px 0;
    }

    .e-trotinet-fullBox {
        display: block;
    }

    .e-trotinet-text.e-trotinet-box {
        display: block;
        width: 100%;
        text-align: center;
    }

        .e-trotinet-text.e-trotinet-box p {
            text-align: left;
        }

    #e-trotinet .e-trotinet-content {
        padding: 20px 0;
    }

    .e-trotinet-download-app {
        padding-top: 10px;
    }

    .telekom-mk-app-mobIcons a img {
        max-width: 130px;
    }

    .e-trotinet-text-right h2, .e-trotinet-text-right p {
        width: 95%;
    }
}


@media (max-width: 767px) {
    #e-trotinet a.btn {
        padding: 5px 10px;
        top: -119px;
        font-size: 17px;
    }

    .e-trotinet-magenta-banner {
        padding: 60% 0 20px;
    }

        .e-trotinet-magenta-banner .e-trotinet-magenta.box {
            width: 100%;
            padding: 5px 20px;
        }

        .e-trotinet-magenta-banner img {
            top: 20px;
            z-index: 3 !important;
            width: 90px;
        }

        .e-trotinet-magenta-banner .e-trotinet-magenta.box p {
            font-size: 17px !important;
            line-height: 22px;
        }


    #smart-urediLanding-box .smart-home,
    #smart-urediLanding-box .e-trotinet,
    #smart-urediLanding-box .uredi-smart-watch,
    #smart-urediLanding-box .uredi-e-velosipedi {
        width: 100%;
        display: block;
    }

        #smart-urediLanding-box .smart-home .img-box img {
            padding-top: 0;
        }

    #smart-urediLanding-box > div:not(:last-of-type) {
        margin-bottom: 60px;
    }

    #urediLanding-smart-uredi h2 {
        margin-bottom: 25px;
    }

    #smart-urediLanding-box .img-box {
        min-height: 215px;
    }

        #smart-urediLanding-box .img-box a img {
            width: 220px;
        }

    #urediLanding-smart-uredi {
        padding: 35px 0 35px;
    }

    #smart-urediLanding-box h3 {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .e-trotinet-fullBox > div {
        display: block;
        width: 100%;
        vertical-align: top;
    }

    #e-trotinet .e-trotinet-content {
        padding: 20px 0;
    }

        #e-trotinet .e-trotinet-content h2 {
            margin-bottom: 25px;
            font-size: 29px;
        }

    .e-trotinet-fullBox > div {
        text-align: center;
    }

    .e-trotinet-text.e-trotinet-box p {
        text-align: left;
    }

    .e-trotinet-text-left {
        width: 100%;
    }

    .e-trotinet-karakteristiki:after {
        width: 100%;
        height: 270px;
        top: auto;
        bottom: 0;
    }

    .e-trotinet-app-left img {
        display: block;
        margin: 0 auto;
    }

    #e-trotinet h2, #e-prevoz h2 {
        font-size: 27px;
        margin-bottom: 25px;
    }

    .e-trotinet-karakteristiki, .e-prevoz-karakteristiki {
        padding: 15px 0 300px;
    }

    .e-trotinet-slika1 img, .e-trotinet-slika2 img {
        padding-top: 20px;
    }

    .e-trotinet-text.e-trotinet-box a.btn {
        margin-bottom: 15px;
    }

    .e-trotinet-box > div {
        display: block;
        width: 100%;
    }

    .e-trotinet-app {
        padding: 30px 0;
    }

    .e-trotinet-text-right h2, .e-trotinet-text-right p {
        width: 100%;
    }

    .e-trotinet-download-app {
        padding-top: 10px;
    }

    .telekom-mk-app-mobIcons a img {
        max-width: 130px;
    }
}
/*#endregion e-trotinet*/

/*#region razgovori tabovi*/
.dopolnitelni-paketi-razgovori {
    position: relative;
}

    .dopolnitelni-paketi-razgovori .razgovori-tabsBox {
        background-color: rgba(237,237,237,0.85);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

        .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul {
            position: relative;
            width: 100%;
            border-bottom: 3px solid #cacaca;
        }

            .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li {
                position: relative;
                width: 25%;
            }

                /*.dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li.active a {
                    border: none;
                    border-bottom: 3px solid #e20074;
                }*/

                .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li.active a:hover {
                    background-color: transparent;
                }

                .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li a {
                    padding: 10px 10px;
                    background-color: transparent;
                    border: none;
                    font-size: 16px;
                    color: #000000;
                    margin-right: 0;
                    position: relative;
                    text-transform: uppercase;
                    min-height: 87px;
                    vertical-align: middle;
                    display: inline-block;
                    width: 100%;
                }

                    .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li a:active,
                    .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li a:focus {
                        background-color: transparent;
                        border: none;
                    }

                /*.dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li a:active:after,
                        .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li a:focus:after,*/
                .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li.active a:after {
                    position: absolute;
                    content: "";
                    height: 3px;
                    background-color: #e20074;
                    bottom: -2px;
                    width: 100%;
                    left: 0;
                    border: none;
                }

                .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li:nth-child(1) a span,
                .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li:nth-child(2) a span {
                    position: relative;
                    top: 10px;
                }


.razgovori-tabsContent div#myTabContent h3 {
    position: relative;
    background-color: rgba(237,237,237,0.85);
    color: #000;
    padding: 20px 10px;
    width: 100%;
    margin: 0 auto 1px;
    font-size: 17px;
}

    .razgovori-tabsContent div#myTabContent h3:after {
        content: ']$';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 18px;
        top: 22px;
        right: 9px;
        margin: auto;
        transform: rotateZ(-180deg);
        transition-property: transform;
        transition-duration: .25s;
    }

    .razgovori-tabsContent div#myTabContent h3.dc-active {
        margin-bottom: 20px;
    }

        .razgovori-tabsContent div#myTabContent h3.dc-active:after {
            content: ']$';
            font-family: 'teleicon-outline';
            position: absolute;
            color: #e20074;
            font-size: 18px;
            top: 22px;
            right: 9px;
            margin: auto;
            transform: rotateZ(0deg);
        }

@media (max-width: 434px ) {
    .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li a {
        font-size: 15px;
        padding: 5px;
        min-height: 160px;
        text-transform: uppercase;
    }
}

@media (min-width: 435px ) and (max-width: 767px) {
    .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li a {
        font-size: 15px;
        padding: 5px;
        min-height: 140px;
        text-transform: uppercase;
    }
}

@media (min-width:768px) and (max-width: 991px) {
    .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li a {
        font-size: 16px;
        padding: 5px;
        min-height: 80px;
    }
}

@media (min-width: 992px) and (max-width: 1305px) {
    .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li a {
        padding: 10px 15px;
        font-size: 16px;
        min-height: 85px;
    }
}

@media (max-width: 991px) {
    .dopolnitelni-paketi-razgovori {
        margin-bottom: 30px;
    }

        .dopolnitelni-paketi-razgovori .razgovori-tabsBox {
            position: relative;
        }
}
/*#endregion razgovori tabovi*/


/*#region tabovi internet balkan*/
#internet-roaming-pripejd .internet-balkan {
    position: relative;
}

    #internet-roaming-pripejd .internet-balkan .internet-balkan-tabsBox {
        background-color: rgba(237,237,237,0.85);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
    }

        #internet-roaming-pripejd .internet-balkan .internet-balkan-tabsBox ul {
            border-bottom: 3px solid #ddd;
        }

            #internet-roaming-pripejd .internet-balkan .internet-balkan-tabsBox ul li a {
                background-color: transparent;
                border: none;
                padding: 10px 10px;
                font-size: 16px;
                color: #000000;
                margin-right: 0;
                position: relative;
                text-transform: uppercase;
                vertical-align: middle;
                display: inline-block;
                width: 100%;
            }

            #internet-roaming-pripejd .internet-balkan .internet-balkan-tabsBox ul li.active a:after {
                position: absolute;
                content: "";
                height: 3px;
                background-color: #e20074;
                bottom: -2px;
                width: 100%;
                left: 0;
                border: none;
            }

            #internet-roaming-pripejd .internet-balkan .internet-balkan-tabsBox ul li a:active:after,
            #internet-roaming-pripejd .internet-balkan .internet-balkan-tabsBox ul li a:focus:after {
                position: absolute;
                content: "";
                height: 3px;
                background-color: #e20074;
                bottom: -2px;
                width: 100%;
                left: 0;
                border: none;
            }

div#internet-roaming-postpejd {
    position: relative;
}

    div#internet-roaming-postpejd div#telekom-full-width-banner {
        position: relative;
        top: 380px;
        z-index: 2;
    }

    div#internet-roaming-postpejd .internet-svet-tabsContent .absolute-banner {
        height: 380px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    div#internet-roaming-postpejd .internet-svet-tabsContent #internet-balkan-tab1 .absolute-banner {
        /*background-image: url(../content/images/roam-like-home-banner-old.jpg);*/
        /* background-image: url(../content/images/internet-roaming-vnatreshen-novi-paketi.jpg) !important;*/
        background-image: url(../content/images/banner-balkan.jpg) !important;
    }

        div#internet-roaming-postpejd .internet-svet-tabsContent #internet-balkan-tab1 .absolute-banner.sq {
            /* background-image: url('../content/images/roam-like-home-banner-sq-old.jpg');*/
            background-image: url(../content/images/banner-balkan-sq.jpg) !important;
        }

    div#internet-roaming-postpejd .internet-svet-tabsContent #tab-internet-balkan-tab2 .absolute-banner {
        /*background-image: url(../content/images/travel-surf-roaming-balkan-paket-2.jpg);*/
        /*background-image: url(../content/images/internet-roaming-vnatreshen.png) !important;*/
        background-image: url(../content/images/banner-svet.jpg) !important;
    }

        div#internet-roaming-postpejd .internet-svet-tabsContent #tab-internet-balkan-tab2 .absolute-banner.sq {
            /*background-image: url(../content/images/internet-roaming-vnatreshen-sq.png) !important;*/
            background-image: url(../content/images/banner-svet-sq.jpg) !important;
        }

    div#internet-roaming-postpejd .internet-svet-tabsContent .tab-content .tab-pane.fade.in {
        opacity: 1;
        height: 100% !important;
        display: block !important;
        overflow: auto !important;
    }

    div#internet-roaming-postpejd .internet-svet-tabsContent .tab-pane h3 {
        margin-top: 0;
        margin-bottom: 35px;
    }
    div#internet-roaming-postpejd .travel-and-surf-new-table thead th + th + th {
        border-bottom: 2px solid #ddd !important;
    }
    div#internet-roaming-postpejd .travel-and-surf-new-table tbody td + td {
        background-color: transparent !important;
        background: transparent;
        border-top: 1px solid #ddd !important;
    }
    #internet-roaming-pripejd .absolute-banner {
        height: 380px;
    }

    #internet-roaming-pripejd .absolute-banner img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

div#internet-roaming-pripejd div#telekom-full-width-banner {
    position: relative;
    top: 380px;
}

.travel-and-surf-promo span.old-price {
    color: black !important;
    font-family: 'teleNeo-medium' !important;
    text-decoration: line-through;
    margin-right: 4px;
}

    .travel-and-surf-promo span.old-price:before {
        display: none;
    }

div#telekom-full-width-banner {
    position: relative;
}

.travel-and-surf-promo span.new-price {
    position: relative;
    color: #e20074;
    font-family: 'teleNeo-medium' !important;
}

div#internet-roaming-postpejd .internet-balkan-tabsBox {
    background-color: rgba(237,237,237,.85);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}

    div#internet-roaming-postpejd .internet-balkan-tabsBox ul {
        border-bottom: 3px solid #ddd;
        background: transparent;
    }

        div#internet-roaming-postpejd .internet-balkan-tabsBox ul li a {
            background: transparent !important;
            background-color: transparent;
            border: none;
            padding: 10px 10px;
            font-size: 16px;
            color: #000;
            margin-right: 0;
            position: relative;
            text-transform: uppercase;
            vertical-align: middle;
            display: inline-block;
            width: 100%;
        }

        div#internet-roaming-postpejd .internet-balkan-tabsBox ul li.active a:after {
            position: absolute;
            content: "";
            height: 3px;
            background-color: #e20074;
            bottom: -2px;
            width: 100%;
            left: 0;
            border: none;
        }

@media (max-width: 767px) {
    div#internet-roaming-postpejd div#telekom-full-width-banner {
        position: relative;
        top: 0;
    }

    div#internet-roaming-pripejd div#telekom-full-width-banner {
        position: relative;
        top: 0;
        height: 190px;
    }

    div#internet-roaming-postpejd #internet-balkan-tab1 .absolute-banner {
        position: absolute;
        top: 0;
        height: 180px;
        width: 100%;
        background-size: cover;
        background-position: 25% center; 
        z-index: 0;
    }
        div#internet-roaming-postpejd #tab-internet-balkan-tab2 .absolute-banner {
            position: absolute;
            top: 0;
            height: 180px;
            width: 100%;
            background-image: url(../content/images/travel-surf-roaming-balkan-paket-2.jpg);
            background-size: cover;
            background-position: 25% center;
            z-index: 0;
        }

    div#internet-roaming-pripejd #internet-balkan-tab1 .absolute-banner {
        position: absolute;
        top: 0;
        height: 190px;
        width: 100%;
        background-size: cover;
        background-position: center;
        z-index: 0;
    }

    div#internet-roaming-pripejd #tab-internet-balkan-tab2 .absolute-banner {
        position: absolute;
        top: 0;
        height: 200px;
        width: 100%;
        background-size: cover;
        background-position: 30% center;
        z-index: 0;
    }

    #internet-roaming-postpejd #telekom-full-width-banner {
        /* background-image: url('../content/images/roam-like-home-banner.jpg');*/
        background-size: cover;
        background-position: center;
        height: 190px;
    }

    #internet-roaming-pripejd .internet-balkan .internet-balkan-tabsBox {
        position: relative;
        z-index: 2;
        top: 145px;
    }

    div#internet-roaming-postpejd .internet-balkan-tabsBox {
        position: absolute;
        z-index: 2;
    }

    #internet-roaming-pripejd .internet-balkan.sq {
        background-image: url('../content/images/roam-like-home-banner-sq.jpg');
        height: 190px;
        background-size: cover;
        background-position: center;
    }

        #internet-roaming-pripejd .internet-balkan.sq .internet-balkan-tabsBox {
            position: absolute;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#internet-roaming-postpejd .internet-svet-tabsContent #tab-internet-balkan-tab2 .absolute-banner {
        height: 300px;
        background-position: 30% center;
    }
    div#internet-roaming-postpejd .internet-svet-tabsContent #internet-balkan-tab1 .absolute-banner {
        height: 300px;
        background-position: 30% center;
    }

    div#internet-roaming-postpejd div#telekom-full-width-banner {
        position: relative;
        top: 300px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    div#internet-roaming-postpejd .internet-svet-tabsContent #tab-internet-balkan-tab2 .absolute-banner,
    div#internet-roaming-postpejd .internet-svet-tabsContent #internet-balkan-tab1 .absolute-banner {
        background-position: 30% center;
    }

    #internet-roaming-pripejd .absolute-banner img {
        object-position: 30% center;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #internet-roaming-pripejd .absolute-banner img {
        object-position: 40% center;
    }
}
/*#endregion tabovi internet balkan*/

/*#region smart watches*/
#smartWatches p, #smartWatches ul li {
    font-size: 17px;
    color: #000000;
}

.smartWatches-banner {
    background-color: #eaeaea;
    padding: 60px 0 410px 0;
    text-align: center;
}

    .smartWatches-banner h1 {
        font-family: 'teleNeo-extra' !important;
        font-size: 46px;
        color: #e20074;
        text-transform: uppercase;
        margin-bottom: 45px;
        line-height: 1.2;
    }

#smartWatches .smartWatches-naracajBox {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    /*top: -95px;*/
    top: -150px;
}

    #smartWatches .smartWatches-naracajBox a.btn-grey {
        background: transparent;
        color: rgba(61, 61, 61, 0.8);
        font-family: 'teleNeo-regular' !important;
        font-size: 18px;
        border: 1px solid #bbbbbb;
        border-radius: 3px;
        min-height: 0;
        padding: 10px 20px;
        bottom: auto;
        min-width: 110px;
    }

.smartWatches-banner h1 span {
    font-family: teleNeo-medium !important;
    font-size: 38px;
    display: inline-block;
    margin-top: 8px;
}

#smartWatches .smartWatches-priceBox p {
    color: #383838;
    font-size: 30px;
    font-family: 'teleNeo-medium' !important;
    margin-bottom: 12px;
}

    #smartWatches .smartWatches-priceBox p span {
        font-size: 16px;
        font-family: 'teleNeo-medium' !important;
    }

.smartWatches-alcatel {
    padding: 60px 0;
}

.smartWatches-myki {
    padding: 100px 0 10px;
}

    .smartWatches-myki ul li {
        position: relative;
        padding-left: 25px;
    }

        .smartWatches-myki ul li:before {
            content: ']-';
            font-family: 'teleicon-outline';
            position: absolute;
            font-size: 11px;
            top: 6px;
            left: 0;
        }

#smartWatches .smartWatches-alcatel h1.inner-cont,
#smartWatches .smartWatches-myki h1.inner-cont {
    color: #000000;
    font-family: 'teleNeo-bold' !important;
    font-size: 31px;
}

#smartWatches .row.watchWrapper {
    position: relative;
    padding: 10px 0 40px 0;
}

#smartWatches #smartWatches-tab2 .row.watchWrapper:nth-of-type(2) .smartWatches-mykiTxt {
    padding-top: 30px;
    width: 90%;
}

#smartWatches .row.watchWrapper .alc p {
    width: 80%;
}

.smartWatches-introTxt {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 50px;
}

    .smartWatches-introTxt p {
        font-size: 21px;
    }

.smartWatches-tabsBox {
    background-color: white;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.06);
    position: relative;
    z-index: 10;
}

.smartWatches-tabsContent {
    position: relative;
    z-index: 0;
}

.smartWatches-tabsBox ul.nav.nav-tabs li {
    /*width: 50%;*/
    width: 100%;
}

.smartWatches-tabsBox .nav-tabs li a {
    color: white;
    font-family: 'teleNeo-bold' !important;
    border: none;
    background-color: transparent;
    font-size: 21px;
    color: #a6a6a6;
    margin-right: 0;
    position: relative;
    border-radius: 0;
    line-height: 1.2;
    text-align: center;
    min-height: 90px;
    padding-top: 20px;
    transition: 0.2s ease-in-out;
}

    .smartWatches-tabsBox .nav-tabs li a span {
        font-family: 'teleNeo-bold' !important;
    }

    .smartWatches-tabsBox .nav-tabs li a:before, .smartWatches-tabsBox .nav-tabs li.active a:before {
        position: absolute;
        content: "";
        height: 0px;
        background-color: #e20074;
        left: 0;
        right: 0;
        top: -15px;
    }

.smartWatches-tabsBox .nav-tabs li.active a:before {
    height: 15px;
}

.smartWatches-tabsBox li img {
    position: absolute;
    bottom: 240px;
    left: 0;
    right: 0;
    transition: transform 0.25s ease-in-out;
}

.smartWatches-tabsBox .nav-tabs > li a:hover img {
    transform: translateY(-15px);
    transition: transform 0.25s ease-in-out;
}


.smartWatches-tabsBox .nav-tabs {
    border-bottom: 0px solid #ddd;
}

    .smartWatches-tabsBox .nav-tabs > li {
        float: left;
        margin-bottom: 0px;
    }

        .smartWatches-tabsBox .nav-tabs > li.active {
            background-color: #e20074;
        }

            .smartWatches-tabsBox .nav-tabs > li.active > a {
                background-color: #e20074;
                color: white;
                font-family: 'teleNeo-extra' !important;
                font-size: 24px;
                padding-top: 10px;
                transition: 0.2s ease-in-out;
            }

        .smartWatches-tabsBox .nav-tabs > li:not(:active) a:hover {
            color: #000000;
        }

        .smartWatches-tabsBox .nav-tabs > li.active a:hover {
            color: white;
        }

        .smartWatches-tabsBox .nav-tabs > li.active > a span {
            font-family: 'teleNeo-extra' !important;
        }

        .smartWatches-tabsBox .nav-tabs > li.active > a, .smartWatches-tabsBox .nav-tabs > li.active > a:hover, .smartWatches-tabsBox .nav-tabs > li.active > a:focus {
            border: none;
            transition: 0.2s ease-in-out;
        }

.smartWatches-alcatelTxt {
    position: relative;
    padding-top: 70px;
}

.smartWatches-alcatelTxt-left {
    padding-top: 50px;
}

.smartWatches-alcatelTxt ul li {
    position: relative;
    padding-left: 25px;
}

    .smartWatches-alcatelTxt ul li:before {
        content: ']-';
        font-family: 'teleicon-outline';
        position: absolute;
        font-size: 11px;
        top: 6px;
        left: 0;
    }

.smartWatches-tabsBox .nav-tabs > li img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

/*.smartWatches-tabsBox .nav-tabs > li:first-of-type img {
    width: 320px;
}*/


.smartWatches-tabsBox .nav-tabs li .smartWatches-naracajBox a {
    color: rgba(61, 61, 61, 0.8);
    font-family: 'teleNeo-regular' !important;
    font-size: 18px;
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    min-height: 0;
    padding: 10px 20px;
    bottom: auto;
    min-width: 110px;
}

    .smartWatches-tabsBox .nav-tabs li .smartWatches-naracajBox a span {
        font-family: 'teleNeo-regular' !important;
    }

.smartWatches-tabsBox .nav-tabs li .smartWatches-naracajBox .btn-grey:hover,
.smartWatches-tabsBox .nav-tabs li .smartWatches-naracajBox .btn-grey:active,
.smartWatches-tabsBox .nav-tabs li .smartWatches-naracajBox .btn-grey:focus,
.smartWatches-tabsBox .nav-tabs li .smartWatches-naracajBox .btn-grey:active:focus, .btn-grey.active {
    background: #ffffff !important;
}

.smartWatches-tabsBox .nav-tabs li .smartWatches-naracajBox a:before, .smartWatches-tabsBox .nav-tabs li.active .smartWatches-naracajBox a:before {
    display: none;
}

#smartWatches .smartWatches-magentaBox {
    background: #eaeaea;
    padding: 70px 0;
    color: #000000;
}

#smartWatches .smartWatches-magentaBoxIntro {
    margin-bottom: 80px;
    text-align: center;
}

#smartWatches .smartWatches-magentaBox h2 {
    text-transform: uppercase;
    font-family: 'teleNeo-extra' !important;
    font-size: 47px;
    margin-bottom: 40px;
    color: #e20074;
}

    #smartWatches .smartWatches-magentaBox h2 span {
        font-family: 'teleNeo-bold' !important;
        color: #000000;
        font-size: 38px;
    }

#smartWatches .smartWatches-magentaBoxIntro p {
    font-size: 21px;
}

#smartWatches .smartWatches-magentaBox-txt {
    position: relative;
    padding-left: 30px;
}

    #smartWatches .smartWatches-magentaBox-txt img {
        position: absolute;
        right: 0;
        top: 0px;
    }

    #smartWatches .smartWatches-magentaBox-txt p, #smartWatches .smartWatches-magentaBox-txt ul li {
        font-size: 19px;
    }

#smartWatches .smartWatches-magentaBoxTable {
    display: table;
    width: 100%;
}

#smartWatches .smartWatches-magentaBoxTableCell {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    position: relative;
}

    #smartWatches .smartWatches-magentaBoxTableCell a {
        position: relative;
        bottom: auto;
        left: 30px;
        border-radius: 3px;
        min-height: 0;
        padding: 10px 20px;
        font-size: 17px;
    }

#smartWatches .smartWatches-magentaBoxTable h3 {
    font-family: 'teleNeo-regular' !important;
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 0;
    color: #000000;
}

#smartWatches .smartWatches-magentaBoxTable .smartWatches-magentaBoxTableCell ul {
    margin-bottom: 10px;
}

.smartWatches-magentaBoxTableCell ul li {
    position: relative;
    padding-left: 20px;
}

    .smartWatches-magentaBoxTableCell ul li:before {
        content: ']-';
        font-family: 'teleicon-outline';
        position: absolute;
        font-size: 9px;
        top: 8px;
        left: 0;
    }

#smartWatches .smartWatches-magentaBoxTable p.webHub-desclaimer {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 35px;
}

    #smartWatches .smartWatches-magentaBoxTable p.webHub-desclaimer span {
        display: inline-block;
    }

#smartWatches .webHub-magentaBoxIntro {
    margin-bottom: 80px;
    text-align: center;
}

    #smartWatches .webHub-magentaBoxIntro p {
        font-size: 21px;
    }

#smartWatches .webHub-magentaBoxTable {
    display: table;
    width: 100%;
}

#smartWatches .webHub-magentaBoxTableCell {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    position: relative;
}


.smartWatches-mykiImg {
    position: relative;
    text-align: center;
}

.smartwatches-magentaBcg .smartwatches-magentaBcg-box ul li {
    padding-left: 25px;
    position: relative;
}

    .smartwatches-magentaBcg .smartwatches-magentaBcg-box ul li:before {
        content: ']-';
        font-family: 'teleicon-outline';
        position: absolute;
        font-size: 11px;
        top: 6px;
        left: 0;
    }

.smartwatches-magentaBcg .smartwatches-magentaBcg-box .smartwatches-price {
    font-size: 23px;
    font-family: 'teleNeo-bold' !important;
}

.smartwatches-magentaBcg:after {
    content: "";
    position: absolute;
    /* background-image: url('../content/images/cool-kids-m1-box-backround.jpg');*/
    background-image: url('../content/images/myki-watches/myki-bg.jpg');
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 50%;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
}

.smartWatches-mobIcons {
    margin-top: 50px;
    position: relative;
}

.smartwatches-magentaBcg {
    background-color: #e20074;
    /*padding: 70px 0;*/
    padding: 2% 0;
    position: relative;
}

    .smartwatches-magentaBcg a {
        margin-top: 25px;
        padding: 7px 20px;
        border: 1px solid white !important;
    }

    .smartwatches-magentaBcg .smartwatches-magentaBcg-box {
        width: 40%;
        position: relative;
    }

    .smartwatches-magentaBcg * {
        color: white !important;
    }

    .smartwatches-magentaBcg h1 {
        color: #e20074;
        font-size: 38px;
        font-family: teleNeo-bold !important;
    }

.smartWatches-mobIcons a:first-of-type img {
    margin-right: 10px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #smartWatches .smartWatches-sensorSetFull {
        background-size: cover;
    }
}

@media (min-width: 768px) and (max-width: 991px) {


    .smartWatches-introTxt {
        margin-bottom: 20px;
    }

    .smartWatches-banner {
        padding-bottom: 370px;
    }

    #smartWatches h2, .smartWatches-kontrolenCentar h2 {
        font-size: 31px;
    }

    .smartWatches-alcatelTxt-left {
        padding-top: 0px;
    }

    #smartWatches #smartWatches-tab2 .row.watchWrapper:nth-of-type(2) .smartWatches-mykiTxt {
        padding-top: 0px;
        width: 100%;
    }

    .smartwatches-magentaBcg {
        padding: 40px 0;
    }

    .smartWatches-smartCamera {
        padding: 50px 0 40px;
    }

    .smartWatches-kontrolenCentar, .smartWatches-smartCamera-GrayBox, .smartWatches-senzoriZaDvizenje, .smartWatches-senzoriZaVrati, .smartWatches-wifi-prekinuvac {
        padding: 40px 0 40px;
    }

    #smartWatches .smartWatches-smartCamera-GrayBox h2 {
        margin-bottom: 70px;
    }

    #smartWatches .smartWatches-sensorSetFull {
        background-size: cover;
        background-position: right 42% center;
    }

    .smartWatches-smartCameraBox {
        padding: 30px;
    }

    .smartWatches-senzoriZaDvizenjeTxt {
        padding: 0 15px 0 15px;
    }

    #smartWatches .smartWatches-wifi-prekinuvac ul {
        width: 80%;
    }

        #smartWatches .smartWatches-wifi-prekinuvac ul li {
            margin-bottom: 80px;
        }

    .smartWatches-senzoriZaDvizenjeTxt ul {
        margin-top: 30px;
    }

    .smartWatches-sijalicaTxt p {
        width: 80%;
    }

    .smartWatches-sijalica ul {
        width: 80%;
    }

    .smartWatches-sijalica {
        padding: 40px 0 210px;
    }

    .smartWatches-naracajBox {
        top: -145px;
    }

    .smartWatches-tabsBox li img {
        bottom: 235px;
    }

    /*.smartWatches-tabsBox .nav-tabs > li img {
        width: 210px;
    }*/

    .smartWatches-banner h1 {
        width: 85%;
        margin: 0 auto;
        margin-bottom: 45px;
    }

    .smartWatches-tabsBox li img {
        /*bottom: 215px;*/
        bottom: 225px;
    }

    .smartWatches-tabsBox .nav-tabs > li img {
        width: 280px;
    }

    .smartwatches-magentaBcg .smartwatches-magentaBcg-box {
        width: 45%;
        margin: 0;
    }

    .smartwatches-magentaBcg h1 {
        font-size: 34px;
    }

    .smartWatches-alcatel, .smartWatches-myki {
        padding: 50px 0 10px;
    }

    #smartWatches .row.watchWrapper:first-of-type .smartWatches-mykiImg img {
        padding-top: 60px;
    }

    #smartWatches .smartWatches-magentaBox {
        padding: 50px 0;
    }

    .smartWatches-alcatelTxt {
        padding-top: 15px;
    }

    #smartWatches .row.watchWrapper .alc p {
        width: 100%;
    }

    #smartWatches .smartWatches-magentaBoxTableCell a {
        position: relative;
    }

    #smartWatches .smartWatches-magentaBox-txt {
        margin-bottom: 30px;
    }

        #smartWatches .smartWatches-magentaBox-txt img {
            width: 90px;
        }

    #smartWatches .webHub-magentaBox-txt img {
        width: 90px;
    }

    #smartWatches .webHub-magentaBoxTable h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    #smartWatches .smartWatches-magentaBox h2 {
        font-size: 41px;
    }

    #smartWatches .webHub-magentaBoxTable .webHub-magentaBoxTableCell ul {
        margin-bottom: 20px;
    }

    #smartWatches .smartWatches-smartCamera-GrayBox a img {
        max-width: 100px;
    }

    #smartWatches .smartWatches-appBox {
        width: 100%;
    }
}


@media (max-width: 767px) {

    .smartWatches-alcatel, .smartWatches-myki {
        padding: 20px 0;
    }

    #smartWatches .row.watchWrapper {
        padding: 10px 0;
    }

    #smartWatches .smartWatches-alcatel h1.inner-cont, #smartWatches .smartWatches-myki h1.inner-cont {
        font-size: 27px;
    }

    .smartWatches-mobIcons a img {
        width: 135px;
    }

    .smartWatches-alcatelTxt:nth-child(1),
    .smartWatches-alcatelTxt {
        padding: 0;
    }

    #smartWatches .row.watchWrapper .alc p {
        width: 100%;
    }

    .smartwatches-magentaBcg .smartwatches-magentaBcg-box {
        width: 100% !important;
        margin: 0;
    }

    .smartWatches-tabsBox .nav-tabs li a {
        min-height: 70px;
    }

    .smartWatches-mykiImg {
        top: 0;
        padding: 20px 0;
    }

    .smartWatches-alcatelImg {
        text-align: center;
    }

        .smartWatches-alcatelImg img {
            width: 250px;
        }

    .smartWatches-mykiImg img {
        width: 200px;
    }

    .smartWatches-banner h1 {
        font-size: 31px;
        margin-bottom: 30px;
    }

        .smartWatches-banner h1 span {
            font-size: 24px;
            display: inline-block;
            margin-top: 7px;
        }

    .smartWatches-introTxt {
        margin-bottom: 0;
        width: 100%;
    }

    #smartWatches .smartWatches-sensorSetFull .smartWatches-sensorSetTxt li {
        margin-bottom: 10px;
        font-size: 17px;
        padding-left: 35px;
    }

        #smartWatches .smartWatches-sensorSetFull .smartWatches-sensorSetTxt li:before {
            font-size: 24px;
        }

    #smartWatches .smartWatches-sensorSetFull .smartWatches-sensorSetTxt ul {
        margin-bottom: 30px;
    }

    #smartWatches .smartWatches-sensorSetFull {
        background: none;
        padding: 40px 0 10px;
    }

    .smartWatches-banner {
        padding: 40px 0;
        /*padding-bottom: 240px;*/
        padding-bottom: 275px;
    }

    .smartWatches-tabsBox .nav-tabs > li a:hover img {
        transform: translateY(-10px);
    }

    /*.smartWatches-tabsBox .nav-tabs > li:first-of-type img {
        width: 165px;
    }*/

    #smartWatches p, #smartWatches ul li {
        font-size: 17px;
    }

    #smartWatches #smartWatches-tab2 .row.watchWrapper:nth-of-type(2) .smartWatches-mykiTxt {
        width: 100%;
        padding-top: 15px;
    }

    .smartWatches-tabsBox .nav-tabs > li.active > a {
        font-size: 18px;
    }

    .smartWatches-tabsBox .nav-tabs li.active > a span {
        color: white;
    }

    .smartWatches-tabsBox .nav-tabs li a:before, .smartWatches-tabsBox .nav-tabs li.active a:before {
        top: -10px;
    }

    .smartWatches-tabsBox .nav-tabs li.active a:before {
        height: 10px;
    }

    .smartWatches-alcatelTxt-left > img {
        max-width: 270px;
        margin: 0 auto;
    }

    .smartWatches-mobIcons {
        margin-top: 35px;
        position: relative;
    }

    .smartWatches-alcatelTxt-left {
        padding-top: 0;
    }

    .smartWatches-mykiTxt > img {
        width: 290px;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    #smartWatches .smartWatches-myki .row.watchWrapper:first-of-type {
        margin-bottom: 0;
    }

    .smartwatches-magentaBcg:after {
        width: 100%;
        height: 270px;
        top: auto;
        bottom: 0;
    }

    .smartwatches-magentaBcg {
        padding: 25px 0 295px;
    }

        .smartwatches-magentaBcg h1 {
            font-size: 29px;
            margin-bottom: 25px;
        }

    .smartWatches-tabsBox .nav-tabs li a span {
        line-height: 0;
    }

    .smartWatches-tabsBox .nav-tabs > li img {
        width: 80%;
        margin: 0 auto;
    }

    .smartWatches-tabsBox li img {
        /*bottom: 157px;*/
        bottom: 195px;
    }

    .smartWatches-tabsBox .nav-tabs li .smartWatches-naracajBox a {
        padding: 8px 20px;
        min-width: 0;
    }

    #smartWatches .smartWatches-priceBox p {
        font-size: 26px;
    }

    #smartWatches .smartWatches-naracajBox {
        top: -135px;
    }

    .smartWatches-tabsBox .nav-tabs li a {
        font-size: 18px;
        padding: 15px 5px 5px;
    }

    .smartWatches-tabsBox .nav > li {
        border-bottom: 0px solid #F5F5F5;
    }

    .smartWatches-tabsBox .nav-tabs > li.active a:hover {
        color: #e20074 !important;
    }

    .smartWatches-tabsBox .nav-tabs > li.active a#alcatel-tab:hover,
    .smartWatches-tabsBox .nav-tabs > li.active a#myki-tab:hover {
        color: #000000 !important;
    }

    .smartWatches-senzoriZaVratiTxt, .smartWatches-smartCameraTxt {
        width: 90%;
    }

    .smartWatches-kontrolenCentarTxt {
        width: 70%;
    }

    .smartWatches-kontrolenCentar {
        background-position: right 36% center;
        padding: 40px 0 120px;
    }

        .smartWatches-kontrolenCentar p {
            font-family: 'teleNeo-medium' !important;
        }

    .smartWatches-senzoriZaDvizenjeTxt {
        padding-left: 0;
    }

    .smartWatches-senzoriZaDvizenje, .smartWatches-senzoriZaVrati {
        padding: 40px 0 300px;
    }

    .smartWatches-wifi-prekinuvac {
        padding: 40px 0 0;
    }

    .smartWatches-senzoriZaDvizenjeTxt ul {
        margin-top: 20px;
    }

    .smartWatches-senzoriZaDvizenje:before, #smartWatches .smartWatches-senzoriZaVrati:after {
        width: 100%;
        height: 270px;
        top: auto;
        bottom: 0;
    }

    .smartWatches-wifi-prekinuvac:before {
        display: none;
    }

    #smartWatches .smartWatches-senzoriZaVrati h3 {
        font-size: 21px;
    }

    #smartWatches h2, .smartWatches-kontrolenCentar h2 {
        font-size: 29px;
        margin-bottom: 30px;
    }

    #smartWatches .smartWatches-wifi-prekinuvac li:before {
        font-size: 30px;
        top: -3px;
    }

    #smartWatches .smartWatches-wifi-prekinuvac ul li {
        padding-left: 50px;
    }

    #smartWatches .smartWatches-wifi-prekinuvac ul {
        padding: 50px 20px 0px 15px;
        width: 100%;
    }

    #smartWatches .smartWatches-wifi-prekinuvac .smartWatches-wifi-blueBox {
        background-color: #37aee0;
        margin-top: 25px;
    }

    .smartWatches-smartCamera {
        padding: 10% 0 10%;
    }

    .smartWatches-smartCamera {
        padding: 35px 0 430px;
    }

    #smartWatches .smartWatches-smartCamera-GrayBox h2 {
        margin-bottom: 65px;
        padding: 0 15px;
    }

    .smartWatches-smartCamera-GrayBox {
        padding: 45px 0 40px;
        text-align: center;
    }

        .smartWatches-smartCamera-GrayBox .row > div {
            margin-bottom: 60px;
        }

    #smartWatches .smartWatches-smartCamera-GrayBox p.smartWatches-small-txt {
        margin-top: 0;
    }

    #smartWatches .smartWatches-smartCamera:after {
        width: 100%;
        height: 400px;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
    }

    #smartWatches .smartWatches-smartCameraBox {
        width: 60%;
        padding: 40px;
        margin-bottom: 12px;
    }

    .smartWatches-sijalicaTxt p {
        width: 90%;
    }

    .smartWatches-sijalica ul {
        width: 90%;
        float: none;
        margin-top: 50px;
    }

        .smartWatches-sijalica ul li:before {
            font-size: 35px;
        }

        .smartWatches-sijalica ul li {
            margin-bottom: 20px;
        }

    .smartWatches-sijalica {
        padding: 40px 0 290px;
    }

        .smartWatches-sijalica ul {
            margin-top: 20px;
        }

    #smartWatches .smartWatches-magentaBox h2 {
        font-size: 29px;
        margin-bottom: 30px;
    }

        #smartWatches .smartWatches-magentaBox h2 span {
            font-size: 26px;
        }

    #smartWatches .smartWatches-magentaBoxIntro p {
        font-size: 17px;
    }

    #smartWatches .smartWatches-magentaBoxTableCell {
        width: 100%;
        display: block;
    }

    #smartWatches .smartWatches-magentaBoxIntro {
        margin-bottom: 30px;
    }

    #smartWatches .smartWatches-magentaBoxTableCell a {
        position: relative;
        left: 0;
    }

    #smartWatches .smartWatches-magentaBox {
        padding: 35px 25px 30px;
    }

    #smartWatches .smartWatches-magentaBox-txt {
        padding-left: 0;
        margin-bottom: 30px;
        margin-top: 35px;
    }

        #smartWatches .smartWatches-magentaBox-txt img {
            right: -10px;
            top: 30px;
            width: 90px;
        }

    #smartWatches .smartWatches-magentaBoxTable h3 {
        font-size: 22px;
    }

    #smartWatches .smartWatches-magentaBoxTable p.webHub-desclaimer {
        margin-bottom: 20px;
    }

    #smartWatches .webHub-magentaBoxIntro p {
        font-size: 17px;
    }

    #smartWatches .webHub-magentaBoxTableCell {
        width: 100%;
        display: block;
    }

    #smartWatches .webHub-magentaBoxIntro {
        margin-bottom: 30px;
    }

    #smartWatches .webHub-magentaBox-txt {
        padding-left: 0;
        margin-bottom: 30px;
        margin-top: 35px;
    }

        #smartWatches .webHub-magentaBox-txt img {
            right: -10px;
            top: 30px;
            width: 90px;
        }

    #smartWatches .webHub-magentaBoxTable h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    #smartWatches .webHub-magentaBoxTable .webHub-magentaBoxTableCell ul {
        margin-bottom: 20px;
    }

    #smartWatches .smartWatches-appBox {
        width: 100%;
    }

    #smartWatches .smartWatches-priceBox p {
        margin-bottom: 10px;
    }
}


@media (max-width: 374px) {

    .smartWatches-banner h1, .smartWatches-banner h1 span {
        font-size: 21px;
    }

    .smartWatches-banner {
        padding: 30px 0;
        padding-bottom: 210px;
    }

    .smartWatches-mykiImg img {
        width: 170px;
    }

    #smartWatches h2, .smartWatches-kontrolenCentar h2 {
        font-size: 27px;
    }

    .smartWatches-tabsBox .nav-tabs > li.active > a, .smartWatches-tabsBox .nav-tabs li a {
        font-size: 16px;
    }

    .smartWatches-tabsBox .nav-tabs > li img {
        width: 60%;
        margin: 0 auto;
    }

    #smartWatches .smartWatches-magentaBox-txt img {
        width: 70px;
        top: 50px;
    }

    #smartWatches .smartWatches-priceBox p {
        font-size: 24px;
    }

    #smartWatches .webHub-magentaBox-txt img {
        width: 75px;
    }

    #smartWatches .smartWatches-magentaBox h2 {
        font-size: 27px;
    }

        #smartWatches .smartWatches-magentaBox h2 span {
            font-size: 25px;
        }
}



/*#endregion smart watches*/

#safe-kids p {
    font-size: 19px;
}

#safe-kids section.gray-bcg {
    background-color: #eaeaea;
    padding: 60px 0 50px;
    text-align: center;
}

    #safe-kids section.gray-bcg a,
    #safe-kids .safe-kids-boxTxt a {
        margin-top: 30px;
        padding: 7px 20px;
    }

    #safe-kids section.gray-bcg h3 {
        text-transform: uppercase;
        margin: 15px;
    }

#safe-kids .safe-kids-bannerBox {
    background-color: #000000;
}

#safe-kids .safe-kids-introVideoBox {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

    #safe-kids .safe-kids-introVideoBox iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#safe-kids h1 {
    position: relative;
    font-size: 46px;
    font-family: teleNeo-extra !important;
    color: #e20074;
    line-height: 1.2;
    margin-bottom: 45px;
}

    #safe-kids h1 span {
        font-family: teleNeo-medium !important;
        font-size: 38px;
        display: inline-block;
        margin-top: 8px;
    }

#safe-kids .safe-kids-box-one {
    position: relative;
    background-color: white;
    color: #333;
    padding: 70px 0;
    min-height: 470px;
}

    #safe-kids .safe-kids-box-one .safe-kids-boxTxt {
        padding-left: 50px;
    }

#safe-kids .safe-kids-box-two {
    position: relative;
    background-color: white;
    color: #333;
    min-height: 470px;
    padding: 70px 0;
}

.safe-kids-box-two .safe-kids-boxTxt {
    width: 45%;
}

span.smartWatchInline {
    display: inline-block;
}

#safe-kids .safe-kids-boxTxt h2 {
    font-size: 27px;
    font-family: teleNeo-medium !important;
    margin-bottom: 30px;
}



#safe-kids .safe-kids-box-one:after {
    position: absolute;
    content: "";
    background: url(../content/images/safe-kids-1.jpg) no-repeat center;
    background-size: cover;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
}

#safe-kids .safe-kids-box-two:after {
    position: absolute;
    content: "";
    background: url(../content/images/safe-kids-2.jpg) no-repeat center;
    background-size: cover;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    background-position: top 60% left;
}

@media (min-width: 768px) and (max-width: 991px) {

    #safe-kids .safe-kids-box-one .safe-kids-boxTxt {
        padding-left: 0;
        padding: 0 15px;
    }

    #safe-kids .safe-kids-box-one, #safe-kids .safe-kids-box-two {
        padding: 45px 0;
    }

    .safe-kids-box-two .safe-kids-boxTxt {
        width: 46%;
    }

    #safe-kids .safe-kids-boxTxt h2 {
        font-size: 24px;
    }
}

@media (max-width: 767px) {

    #safe-kids h1 {
        font-size: 31px;
        margin-bottom: 30px;
    }

    #safe-kids section.gray-bcg {
        padding: 30px 0 30px;
    }

    #safe-kids h1 span {
        font-size: 24px;
        display: inline-block;
        margin-top: 7px;
    }

    #safe-kids section.gray-bcg h3 {
        font-size: 20px;
        font-family: 'teleNeo-medium' !important;
    }

    #safe-kids .safe-kids-bannerBox {
        min-height: 195px;
    }

    #safe-kids section.gray-bcg a, #safe-kids .safe-kids-boxTxt a {
        margin-top: 20px;
    }

    #safe-kids p {
        font-size: 17px;
    }

    #safe-kids .safe-kids-box-one:after, #safe-kids .safe-kids-box-two:after {
        width: 100%;
        height: 270px;
        top: auto;
        bottom: 0;
    }

    #safe-kids .safe-kids-box-one, #safe-kids .safe-kids-box-two {
        min-height: 0;
        padding: 35px 0 300px;
    }

        #safe-kids .safe-kids-box-one .safe-kids-boxTxt {
            padding-left: 0;
        }

    .safe-kids-box-two .safe-kids-boxTxt {
        width: 100%;
    }

    #safe-kids .safe-kids-boxTxt h2 {
        font-size: 22px;
    }
}

/*#region tarifa cool new*/
.tarifa-cool-new {
    position: relative;
}

    .tarifa-cool-new .first .container {
        position: relative;
        height: 100%;
    }

    .tarifa-cool-new .first {
        position: relative;
        height: 450px;
    }

    .tarifa-cool-new section.first:after {
        position: absolute;
        width: 50%;
        background-image: url(../content/images/tarifa-cool-2019-full-img.jpg);
        height: 450px;
        left: 0;
        content: "";
        top: 0;
        background-position: 20% 30%;
        background-repeat: no-repeat;
    }

    .tarifa-cool-new section.first:before {
        content: "";
        position: absolute;
        background-color: #e20074;
        right: 0;
        display: inline;
        height: 450px;
        left: 0;
    }


    .tarifa-cool-new .first .right-box {
        right: 0;
        position: absolute;
        width: 50%;
        display: inline;
        float: left;
        background-color: #e20074;
        color: white;
        padding: 55px 0px 55px 65px;
        height: 450px;
    }

    .tarifa-cool-new .right-box h2 {
        position: relative;
        text-transform: uppercase;
    }

    .tarifa-cool-new .right-box p.uppercase {
        text-transform: uppercase;
        font-size: 18px;
        margin-top: 30px;
    }

    .tarifa-cool-new .right-box table {
        background-color: transparent;
        color: white;
    }

        .tarifa-cool-new .right-box table td {
            padding: 5px 0;
            font-size: 18px;
        }

    .tarifa-cool-new .second {
        position: relative;
        height: 600px;
    }

        .tarifa-cool-new .second .container {
            position: relative;
            height: 100%;
        }

        .tarifa-cool-new .second:after {
            position: absolute;
            width: 50%;
            background-image: url(../content/images/cool-tarifa-wave-bcg.jpg);
            background-size: 110%;
            background-repeat: no-repeat;
            height: 100%;
            background-position: center;
            content: "";
            left: 0;
            top: 0;
            transform: scale(1.3);
            z-index: 0;
        }

        .tarifa-cool-new .second .left-box {
            width: 50%;
            padding: 35px 0;
        }

            .tarifa-cool-new .second .left-box img {
                margin: 0 !important;
                height: 450px;
                left: 0;
                z-index: 3;
                position: relative;
            }

        .tarifa-cool-new .second .right-box {
            width: 50%;
            position: absolute;
            height: 100%;
            padding: 55px 65px;
            right: 0;
            top: 0;
            z-index: 3;
        }

            .tarifa-cool-new .second .right-box img.hidden-xs {
                margin: 0 !important;
                margin-top: 30px !important;
            }

            .tarifa-cool-new .second .right-box p {
                position: relative;
            }

            .tarifa-cool-new .second .right-box .telekom-mk-app-mobIcons img {
                margin: 10px auto !important;
                display: inline-block !important;
            }

    .tarifa-cool-new .third {
        position: relative;
        margin-top: 30px;
    }

@media screen and (max-width: 767px) {

    .tarifa-cool-new .first {
        height: auto;
    }

    .tarifa-cool-new section.first:after {
        height: 350px;
        top: 0;
        width: 100%;
    }

    .tarifa-cool-new .first .left-box {
        height: 350px;
        position: relative;
    }

    .tarifa-cool-new .first .right-box {
        position: relative;
        width: 100%;
        height: auto;
        padding: 35px 20px;
    }

    .tarifa-cool-new .second {
        height: auto;
    }

        .tarifa-cool-new .second:after {
            width: 100%;
            height: 350px;
            transform: none;
        }

        .tarifa-cool-new .second .left-box {
            height: 350px;
            width: 100%;
            padding: 35px 0;
            position: relative;
        }

            .tarifa-cool-new .second .left-box img {
                height: 330px;
                margin: 0 auto !important;
            }

        .tarifa-cool-new .second .right-box {
            height: auto;
            width: 100%;
            position: relative;
            padding: 35px 20px;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .tarifa-cool-new .first .right-box, .tarifa-cool-new .second .right-box {
        padding: 35px 0px 35px 40px;
    }

    .tarifa-cool-new section.first:after {
        background-position: 33% 30%;
    }

    .tarifa-cool-new .second .left-box {
        padding: 35px 0;
    }
}

@media screen and (max-width: 1199px) {
    .tarifa-cool-new .right-box p.uppercase, .tarifa-cool-new .second .right-box p {
        width: 100%;
    }
}
/*#endregion tarifa cool new */


/*#region magenta plus opcii*/
#magentaPlus-opcii {
    position: relative;
    padding: 40px 0 100px 0;
}

    #magentaPlus-opcii .none {
        display: none;
        font-size: 15px;
        line-height: 1.1;
        font-weight: normal;
    }

    #magentaPlus-opcii .container {
        position: relative;
        height: 100%;
    }

    #magentaPlus-opcii h1 {
        position: relative;
        text-transform: uppercase;
        color: #333;
        font-family: 'teleNeo-extra' !important;
        font-size: 35px;
    }

    #magentaPlus-opcii h2 {
        position: relative;
        text-transform: uppercase;
        font-size: 29px;
        font-family: 'teleNeo-medium' !important;
    }

    #magentaPlus-opcii .container img {
        position: absolute;
        right: 0px;
        top: 30px;
        z-index: 9;
        width: 110px;
    }

    #magentaPlus-opcii .magentaPlus-boxes-wrapper.row {
        position: relative;
        padding-top: 80px
    }

    #magentaPlus-opcii .magentaPlus-boxes-wrapper .magentaPlus-s,
    #magentaPlus-opcii .magentaPlus-boxes-wrapper .magentaPlus-m,
    #magentaPlus-opcii .magentaPlus-boxes-wrapper .magentaPlus-l {
        position: relative;
        min-height: 630px;
        border: 1px solid rgba(239, 239, 239, 0.7);
        padding: 25px;
        box-shadow: 0px 0px 32px 5px rgba(234, 234, 234, 0.7);
    }

        #magentaPlus-opcii .magentaPlus-boxes-wrapper .magentaPlus-s span,
        #magentaPlus-opcii .magentaPlus-boxes-wrapper .magentaPlus-m span,
        #magentaPlus-opcii .magentaPlus-boxes-wrapper .magentaPlus-l span {
            font-size: 17px;
            font-family: 'teleNeo-medium' !important;
            display: block;
            margin-bottom: 10px;
        }

    #magentaPlus-opcii .magentaPlus-header h2 {
        position: relative;
        font-family: 'teleNeo-extra' !important;
        font-size: 33px;
        margin-bottom: 25px;
    }

        #magentaPlus-opcii .magentaPlus-header h2 span {
            position: relative;
            font-size: 55px !important;
            text-align: center;
        }

    #magentaPlus-opcii .magentaPlus-content p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    #magentaPlus-opcii input {
        position: relative;
        display: inline;
    }


    #magentaPlus-opcii input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    #magentaPlus-opcii label {
        display: block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 15px;
        margin-top: 10px;
        cursor: pointer;
        font-size: 17px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        line-height: 1.2;
    }

    #magentaPlus-opcii .checkmark {
        position: absolute;
        top: 0px;
        left: 0;
        border-radius: 50%;
        background: url(../images/radio-false.png) no-repeat 0 0;
        background-size: cover;
        display: block;
        position: absolute;
        right: auto;
        line-height: 6px;
        height: 22px;
        width: 22px;
    }

    #magentaPlus-opcii label:hover input ~ .checkmark {
        background-color: #ccc;
    }

    #magentaPlus-opcii label input:checked ~ .checkmark {
        background: url(../images/radio-true.png) no-repeat 0 0;
        background-size: cover;
    }

    #magentaPlus-opcii .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    #magentaPlus-opcii label input:checked ~ .checkmark:after {
        display: block;
    }

    #magentaPlus-opcii .magentaPlus-content {
        position: relative;
        min-height: 250px;
    }

    #magentaPlus-opcii .magentaPlus-qr {
        position: absolute;
        bottom: 0;
        display: block;
        margin: 0 auto;
        width: 100%;
        left: 0;
        right: 0;
        padding: 20px;
    }

        #magentaPlus-opcii .magentaPlus-qr img {
            position: relative !important;
            width: 100px;
            height: auto;
            margin: 0 auto;
            display: block;
            top: 0;
            right: 0;
        }

        #magentaPlus-opcii .magentaPlus-qr p.text-small {
            position: relative;
            line-height: 1.1;
            font-size: 14px;
            margin-top: 20px;
        }

.magentaPlus-steps {
    position: relative;
    padding: 40px 0;
    background-image: url('../content/images/m1-app-cekori-background.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .magentaPlus-steps #magentaPlusCarousel {
        position: relative;
    }

        .magentaPlus-steps #magentaPlusCarousel h2 {
            color: #000;
            position: relative;
            text-transform: uppercase;
            font-size: 29px;
            font-family: 'teleNeo-medium' !important;
        }

        .magentaPlus-steps #magentaPlusCarousel ol {
            position: absolute;
            top: 90px;
            height: 80px;
        }

            .magentaPlus-steps #magentaPlusCarousel ol li {
                text-indent: 0;
                background-color: white;
                color: #e20074;
                font-size: 26px;
                border-radius: 50%;
                width: 55px;
                height: 55px;
                text-align: center;
                padding: 5px 0;
                font-family: 'teleNeo-bold' !important;
                border: 1px solid #e20074;
                background-image: none;
                line-height: 1.6;
                margin: 0 30px;
            }

                .magentaPlus-steps #magentaPlusCarousel ol li.active {
                    background-color: #e20074;
                    color: white;
                }

        .magentaPlus-steps #magentaPlusCarousel .carousel-inner {
            position: relative;
            margin-top: 110px;
        }

            .magentaPlus-steps #magentaPlusCarousel .carousel-inner .step1,
            .magentaPlus-steps #magentaPlusCarousel .carousel-inner .step2,
            .magentaPlus-steps #magentaPlusCarousel .carousel-inner .step3,
            .magentaPlus-steps #magentaPlusCarousel .carousel-inner .step4 {
                position: relative;
                padding: 15% 0 0;
                width: 80%;
            }

            .magentaPlus-steps #magentaPlusCarousel .carousel-inner p {
                display: block !important;
                position: relative;
                font-size: 22px;
                line-height: 1.2;
            }

            .magentaPlus-steps #magentaPlusCarousel .carousel-inner h3 {
                position: relative;
                font-family: 'teleNeo-medium' !important;
                font-size: 35px;
                margin-bottom: 25px;
            }

    .magentaPlus-steps .magentaPlusCarouselBox {
        padding-left: 50px;
    }

@media screen and (max-width: 767px) {
    #magentaPlus-opcii {
        padding-bottom: 30px;
    }

        #magentaPlus-opcii h1 {
            font-size: 21px;
        }

        #magentaPlus-opcii h2 {
            font-size: 20px;
        }

        #magentaPlus-opcii .container img {
            right: 20px;
            top: 7%;
            width: 85px;
        }

        #magentaPlus-opcii .magentaPlus-header h2 {
            font-size: 28px;
            margin-bottom: 15px;
        }

        #magentaPlus-opcii .magentaPlus-content {
            min-height: 140px;
        }

        #magentaPlus-opcii .magentaPlus-boxes-wrapper .magentaPlus-s,
        #magentaPlus-opcii .magentaPlus-boxes-wrapper .magentaPlus-m,
        #magentaPlus-opcii .magentaPlus-boxes-wrapper .magentaPlus-l {
            min-height: 330px;
            border: 1px solid #efefef;
            box-shadow: none;
            margin-bottom: 30px;
        }

    .magentaPlus-steps #magentaPlusCarousel ol {
        height: 60px;
        top: 10px;
        margin: 0;
        left: 25%;
    }

        .magentaPlus-steps #magentaPlusCarousel ol li {
            width: 40px;
            height: 40px;
            padding: 1px 0;
            display: inline-block;
            font-size: 23px;
            margin: 0 3px !important;
        }

    .magentaPlusCarouselBox {
        text-align: center;
    }

        .magentaPlusCarouselBox img {
            height: 300px;
            width: auto;
        }

    .magentaPlus-steps #magentaPlusCarousel .carousel-inner .step1,
    .magentaPlus-steps #magentaPlusCarousel .carousel-inner .step2,
    .magentaPlus-steps #magentaPlusCarousel .carousel-inner .step3,
    .magentaPlus-steps #magentaPlusCarousel .carousel-inner .step4 {
        padding: 15px 30px;
        width: 100%;
    }

    .magentaPlus-steps #magentaPlusCarousel .carousel-inner h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .magentaPlus-steps #magentaPlusCarousel .carousel-inner p {
        font-size: 19px;
    }

    .magentaPlus-steps #magentaPlusCarousel .carousel-inner {
        margin-top: 90px;
    }
}

@media screen and (max-width: 991px) {


    #magentaPlus-opcii .magentaPlus-boxes-wrapper .telekom-mk-app-mobIcons img {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        width: 120px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    #magentaPlus-opcii .telekom-mk-app-mobIcons {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        text-align: center;
    }

        #magentaPlus-opcii .telekom-mk-app-mobIcons img {
            margin-bottom: 10px;
            margin-right: 0;
        }

    #magentaPlus-opcii .container img {
        top: 85px;
        right: 0;
    }

    .magentaPlus-steps #magentaPlusCarousel ol {
        height: 90px;
    }

        .magentaPlus-steps #magentaPlusCarousel ol li {
            margin: 0 20px !important;
        }
}

.backToMagenta-btn.row {
    text-align: center;
    position: relative;
    padding-top: 45px;
}

    .backToMagenta-btn.row a {
        position: relative;
        padding: 8px 13px;
        font-size: 18px;
    }

.magenta1-video-bcg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 0;
}

    .magenta1-video-bcg video {
        position: relative;
        height: auto;
    }

/*#endregion magenta plus opcii*/

.kalkulator-full-width {
    position: relative;
    background-color: #e20074;
    padding: 50px 0;
}

    .kalkulator-full-width h2 {
        color: white !important;
        margin-bottom: 30px !important;
    }

    .kalkulator-full-width a {
        color: white;
        font-size: 20px;
        text-transform: uppercase;
        border: 1px solid white;
        display: block;
        width: 150px;
        margin: 0 auto;
        border-radius: 3px;
    }

        .kalkulator-full-width a:hover,
        .kalkulator-full-width a:focus {
            background-color: white;
            color: #e20074;
        }


/*#region tv-promo banner*/
#tv-promo .tv-promo-banner {
    background: url(../content/images/tv-promo-banner-bcg.jpg) no-repeat center;
    height: 326px;
    position: relative;
    background-size: cover;
    padding: 30px 0;
}

#tv-promo .tv-promo-header {
    position: relative;
    padding: 55px 0;
    text-align: center;
}

    #tv-promo .tv-promo-header .tv-promo-qr {
        position: relative;
        margin: 0 auto;
        padding-top: 45px;
        width: 55%;
        display: table;
    }

        #tv-promo .tv-promo-header .tv-promo-qr .tv-promo-qr-text,
        #tv-promo .tv-promo-header .tv-promo-qr .tv-promo-qr-img {
            position: relative;
            width: 65%;
            display: table-cell;
            vertical-align: middle;
        }



        #tv-promo .tv-promo-header .tv-promo-qr .tv-promo-qr-img {
            width: 35%;
            text-align: right;
        }

        #tv-promo .tv-promo-header .tv-promo-qr p {
            font-size: 19px;
            width: 100%;
            position: relative;
            text-align: left;
            margin-bottom: 15px;
        }

            #tv-promo .tv-promo-header .tv-promo-qr p.text-small {
                position: relative;
                line-height: 1.1;
                font-size: 14px;
                width: 100%;
            }

    #tv-promo .tv-promo-header .telekom-mk-app-mobIcons {
        padding-top: 20px;
    }

        #tv-promo .tv-promo-header .telekom-mk-app-mobIcons p {
            padding-bottom: 15px;
        }

    #tv-promo .tv-promo-header h2 {
        position: relative;
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
        font-size: 31px;
        margin-bottom: 30px;
    }

    #tv-promo .tv-promo-header p {
        font-size: 19px;
        width: 80%;
        margin: 0 auto;
    }

#tv-promo .tv-promo-boxesOne {
    background: #262626;
    position: relative;
    padding: 3% 0;
    color: white;
}

    #tv-promo .tv-promo-boxesOne:after {
        content: "";
        position: absolute;
        background-image: url(../content/images/tv-promo-right-image.jpg);
        background-position: right 15% center;
        background-size: cover;
        height: 100%;
        width: 50%;
        right: 0;
        top: 0;
        background-repeat: no-repeat;
    }

    #tv-promo .tv-promo-boxesOne .tv-promo-leftBox {
        position: relative;
        width: 43%;
    }

        #tv-promo .tv-promo-boxesOne .tv-promo-leftBox h3 {
            font-size: 24px;
            margin-bottom: 35px;
        }

            #tv-promo .tv-promo-boxesOne .tv-promo-leftBox h3 strong {
                font-family: teleNeo-extra !important;
            }

        #tv-promo .tv-promo-boxesOne .tv-promo-leftBox p {
            font-size: 18px;
        }


#tv-promo .tv-promo-boxesTwo {
    background: white;
    position: relative;
    padding: 3% 0;
    color: #333;
}

    #tv-promo .tv-promo-boxesTwo:after {
        content: "";
        position: absolute;
        background-image: url(../content/images/tv-promo-left-image.jpg);
        background-position: right 23% center;
        background-size: cover;
        height: 100%;
        width: 50%;
        left: 0;
        top: 0;
        background-repeat: no-repeat;
    }

    #tv-promo .tv-promo-boxesTwo .tv-promo-rightBox {
        position: relative;
        width: 43%;
        float: right;
    }

        #tv-promo .tv-promo-boxesTwo .tv-promo-rightBox h3 {
            font-size: 24px;
            margin-bottom: 35px;
        }

            #tv-promo .tv-promo-boxesTwo .tv-promo-rightBox h3 strong {
                font-family: 'teleNeo-extra' !important;
            }

        #tv-promo .tv-promo-boxesTwo .tv-promo-rightBox p {
            font-size: 17px;
        }

@media (max-width: 991px) {
    #tv-promo .tv-promo-boxesTwo:after,
    #tv-promo .tv-promo-boxesOne:after {
        height: 250px;
        width: 100%;
        left: 0;
        top: auto;
        bottom: 0;
    }

    #tv-promo .tv-promo-boxesTwo .tv-promo-rightBox,
    #tv-promo .tv-promo-boxesOne .tv-promo-leftBox {
        width: 100%;
        float: none;
        padding-bottom: 265px;
    }

        #tv-promo .tv-promo-boxesTwo .tv-promo-rightBox h3,
        #tv-promo .tv-promo-boxesOne .tv-promo-leftBox h3 {
            font-size: 26px;
            margin-bottom: 25px;
        }

    #tv-promo .tv-promo-header {
        padding: 40px 0;
    }

        #tv-promo .tv-promo-header h2 {
            font-size: 31px;
            margin-bottom: 25px;
        }

        #tv-promo .tv-promo-header p {
            font-size: 17px;
            width: 100%;
        }
}

@media (max-width: 767) {
    #tv-promo .tv-promo-boxesTwo .tv-promo-rightBox h3,
    #tv-promo .tv-promo-boxesOne .tv-promo-leftBox h3 {
        font-size: 21px;
    }

    #tv-promo .tv-promo-header h2 {
        font-size: 24px;
        margin-bottom: 25px;
    }
}
/*#endregion tv-promo banner*/


/*.telekom-app-tv-promo {
    background-image: url(content/images/telekom-mk-app-tv-promo-banner.jpg);
    height: 470px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}*/


.telekom-app-tv-promo .banner-wrapper {
    background-image: url(content/images/telekom-mk-app-tv-promo-banner.jpg);
    height: 470px;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    padding: 30px 0;
}

.telekom-app-tv-promo .header-bcg {
    position: relative;
}

    .telekom-app-tv-promo .header-bcg a {
        position: absolute;
        bottom: 80px;
        left: 20px;
        z-index: 999;
        font-size: 24px;
        color: white;
        text-transform: uppercase;
        border-bottom: 1px solid white;
    }

        .telekom-app-tv-promo .header-bcg a:hover {
            text-decoration: none !important;
        }

@media(max-width: 767px) {
    .telekom-app-tv-promo .header-bcg a {
        bottom: 50px;
        left: 15px;
        font-size: 19px;
    }

    .telekom-app-tv-promo .banner-wrapper {
        height: auto;
    }
}

.side-panel .package-preferences ul .whiteBcg-internet {
    position: relative;
    display: inline;
}

.mobileLines li span div.whiteBcg-internet {
    display: inline;
}

.lines-section .magenta1-box div.line-through {
    position: relative;
    display: inline;
}

.package-preferences ul li div.line-through {
    position: relative;
    display: inline;
}

.mobProp div.line-through,
.mobileLines div.line-through {
    position: relative;
    display: inline;
    font-weight: 500;
}

.podarok-10-gb {
    position: relative;
    background-color: #e20074;
    padding: 8px 10px;
    color: white;
    display: inline-block;
    width: 140px;
    line-height: 17px;
    font-size: 15px;
    text-align: center;
}

    .podarok-10-gb span {
        color: white;
        font-size: 15px;
    }
/*#region iPhone 11*/
.iPhone-11-pro-wrapper,
.iPhone-11-wrapper {
    position: relative;
    text-align: center;
    background-color: black;
    padding: 100px 0 0;
}

.iPhone-11-wrapper {
    position: relative;
    text-align: center;
    background-color: white;
    padding: 100px 0 0;
}

    .iPhone-11-pro-wrapper *,
    .iPhone-11-wrapper * {
        font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
    }

.iPhone-11-pro-wrapper .blackBcg img:first-of-type {
    width: 215px !important;
}

.iPhone-11-wrapper .whiteBcg img:first-of-type {
    width: 135px !important;
}

.iPhone-11-wrapper .whiteBcg p {
    text-align: center;
}

.iPhone-11-pro-wrapper h1 {
    font-size: 55px;
    color: white;
    text-transform: unset;
    margin: 30px 0 80px 0;
}

.iPhone-11-wrapper h1 {
    font-size: 55px;
    color: black;
    text-transform: unset;
    margin: 30px 0 80px 0;
}

.iPhone-11-pro-wrapper .buttons,
.iPhone-11-wrapper .buttons {
    margin-bottom: 40px;
}

.iPhone-11-pro-wrapper a,
.iPhone-11-wrapper a {
    POSITION: RELATIVE;
    display: inline;
    color: rgba(255, 255, 255, 0.8);
    font-size: 19px;
    font-family: "HelveticaNeueCyr-Regular", Helvetica, Arial !important;
    border: 1px solid white;
    width: auto;
    margin: 0 auto;
    border-radius: 6px;
    padding: 7px 10px;
    margin: 0 20px;
}

.iPhone-11-wrapper a {
    color: #6e6e73 !important;
    border: 1px solid #6e6e73;
    margin-top: 50px;
}

    .iPhone-11-pro-wrapper a:hover,
    .iPhone-11-wrapper a:hover {
        text-decoration: none;
    }

.iPhone-11-pro-wrapper section.blackBcg {
    background-color: black;
    margin-bottom: 0;
    padding: 0;
}

.iPhone-11-wrapper section.whiteBcg {
    background-color: white;
    margin-bottom: 0;
    padding: 0;
}

    .iPhone-11-pro-wrapper section.blackBcg img,
    .iPhone-11-wrapper section.whiteBcg img {
        position: relative;
        width: 350px;
        height: auto;
        bottom: 0;
    }

.iPhone-11-pro-wrapper section {
    background-color: #111;
    margin-bottom: 15px;
    padding: 50px 0;
}

.iPhone-11-wrapper section {
    background-color: white;
    border-bottom: 10px solid #fafafa;
    padding: 50px 0;
}

.iPhone-11-pro-wrapper section:nth-child(7) {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.iPhone-11-wrapper section:nth-child(7) {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

    .iPhone-11-wrapper section:nth-child(6) img,
    .iPhone-11-wrapper section:nth-child(7) img,
    .iPhone-11-pro-wrapper section:nth-child(6) img,
    .iPhone-11-pro-wrapper section:nth-child(7) img {
        margin-top: 40px;
    }

.iPhone-11-pro-wrapper section h2,
.iPhone-11-pro-wrapper section h3,
.iPhone-11-pro-wrapper section p {
    text-align: left;
}

.iPhone-pro-wrapper section h2,
.iPhone-11-wrapper section h3,
.iPhone-11-wrapper section p {
    text-align: left;
}


.iPhone-11-pro-wrapper section h3,
.iPhone-11-wrapper section h3 {
    font-size: 30px;
    color: #888888;
}

.iPhone-11-pro-wrapper section h2,
.iPhone-11-wrapper section h2 {
    font-size: 44px;
    color: white;
    line-height: 1.2;
    margin: 30px 0 50px 0;
}

.iPhone-11-wrapper section h2 {
    color: black !important;
    text-align: left;
}

.iPhone-11-pro-wrapper section p,
.iPhone-11-wrapper section p {
    font-size: 28px;
    color: #cccccc;
    font-family: "HelveticaNeueCyr-Regular", Helvetica, Arial !important;
    margin-top: 50px;
}

.iPhone-11-wrapper section p {
    color: #696969 !important;
}

.iPhone-11-pro-wrapper section sup,
.iPhone-11-wrapper section sup {
    font-size: 19px;
    font-family: "HelveticaNeueCyr-Regular", Helvetica, Arial !important;
}

.iPhone-11-pro-wrapper section .trojna-kamera,
.iPhone-11-wrapper section .trojna-kamera {
    position: relative;
    width: 100%;
    display: block;
    min-height: 100px;
    margin-top: 20px;
}

    .iPhone-11-wrapper section .trojna-kamera:last-child {
        min-height: 130px;
    }

.iPhone-11-pro-wrapper section .img-left,
.iPhone-11-wrapper section .img-left {
    position: absolute;
    float: left;
    display: inline;
    width: 60px;
    left: 0;
    top: 30px;
}

.iPhone-11-pro-wrapper section .text-right,
.iPhone-11-wrapper section .text-right {
    position: absolute;
    display: inline;
    float: left;
    padding-left: 80px;
    bottom: 0;
    left: 0;
}

    .iPhone-11-pro-wrapper section .text-right p,
    .iPhone-11-wrapper section .text-right p {
        font-size: 22px;
        margin-top: 0;
        color: white;
    }

section.references {
    background: #f2f2f2;
    color: #888888;
    font-family: "HelveticaNeueCyr-Regular", Helvetica, Arial !important;
    text-align: left;
}

    section.references ol li {
        font-family: "HelveticaNeueCyr-Regular", Helvetica, Arial !important;
        text-align: left;
        font-size: 17px;
        padding: 11px 0;
    }

    section.references p {
        font-size: 17px;
        margin-top: 0;
        color: #888888;
        padding: 0 20px;
    }

@media (min-width: 1200px) {
    .iPhone-11-pro-wrapper .container,
    .iPhone-11-wrapper .container {
        width: 570px;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    .iPhone-11-pro-wrapper .container,
    .iPhone-11-wrapper .container {
        width: 560px;
    }
}

@media (max-width: 991px) {
    /*.iPhone-11-pro-wrapper .container,
    .iPhone-11-wrapper .container {
        width: 550px;
    }*/
}

@media (max-width: 767px) {
    .iPhone-11-pro-wrapper h1,
    .iPhone-11-wrapper h1 {
        font-size: 36px;
    }

    .iPhone-11-pro-wrapper a,
    .iPhone-11-wrapper a {
        font-size: 19px;
        width: 140px;
    }

    .iPhone-11-pro-wrapper section.blackBcg img,
    .iPhone-11-wrapper section.whiteBcg img {
        width: 260px;
    }

    .iPhone-11-pro-wrapper section h3,
    .iPhone-11-wrapper section h3 {
        font-size: 27px;
    }

    .iPhone-11-pro-wrapper section h2,
    .iPhone-11-wrapper section h2 {
        font-size: 34px;
    }

    .iPhone-11-pro-wrapper section p,
    .iPhone-11-wrapper section p {
        font-size: 21px;
    }

    .iPhone-11-pro-wrapper section .trojna-kamera,
    .iPhone-11-wrapper section .trojna-kamera {
        min-height: 125px;
    }

    .iPhone-11-pro-wrapper section .text-right p,
    .iPhone-11-wrapper section .text-right p {
        font-size: 16px;
    }

    .iPhone-11-pro-wrapper section .trojna-kamera:last-child {
        min-height: 84px;
    }

    section.references ol li {
        font-size: 15px;
    }
}
/*#endregion iPhone 11*/

.osuguruvanje-full-banner {
    padding: 40px 0 20px 0;
    background-image: url('../content/images/Baner_Osiguruvanje.jpg');
    background-size: cover;
    height: 375px;
}

    .osuguruvanje-full-banner .container {
        position: relative;
        padding: 0;
    }

    .osuguruvanje-full-banner h1 {
        position: relative;
        color: white;
        width: 50%;
        font-family: 'teleNeo-extra' !important;
        font-size: 40px;
    }

    .osuguruvanje-full-banner img.osiguruvanje-img {
        position: absolute;
        right: 0;
        top: 0px;
        width: 350px;
    }

    .osuguruvanje-full-banner.osuguruvanje-full-banner-sq img.osiguruvanje-img {
        width: auto;
    }

img.osiguruvanje-ec {
    position: absolute;
    right: 39%;
    width: 150px;
}

.osuguruvanje-full-banner.osuguruvanje-full-banner-sq img.osiguruvanje-ec {
    right: 50%;
}

@media(max-width: 767px) {
    .osuguruvanje-first-row-text h2 {
        padding-right: 60px;
    }

    .osuguruvanje-full-banner {
        padding: 15px 30px 15px 15px;
        height: auto;
    }

        .osuguruvanje-full-banner h1 {
            font-size: 18px !important;
            width: 100%;
        }

        .osuguruvanje-full-banner.osuguruvanje-full-banner-sq h1 {
            width: 90%;
        }

        img.osiguruvanje-ec,
        .osuguruvanje-full-banner.osuguruvanje-full-banner-sq img.osiguruvanje-ec {
            z-index: 9;
            position: absolute;
            right: 0px;
            top: 60px;
            width: 90px;
        }

    .osiguruvanje-first-row .skrshen-ekran {
        display: none;
    }

    #osiguruvanje-wraper .osiguruvanje-first-row h1 {
        width: 100%;
        padding: 0;
        top: 0;
    }
}

@media (min-width:768px) and (max-width: 991px) {
    .osuguruvanje-full-banner.osuguruvanje-full-banner-sq h1 {
        width: 40%;
    }

    .osuguruvanje-full-banner.osuguruvanje-full-banner-sq img.osiguruvanje-img {
        width: 380px;
    }

    img.osiguruvanje-ec {
        right: 48%;
        top: 170px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .osuguruvanje-full-banner.osuguruvanje-full-banner-sq h1 {
        width: 40%;
    }

    .osuguruvanje-full-banner.osuguruvanje-full-banner-sq img.osiguruvanje-img {
        width: 380px;
    }

    img.osiguruvanje-ec {
        right: 38%;
        top: 170px;
    }
}

div.banner-proslavuvame {
    position: relative;
    margin-top: 30px;
    display: block;
    text-align: center;
    background-image: url('../content/images/proslavuvame-i-podaruvame-banner.jpg');
    background-repeat: no-repeat;
    height: 100px;
    background-size: cover;
}


/*#region ostanati paketi new*/
.ostanati-paketi-wrapper {
    position: relative;
    margin: 25px 0;
}

.ostanati-paketi-content {
    min-height: 300px;
    text-align: center;
}



    .ostanati-paketi-content h2 {
        text-transform: none;
        font-size: 26px;
        color: #e20074;
        display: block;
        text-align: center;
        padding-bottom: 30px;
        padding-top: 24px;
        min-height: 110px;
    }

    .ostanati-paketi-content p {
        font-size: 18px;
        line-height: 1.2;
        padding: 15px 5px;
        position: absolute;
        bottom: 0;
        width: 100%;
        color: #494949;
    }

.ostanati-paketi-item .ostanati-paketi-content img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.ostanati-paketi-item:hover .ostanati-paketi-content img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.ostanati-paketi-item {
    position: relative;
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    padding: 0px;
    margin-bottom: 15px;
    max-width: 420px;
    display: block;
    position: relative;
    width: 100%;
    float: left;
    margin: 5px;
}

    .ostanati-paketi-item:hover {
        background-color: #f4f4f4;
    }

        .ostanati-paketi-item:hover p {
            color: #e20074;
        }

    .ostanati-paketi-item a {
        color: #494949;
    }

        .ostanati-paketi-item a,
        .ostanati-paketi-item a:hover {
            text-decoration: none;
        }




@media (max-width: 991px) and (min-width: 768px) {


    .ostanati-paketi-wrapper .ostanati-paketi-content p {
        font-size: 16px;
    }
}


/*#endregion ostanati paketi*/



/*#region moj klub poeni*/
.choose-boxes-parent {
    position: relative;
}

    .choose-boxes-parent .choose-box {
        position: relative;
        width: 100%;
    }

.choose-box .moj-klub-poeni {
    position: absolute;
    right: -9px;
    top: -10px;
    display: block;
    background: #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    color: white;
    padding: 3px;
    z-index: 1;
    padding: 1px 3px;
}

.choose-box.active .moj-klub-poeni {
    position: absolute;
    right: -10px;
    top: -10px;
    display: block;
    background: #e20074;
    border-bottom: 1px solid #e5e5e5;
    color: white;
    padding: 3px;
    z-index: 3;
    padding: 1px 3px;
}

.orderPaymentBtn .choose-box .moj-klub-poeni {
    position: absolute;
    right: -10px;
    top: -10px;
    display: block;
    background: #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    color: white;
    padding: 3px;
    z-index: 1;
    padding: 1px 3px;
}

    .orderPaymentBtn .choose-box .moj-klub-poeni p {
        margin: 0;
        color: #333;
    }

    .orderPaymentBtn .choose-box .moj-klub-poeni:after {
        border-color: transparent #e5e5e5 transparent transparent;
        content: "\A";
        right: 2px;
        transform: rotate(180deg);
        display: block;
        border-style: solid;
        border-width: 15px 10px 0px 0px;
        position: absolute;
        right: 0;
        top: 23px;
        z-index: -1;
    }

.orderPaymentBtn .choose-box.active .moj-klub-poeni {
    position: absolute;
    right: -10px;
    top: -10px;
    display: block;
    background: #e20074;
    border-bottom: 1px solid #e20074;
    color: white;
    padding: 3px;
    z-index: 3;
    padding: 1px 3px;
}

    .orderPaymentBtn .choose-box.active .moj-klub-poeni p {
        margin: 0;
        color: white;
        font-size: 14px;
    }

    .orderPaymentBtn .choose-box.active .moj-klub-poeni:after {
        content: "\A";
        right: 2px;
        transform: rotate(180deg);
        display: block;
        border-style: solid;
        border-width: 15px 10px 0px 0px;
        border-color: transparent #e20074 transparent transparent;
        position: absolute;
        right: 0;
        top: 21px;
        z-index: -1;
    }

.choose-box.active .moj-klub-poeni p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: white !important;
}

.choose-box .moj-klub-poeni p {
    color: #333 !important;
    margin: 0;
    font-size: 14px;
}

.choose-box.active .moj-klub-poeni:after {
    border-color: transparent #e20074 transparent transparent;
    content: "\A";
    right: 2px;
    transform: rotate(180deg);
    display: block;
    border-style: solid;
    border-width: 15px 10px 0px 0px;
    position: absolute;
    right: 0;
    top: 22px;
    z-index: -1;
}

.choose-box .moj-klub-poeni:after {
    border-color: transparent #e5e5e5 transparent transparent;
    content: "\A";
    right: 2px;
    transform: rotate(180deg);
    display: block;
    border-style: solid;
    border-width: 15px 10px 0px 0px;
    position: absolute;
    right: 0;
    top: 21px;
    z-index: -1;
}

.choose-box[name="2"] .moj-klub-poeni,
.orderPaymentBtn .choose-box[name='1'] .moj-klub-poeni {
    display: none;
}

@media (max-width: 767px) {
    .choose-box .moj-klub-poeni:after,
    .choose-box.active .moj-klub-poeni:after {
        top: 18px;
    }

    .orderPaymentBtn .choose-box.active .moj-klub-poeni:after,
    .orderPaymentBtn .choose-box .moj-klub-poeni:after {
        top: 19px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .choose-box.active .moj-klub-poeni:after {
        top: 18px;
    }

    .choose-box .moj-klub-poeni:after {
        top: 19px;
    }

    .orderPaymentBtn .choose-box.active .moj-klub-poeni:after,
    .orderPaymentBtn .choose-box .moj-klub-poeni:after {
        top: 19px;
    }
}
/*@media (min-width: 768px) and (max-width: 991px) {
    .moj-klub-poeni {
        right: 44.5%;
    }
}

@media (min-width: 670px) and (max-width: 767px) {
    .moj-klub-poeni {
        right: 47%;
    }
}

@media (min-width: 376px) and (max-width: 420px) {
    .moj-klub-poeni {
        right: 45%;
    }
}

@media (max-width: 375px) {
    .moj-klub-poeni {
        right: 43.5%;
    }
}


        .moj-klub-poeni:after {
            top: 24px;
        }
}*/

.aktuleno-img.right-small-banner.white-color-wrapper.iphone-11-aktuelno {
    background-image: url('../content/images/banner-actual-iPhone11.jpg');
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
}

    .aktuleno-img.right-small-banner.white-color-wrapper.iphone-11-aktuelno .aktuleno-txt-box {
        position: absolute;
        bottom: 0%;
        margin: 0 auto;
        right: 6% !important;
    }

        .aktuleno-img.right-small-banner.white-color-wrapper.iphone-11-aktuelno .aktuleno-txt-box a.gray-border {
            border: 1px solid #86868b;
            color: #86868b;
            left: 50%;
            TRANSFORM: translateX(-180%) !important;
            bottom: 35px !important;
        }

            .aktuleno-img.right-small-banner.white-color-wrapper.iphone-11-aktuelno .aktuleno-txt-box a.gray-border:hover {
                background-color: #e20074 !important;
                color: white;
                border: 1px solid white;
            }

.aktuleno-img.right-small-banner.white-color-wrapper.iphone-11-pro-aktuelno {
    background-image: url('../content/images/banner-actual-iPhone11-pro.png');
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
}

    .aktuleno-img.right-small-banner.white-color-wrapper.iphone-11-pro-aktuelno .aktuleno-txt-box {
        position: absolute;
        bottom: 0;
        margin: 0 auto;
        left: 0 !important;
        right: 0;
    }


.aktuleno-img.right-small-banner.white-color-wrapper.s20-aktuelno-sq {
    background-image: url(../content/images/samsung-s20-aktuelno-box-sq.jpg);
    position: relative;
    background-position: center top !important;
    background-repeat: no-repeat;
}

.aktuleno-img.right-small-banner.white-color-wrapper.samsung-s20-aktuelno {
    background-image: url(../content/images/samsung-s20-aktuelno-box.jpg);
    position: relative;
    background-position: center top !important;
    background-repeat: no-repeat;
}
/*.aktuleno-img.right-small-banner.white-color-wrapper.iphone-11-pro-aktuelno .aktuleno-txt-box a {
                    position: relative;
                    border: 1px solid white;
                    color: white;
                    border-radius: 50px;
                    min-width: 110px !important;
                    padding: 3px 5px !important;
                    margin: 0 10px;
                }*/
@media (max-width: 991px) {
    .aktuleno-img.right-small-banner.white-color-wrapper.iphone-11-aktuelno {
        background-position: center right 20% !important;
    }

    .aktuleno-img.right-small-banner.white-color-wrapper.iphone-11-pro-aktuelno {
        background-position: center left !important;
    }
}
/*#region VoLTE*/
#volte h1 {
    position: relative;
    font-size: 33px;
    margin: 30px auto;
    font-family: 'teleNeo-bold' !important;
}

    #volte h1 span {
        text-transform: none;
        font-family: 'teleNeo-bold' !important;
    }

#volte p {
    font-size: 17px;
}

#volte ol {
    list-style: none;
}

    #volte ol li {
        position: relative;
        font-size: 17px;
        counter-increment: li;
    }

        #volte ol li:before {
            content: counter(li) '.';
            color: #e20074;
            display: inline-block;
            width: 1em;
            margin-left: -1em;
            font-family: teleNeo-bold !important;
        }

#volte .videos {
    position: relative;
}

    #volte .videos iframe {
        position: relative;
        width: 100%;
        height: 450px;
        margin: 30px auto;
    }

#volte #accordion-volte h5 {
    position: relative;
    background: #dfdfdf;
    padding: 15px;
    font-size: 21px;
    color: #333;
    border-radius: 4px;
    margin: 30px 0 15px;
}

    #volte #accordion-volte h5:after {
        content: "$";
        font-family: 'teleicon-outline';
        position: absolute;
        top: 15px;
        font-size: 18px;
        right: 15px;
        display: inline-block;
    }

#volte #accordion-volte .card-body ul li {
    position: relative;
    font-size: 16px;
}

@media screen ( max-width: 767px) {
    #volte h1 {
        font-size: 25px;
    }
}
/*#endregion VoLTE*/
/*#region мој клуб поени внатрешна страна банер*/
.moj-klub-poeni-banner {
    position: relative;
    background-color: #e20074;
    padding: 10px;
    margin: 20px 0 0 0;
}

    .moj-klub-poeni-banner.row h1 {
        position: relative;
        color: white;
        font-family: teleNeo-extra !important;
        font-size: 35px;
        text-transform: uppercase;
        margin: 10px 0;
        line-height: 1.0;
    }

        .moj-klub-poeni-banner.row h1 span {
            color: #333;
            font-family: teleNeo-extra !important;
        }

    .moj-klub-poeni-banner.row .col-xs-12 {
        padding: 0;
    }

    .moj-klub-poeni-banner.row a {
        position: relative;
        color: #e20074;
        background-color: white;
        padding: 6px 0;
        text-transform: uppercase;
        border-radius: 2px;
        display: block;
        margin: 10px auto;
        text-align: center;
        width: 170px;
        text-decoration: none;
        right: 0;
        font-size: 14px;
        font-family: 'teleNeo-medium' !important;
    }

@media (max-width: 767px) {
    .moj-klub-poeni-banner.row h1 {
        font-size: 27px;
        text-align: center;
    }

    .moj-klub-poeni-banner.row .col-sm-4 {
        text-align: center;
        padding: 0;
    }

    .moj-klub-poeni-banner.row a {
        display: inline-block;
        font-size: 12px;
        width: 145px;
    }
}
/*#endregion*/

/*#region business corner*/

#rezerve-ticket .uib-button-bar {
    display: none;
}

#rezerve-ticket {
    position: relative;
    padding: 30px 0;
}

#rezerve-ticket-business {
    position: relative;
    margin-bottom: 30px;
}

    #rezerve-ticket h1,
    #rezerve-ticket-business h1 {
        color: #e20074;
        text-transform: uppercase;
        font-size: 25px;
        margin-bottom: 30px;
    }

    #rezerve-ticket-business h1 {
        margin-top: 30px;
        text-transform: none !important;
        text-align: center;
    }

    #rezerve-ticket-business h2 {
        font-family: 'teleNeo-extra' !important;
        font-size: 27px;
        line-height: 1.2;
        text-transform: uppercase;
    }

    #rezerve-ticket h1 span,
    #rezerve-ticket-business h1 span {
        font-family: teleNeo-regular !important;
        display: block;
    }

        #rezerve-ticket h1 span.bold-header,
        #rezerve-ticket-business h1 span.bold-header {
            font-family: teleNeo-bold !important;
            text-transform: uppercase;
        }

    #rezerve-ticket-business p {
        font-size: 18px;
        line-height: 1.2;
        font-family: teleNeo-regular !important;
        text-align: center;
    }

    #rezerve-ticket-business .wrap {
        position: relative;
        margin: 40px auto;
        /*box-shadow: 0 0 35px 7px #0000001f;*/
        padding: 20px 30px;
        width: 90%;
    }

        #rezerve-ticket-business .wrap a {
            border-radius: 0;
            padding: 7px 20px;
            font-size: 17px;
            margin: 30px auto;
            background: #e20074;
            color: white;
            width: 150px;
            display: block;
        }

            #rezerve-ticket-business .wrap a:hover {
                background: #a80659;
            }

            #rezerve-ticket-business .wrap a.regular-link {
                background: transparent;
                color: #e20074;
                width: 100%;
                margin: 0;
                padding: 0;
                text-decoration: underline;
            }

        #rezerve-ticket-business .wrap ul {
            position: relative;
            margin: 50px 0;
        }

            #rezerve-ticket-business .wrap ul li {
                font-size: 18px;
                margin: 10px 0 30px;
            }

        #rezerve-ticket-business .wrap .wrapper {
            display: flex;
            margin: 40px auto;
            width: 100%;
            position: relative;
        }

            #rezerve-ticket-business .wrap .wrapper .box {
                width: 30%;
                display: inline-flex;
                margin: 20px 15px;
                min-height: 260px;
                box-shadow: 0 0 35px 7px rgba(51, 51, 51, .15);
                padding: 20px 30px;
                flex-direction: column;
                justify-content: flex-end;
                align-items: center;
            }

#rezerve-ticket p {
    font-size: 16px;
}

    #rezerve-ticket p.input-group input {
        position: relative;
        width: 178px;
        display: inline;
    }

#rezerve-ticket span.input-group-btn {
    position: absolute;
    font-size: 0;
    z-index: 3;
    width: 45px;
    display: inline;
}

#rezerve-ticket button.calendar {
    margin: 0;
    background: #e5e5e5;
    padding: 3px 11px;
}

    #rezerve-ticket button.calendar i {
        font-size: 22px;
        color: #797979;
        font-family: 'Glyphicons Halflings' !important;
    }

#rezerve-ticket label {
    position: relative;
    top: 10px;
}

#rezerve-ticket select {
    width: 100%;
    padding: 5px 25px 5px 10px;
    color: #e20074;
    margin-bottom: 8px;
    font-family: 'tele-groteskfetregular';
    background-image: url(../images/arrow_down_magenta.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    background-position: right 10px center;
    font-size: 16px;
    height: auto;
    border-radius: 0;
    box-shadow: 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
    border: 1px solid #eee;
    border: 1px solid rgba(0,0,0,0.1);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    #rezerve-ticket select option {
        color: #333;
    }

#rezerve-ticket ul.uib-datepicker-popup {
    top: -358px;
}

    #rezerve-ticket ul.uib-datepicker-popup li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #rezerve-ticket ul.uib-datepicker-popup table:focus,
    #rezerve-ticket ul.uib-datepicker-popup .uib-daypicker {
        outline: 0;
    }

    #rezerve-ticket ul.uib-datepicker-popup table thead tr th {
        padding: 3px 5px;
    }

    #rezerve-ticket ul.uib-datepicker-popup table thead tr th {
        background: transparent;
    }

        #rezerve-ticket ul.uib-datepicker-popup table thead tr th button {
            padding: 0;
            margin: 0;
            font-size: 16px;
        }

            #rezerve-ticket ul.uib-datepicker-popup table thead tr th button:focus {
                outline: 0;
            }

            #rezerve-ticket ul.uib-datepicker-popup table thead tr th button:hover {
                background: transparent;
            }

            #rezerve-ticket ul.uib-datepicker-popup table thead tr th button .uib-left,
            #rezerve-ticket ul.uib-datepicker-popup table thead tr th button .uib-right {
                padding: 4px;
            }

            #rezerve-ticket ul.uib-datepicker-popup table thead tr th button i {
                font-family: 'Glyphicons Halflings' !important;
                font-size: 13px;
            }

    #rezerve-ticket ul.uib-datepicker-popup table tbody tr td.uib-day {
        background: transparent;
        border: 0;
    }

    #rezerve-ticket ul.uib-datepicker-popup table tbody tr td {
        padding: 3px 2px;
    }

        #rezerve-ticket ul.uib-datepicker-popup table tbody tr td.uib-day button {
            padding: 5px 3px;
            border: 0;
            font-size: 15px;
            margin-top: 0;
        }

        #rezerve-ticket ul.uib-datepicker-popup table tbody tr td.h6 {
            border-right: 1px solid #e5e5e5;
            padding-right: 10px;
            padding-left: 10px;
        }

        #rezerve-ticket ul.uib-datepicker-popup table tbody tr td .btn-info {
            position: relative;
            background: #e20074;
            border-radius: 50px;
            box-shadow: none;
        }

            #rezerve-ticket ul.uib-datepicker-popup table tbody tr td .btn-info span {
                color: white;
            }

            #rezerve-ticket ul.uib-datepicker-popup table tbody tr td .btn-info.active {
                position: relative;
                border: 1px solid #e20074;
                background: transparent;
                border-radius: 50px;
                box-shadow: none;
            }

                #rezerve-ticket ul.uib-datepicker-popup table tbody tr td .btn-info.active span {
                    color: #e20074;
                }

        #rezerve-ticket ul.uib-datepicker-popup table tbody tr td button.active {
            position: relative;
            border: 1px solid #e20074;
            background: transparent;
            border-radius: 50px;
            box-shadow: none;
        }

        #rezerve-ticket ul.uib-datepicker-popup table tbody tr td button:focus {
            text-decoration: none;
            outline: 0;
        }

        #rezerve-ticket ul.uib-datepicker-popup table tbody tr td button.active span {
            color: #e20074;
        }

    #rezerve-ticket ul.uib-datepicker-popup li.uib-button-bar {
        /*position: relative;
            padding: 10px;*/
        display: none;
    }

        #rezerve-ticket ul.uib-datepicker-popup li.uib-button-bar span button.btn.btn-sm.btn-info.uib-datepicker-current {
            position: relative;
            background: #e20074;
            color: white;
            font-size: 15px;
            font-family: 'teleNeo-regular';
            border-radius: 5px;
            text-shadow: none;
        }

        #rezerve-ticket ul.uib-datepicker-popup li.uib-button-bar span button.btn.btn-sm.btn-danger.uib-clear {
            position: relative;
            background: white;
            color: white;
            font-size: 15px;
            font-family: 'teleNeo-regular';
            border-radius: 5px;
            border: 1px solid #e20074;
            color: #333;
            text-shadow: none;
        }

        #rezerve-ticket ul.uib-datepicker-popup li.uib-button-bar button.btn.btn-sm.btn-success.uib-close {
            position: relative;
            background: #e5e5e5 !important;
            color: white;
            font-size: 15px;
            font-family: 'teleNeo-regular';
            border-radius: 5px;
            color: #333;
            text-shadow: none;
            margin-right: 0;
        }

#rezerve-ticket span.error-message,
#rezerve-ticket-business span.error-message {
    color: #b30000;
    font-size: 14px;
}

#rezerve-ticket input.invalid-input, div.invalid-input,
#rezerve-ticket-business input.invalid-input {
    border-color: #b30000;
    background: #fdf2f2;
}

#rezerve-ticket p.text-right {
    font-size: 15px;
}

#rezerve-ticket .col-lg-4.col-md-4.col-sm-4 {
    padding: 0;
}

#rezerve-ticket .inner-cont {
    padding: 0;
}

#rezerve-ticket .success-msg,
#rezerve-ticket-business .success-msg {
    position: relative;
    padding: 20px 20px 40px 20px;
    color: #333;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font-size: 19px;
    line-height: 1.2;
    background: #f1f1f1;
    border-radius: 6px;
}

    #rezerve-ticket-business .success-msg p {
        color: black;
        font-family: 'teleNeo-regular' !important;
    }

        #rezerve-ticket-business .success-msg p span {
            position: relative;
            font-family: 'teleNeo-bold' !important;
            color: #e20074;
            line-height: 1.2;
        }


    #rezerve-ticket .success-msg:before,
    #rezerve-ticket-business .success-msg:before {
        content: "V";
        font-family: 'Telekom-Icon';
        color: green;
        text-align: center;
        margin: 0 auto;
        display: block;
        font-size: 35px;
    }

@media (max-width: 767px) {
    #rezerve-ticket h1 {
        font-size: 21px;
    }

    #rezerve-ticket .mt30 {
        margin: 30px 0 !important;
    }

    #rezerve-ticket textarea {
        margin-top: 20px;
    }

    #rezerve-ticket label {
        top: 0;
    }

    .banner.vebinari {
        height: 240px !important;
        background-image: url(../content/images/webinari-vnatreshen-banner-mob.jpg) !important;
        background-position: center !important;
    }

        .banner.vebinari.sq {
            height: 260px !important;
            background-image: url(../content/images/webinari-vnatreshen-banner-mob-sq.jpg);
            background-position: center !important;
        }

    #rezerve-ticket-business .wrap .wrapper {
        flex-direction: column;
    }

        #rezerve-ticket-business .wrap .wrapper .box {
            width: 100%;
        }
}
/*#endregion business corner*/


/*#region international calls*/
#international-zones-article h2.internationalTitle {
    background-image: none !important;
}

#international-zones-article table tbody tr td {
    font-size: 15px;
}

#international-zones-article table > tbody > tr > th {
    font-size: 17px;
}

#international-zones-article .container-international {
    min-height: 300px !important;
}
/*#endregion international calls*/

/*#region internet flexi*/
#internet-flexi .internet-flexi-content {
    position: relative;
    padding: 35px 0;
}

    #internet-flexi .internet-flexi-content h1 {
        position: relative;
        font-family: teleNeo-medium !important;
        font-size: 29px;
        margin-bottom: 35px;
        line-height: 1.2;
    }

    #internet-flexi .internet-flexi-content h2 {
        position: relative;
        color: #e20074;
        font-size: 25px;
        margin-bottom: 20px;
    }

    #internet-flexi .internet-flexi-content div.table-responsive {
        position: relative;
        width: 100%;
        margin: 30px 0;
    }

        #internet-flexi .internet-flexi-content div.table-responsive table {
            position: relative;
            width: 100%;
            display: table;
        }

            #internet-flexi .internet-flexi-content div.table-responsive table thead {
                position: relative;
                text-transform: uppercase;
                text-align: center;
            }

                #internet-flexi .internet-flexi-content div.table-responsive table thead th {
                    border-right: 1px solid #e5e5e5;
                    text-align: center;
                    display: table-cell;
                }

            #internet-flexi .internet-flexi-content div.table-responsive table tbody {
                position: relative;
            }

                #internet-flexi .internet-flexi-content div.table-responsive table tbody td {
                    background: transparent !important;
                    padding: 10px 5px;
                    border-right: 1px solid #e5e5e5;
                    text-align: center;
                    display: table-cell;
                }

                    #internet-flexi .internet-flexi-content div.table-responsive table tbody td:last-child {
                        border: 0 !important;
                    }

                    #internet-flexi .internet-flexi-content div.table-responsive table tbody td span {
                        font-size: 15px;
                        line-height: 1.1;
                    }

@media (max-width: 767px) {
    #internet-flexi .internet-flexi-content h1 {
        font-size: 23px;
    }

    #internet-flexi .internet-flexi-content h2 {
        font-size: 21px;
    }

    #internet-flexi .internet-flexi-content div.table-responsive table thead th {
        font-size: 15px !important;
    }
}
/*#endregion internet-flexi*/



/*#region smart-underwear*/
#smart-underwear section.smart-underwear-video {
    position: relative;
    height: 645px;
}

    #smart-underwear section.smart-underwear-video .underwear-banner {
        position: relative;
        background-image: url(../content/images/smart-underwear/smart-underwear-banner.jpg);
        height: 650px;
        background-position: center;
        background-size: cover;
    }

    #smart-underwear section.smart-underwear-video .go-down {
        position: absolute;
        bottom: -55px;
        width: auto;
        height: 110px;
        left: 45%;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 9;
    }

    #smart-underwear section.smart-underwear-video .video-overlay {
        position: absolute;
        /*background: url(../content/images/smart-underwear/video-bcg.jpg);*/
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center;
    }

        #smart-underwear section.smart-underwear-video .video-overlay .scroll-down a img {
            max-width: 156px;
            width: 150px;
            height: 100px;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            position: absolute;
            content: '';
            opacity: .8;
            transition: all .2s ease-in-out;
            cursor: pointer;
            background-repeat: no-repeat;
        }

#smart-underwear section.gray-bcg {
    position: relative;
    min-height: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 9%;
    max-width: none;
    background: #f9f9f9;
    background: -moz-linear-gradient(65deg,#f9f9f9 0,white 14%,whitesmoke 35%,whitesmoke 62%,whitesmoke 76%,whitesmoke 100%);
    background: -webkit-linear-gradient(65deg,#f9f9f9 0,white 14%,whitesmoke 35%,whitesmoke 62%,whitesmoke 76%,whitesmoke 100%);
    background: linear-gradient(65deg,#f9f9f9 0,white 14%,whitesmoke 35%,whitesmoke 62%,whitesmoke 76%,whitesmoke 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#f5f5f5",GradientType=1);
}

    #smart-underwear section.gray-bcg .container {
        position: relative;
    }

    #smart-underwear section.gray-bcg h1 {
        color: black;
        border-bottom: 0;
        text-align: center;
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
        font-size: 60px;
    }

    #smart-underwear section.gray-bcg .center-text {
        font-size: 24px;
        text-align: center;
        color: #313131;
        width: 70%;
        margin: 60px auto 90px;
    }

        #smart-underwear section.gray-bcg .center-text p.bold {
            font-family: 'teleNeo-bold' !important;
            margin-top: 30px;
        }

    #smart-underwear section.gray-bcg .left-chip {
        position: absolute;
        left: -14%;
        top: 50%;
        transform: translate(0,-50%);
    }

    #smart-underwear section.gray-bcg .right-emoji {
        position: absolute;
        right: -15%;
        top: 50%;
        transform: translate(0,-10%);
    }

#smart-underwear .white-bcg {
    position: relative;
    min-height: 500px;
    background: white;
    padding-top: 50px;
    margin-bottom: 100px;
}

    #smart-underwear .white-bcg h3 {
        color: #666262;
        font-family: "teleNeo-extra" !important;
        font-size: 18px;
        margin-bottom: 25px;
        text-align: center;
        text-transform: uppercase;
    }

    #smart-underwear .white-bcg h1 {
        font-family: "teleNeo-extra" !important;
        font-size: 52px;
        color: #000;
        text-align: center;
        margin-bottom: 32px;
        text-transform: uppercase;
        border-bottom: 0;
    }

    #smart-underwear .white-bcg ul.dc-tabs {
        position: relative;
        margin: 0 auto;
        border-bottom: 0;
    }

        #smart-underwear .white-bcg ul.dc-tabs li {
            margin-right: 0;
            width: 50%;
            float: left;
            text-align: center;
            font-size: 20px;
            line-height: 22px;
            color: #0b0b0b;
            padding: 14px 0;
            cursor: pointer;
            border-bottom: 1px solid #d0d0d0;
            display: table-cell;
        }

        #smart-underwear .white-bcg ul.dc-tabs li {
            color: #0b0b0b;
            border-top: 0;
            border-left: 0;
            border-right: 0;
        }

            #smart-underwear .white-bcg ul.dc-tabs li.active {
                border-bottom: 3px solid #e20074;
                color: #e30778;
                font-family: teleNeo-bold !important;
                border-top: 0;
                border-left: 0;
                border-right: 0;
                background: transparent;
            }

                #smart-underwear .white-bcg ul.dc-tabs li.active:hover,
                #smart-underwear .white-bcg ul.dc-tabs li:hover {
                    background: transparent;
                }



#smart-underwear .brown-bcg {
    background: #876f57;
    background: -moz-linear-gradient(top,#bcaf9e 0,#d8c4ac 80%,#bda58d 100%,#bda58d 100%);
    background: -webkit-linear-gradient(top,#bcaf9e 0,#d8c4ac 80%,#bda58d 100%,#bda58d 100%);
    background: linear-gradient(to bottom,#bcaf9e 0,#d8c4ac 80%,#bda58d 100%,#bda58d 100%);
    min-height: 500px;
    position: relative;
    padding-top: 50px;
}

    #smart-underwear .brown-bcg #carouselInterview a.left.carousel-control {
        background-image: url(../content/images/smart-underwear/icon-slider-left.svg) !important;
        background-repeat: no-repeat !important;
        background-size: 20% !important;
        transform: translate(20%, 50%);
    }

    #smart-underwear .brown-bcg #carouselInterview a.right.carousel-control {
        background-image: url(../content/images/smart-underwear/icon-slider-right.svg) !important;
        background-repeat: no-repeat !important;
        background-size: 20% !important;
        transform: translate(50%, 50%);
    }

    #smart-underwear .brown-bcg .brown-bcg-wrapper {
        width: 100%;
        float: left;
        background-image: url(../content/images/smart-underwear/eric.png);
        background-position: bottom right;
        background-repeat: no-repeat;
        border-bottom: 1px solid #492b18;
        background-size: contain;
        display: block;
        margin-bottom: 50px;
    }

    #smart-underwear .brown-bcg .right-choice-content {
        position: relative;
        width: 65%;
    }

    #smart-underwear .brown-bcg h1 {
        font-size: 60px;
        color: white;
        font-family: 'teleNeo-extra' !important;
        border-bottom: 0;
        text-transform: uppercase;
    }

    #smart-underwear .brown-bcg .right-choice-content p {
        font-size: 21px !important;
        color: #fff;
        margin-top: 25px;
        margin-bottom: 25px;
        width: 65%;
    }

    #smart-underwear .brown-bcg .brown-content-boxes-content h1 {
        text-align: center;
    }

    #smart-underwear .brown-bcg .brown-content-boxes-content {
        position: relative;
        margin-bottom: 50px;
    }

        #smart-underwear .brown-bcg .brown-content-boxes-content .brown-emoji-one {
            position: absolute;
            left: -50%;
            top: 50%;
            transform: translate(50%,-50%);
        }

        #smart-underwear .brown-bcg .brown-content-boxes-content .brown-emoji-two {
            position: absolute;
            right: 0;
            top: 85%;
            transform: translate(50%,-50%);
        }

        #smart-underwear .brown-bcg .brown-content-boxes-content .content * {
            color: #492b18;
            text-align: center;
        }

        #smart-underwear .brown-bcg .brown-content-boxes-content .content h3 {
            font-size: 23px;
            font-family: 'teleNeo-bold' !important;
        }

            #smart-underwear .brown-bcg .brown-content-boxes-content .content h3:after {
                width: 5%;
                border-bottom: 1px solid #492b18;
                display: block;
                content: '';
                margin: 10px auto;
            }

        #smart-underwear .brown-bcg .brown-content-boxes-content .content p {
            font-size: 17px;
            line-height: 23px;
        }

#smart-underwear .magenta-bcg {
    background: #e20074;
    padding-bottom: 100px;
    padding: 5% 0;
}

    #smart-underwear .magenta-bcg h1 {
        font-family: teleNeo-extra !important;
        color: #fff;
        font-size: 49px;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 0;
    }

    #smart-underwear .magenta-bcg .magenta-bcg-product {
        position: relative;
        min-height: 500px;
    }

        #smart-underwear .magenta-bcg .magenta-bcg-product .product-image {
            width: 45%;
            float: left;
            margin-right: 50px;
            margin-left: 70px;
        }

        #smart-underwear .magenta-bcg .magenta-bcg-product .product-description {
            width: 40%;
            float: right;
            margin-right: 0;
            color: #fff !important;
            padding-top: 100px;
            padding-bottom: 30px;
        }

            #smart-underwear .magenta-bcg .magenta-bcg-product .product-description h2 {
                font-family: teleNeo-extra !important;
                font-size: 32px;
                line-height: 32px;
                text-transform: uppercase;
            }

            #smart-underwear .magenta-bcg .magenta-bcg-product .product-description ul {
                padding-left: 20px;
            }

                #smart-underwear .magenta-bcg .magenta-bcg-product .product-description ul li {
                    margin: auto;
                    font-size: 21px !important;
                    line-height: 28px;
                    text-align: left;
                    color: #fff;
                    list-style: disc;
                }

    #smart-underwear .magenta-bcg .magenta-bcg-button {
        text-align: center;
        margin-top: 25px;
        position: relative;
    }

        #smart-underwear .magenta-bcg .magenta-bcg-button .button-link a {
            border: 1px solid #fff;
            text-transform: uppercase;
            background: #fff;
            border-radius: 4px;
            color: #e30074 !important;
            padding: 17px 100px;
            text-decoration: none;
            font-family: 'teleNeo-extra' !important;
            line-height: 30px;
            position: relative;
            display: inline-block;
            transition: all .2s ease-in-out;
            font-size: 24px;
        }

            #smart-underwear .magenta-bcg .magenta-bcg-button .button-link a:hover {
                background: none;
                color: white !important;
                transition: all .2s ease-in-out;
            }

            #smart-underwear .magenta-bcg .magenta-bcg-button .button-link a:before {
                background: url(../content/images/smart-underwear/shop-now-arrow.png);
                position: absolute;
                left: 0;
                top: 0;
                transform: translate(-120%,-50%);
                width: 215px;
                height: 120px;
                content: '';
                background-repeat: no-repeat;
            }

    #smart-underwear .magenta-bcg .magenta-bcg-steps {
        position: relative;
        margin: 90px 0 0 0;
        overflow: hidden;
    }

        #smart-underwear .magenta-bcg .magenta-bcg-steps .step-item {
            text-align: center;
            width: 20%;
            display: inline;
            float: left;
        }

            #smart-underwear .magenta-bcg .magenta-bcg-steps .step-item .item-img {
                min-height: 220px;
                position: relative;
            }

            #smart-underwear .magenta-bcg .magenta-bcg-steps .step-item .item-text {
                color: #fff;
                font-size: 19px;
                padding: 5%;
                position: relative;
            }

    #smart-underwear .magenta-bcg .video-wrapper {
        top: 0;
        left: 0;
        right: 0;
        height: 475px;
        width: 85%;
        float: left;
        margin-right: 30px;
        margin-left: 70px;
        position: relative;
        cursor: pointer;
    }

        #smart-underwear .magenta-bcg .video-wrapper .video-bcg {
            position: absolute;
            margin: 0 auto;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            background: url(../content/images/smart-underwear/video-bcg2.jpg);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
        }

            #smart-underwear .magenta-bcg .video-wrapper .video-bcg a img {
                max-width: 156px;
                width: 150px;
                height: 110px;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                position: absolute;
                content: '';
                opacity: .8;
                transition: all .2s ease-in-out;
                cursor: pointer;
            }


#smart-underwear .bcg {
    position: relative;
    min-height: 475px;
    background: url(../content/images/smart-underwear/bcg-img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    padding: 3% 0;
}

    #smart-underwear .bcg h1 {
        font-family: teleNeo-extra !important;
        font-size: 52px;
        margin-bottom: 40px;
        text-transform: uppercase;
        color: white;
        border-bottom: 0;
    }

    #smart-underwear .bcg .bcg-content {
        font-size: 25px;
        margin-bottom: 46px;
        color: white;
        padding: 0 5%;
    }

    #smart-underwear .bcg a {
        display: inline-block;
        border: 1px solid #fff;
        border-radius: 4px;
        background: none;
        padding: 16px 60px;
        font-family: teleNeo-extra !important;
        font-size: 24px !important;
        line-height: 30px;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        transition: all .2s ease-in-out;
    }

        #smart-underwear .bcg a:hover {
            background: #fff;
            color: #e30074;
            transition: all .2s ease-in-out;
        }


.modals #video-player span,
.modals #video-player-two span {
    color: #000;
    text-shadow: none !important;
    font-weight: normal;
    font-size: 20px;
    margin-top: 0px;
    display: block;
    font-family: 'teleicon-outline' !important;
}

.modals #video-player .modal-dialog,
.modals #video-player-two .modal-dialog {
    display: block;
    text-align: left;
    width: 90%;
    margin: 2% auto;
    height: 90vh;
}


    .modals #video-player .modal-dialog .modal-header,
    .modals #video-player-two .modal-dialog .modal-header {
        padding: 0;
        border-bottom: 0 !important;
    }

    .modals #video-player .modal-dialog .modal-content,
    .modals #video-player-two .modal-dialog .modal-content {
        width: 100%;
        height: auto;
        padding: 15px;
    }

    .modals #video-player .modal-dialog .modal-body iframe,
    .modals #video-player-two .modal-dialog .modal-body iframe {
        width: 100% !important;
        left: 0 !important;
        margin-left: 0 !important;
    }

#smart-underwear .white-bcg .tab-content .carousel-inner {
    width: 80%;
    margin: 7% auto 0;
    min-height: 240px;
}

#smart-underwear .white-bcg .tab-content #dc-myCarousel-21 .carousel-inner {
    min-height: 320px;
}

#smart-underwear .white-bcg .tab-content .carousel-inner h2 {
    font-size: 23px;
    color: #444;
    text-transform: uppercase;
    font-family: teleNeo-extra !important;
}

#smart-underwear .white-bcg .tab-content .carousel-inner .icon-box {
    width: 15%;
    float: left;
    margin-right: 4%;
    display: inline-block;
}

#smart-underwear .white-bcg .tab-content .carousel-inner .right-text-carousel {
    width: 70%;
    margin-left: 5%;
    display: inline-block;
    font-size: 19px;
    line-height: 27px;
}

#smart-underwear .white-bcg #dc-myCarousel .left.carousel-control,
#smart-underwear .white-bcg #dc-myCarousel-21 .left.carousel-control {
    background-image: url(../content/images/smart-underwear/icon-slider-left.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 20% !important;
    transform: translate(0%, 20%);
}

#smart-underwear .white-bcg #dc-myCarousel .right.carousel-control,
#smart-underwear .white-bcg #dc-myCarousel-21 .right.carousel-control {
    background-image: url(../content/images/smart-underwear/icon-slider-right.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 20% !important;
    transform: translate(50%, 25%);
}

#smart-underwear .white-bcg #desktopTabs .nav-tabs {
    border: 0 !important;
}

    #smart-underwear .white-bcg #desktopTabs .nav-tabs li a {
        border: 0 !important;
        background: transparent !important;
        color: transparent;
    }

#smart-underwear .white-bcg .carousel .carousel-indicators {
    bottom: -40px;
}

    #smart-underwear .white-bcg .carousel .carousel-indicators li {
        margin: 0 4px;
        background: #ececec;
        opacity: 1;
        border-radius: 50px;
        width: 10px;
        height: 10px;
    }

        #smart-underwear .white-bcg .carousel .carousel-indicators li.active {
            background: #333;
        }

@media (max-width: 767px) {
    #smart-underwear section.smart-underwear-video {
        height: 370px;
    }

        #smart-underwear section.smart-underwear-video .video-overlay .scroll-down a img {
            width: 90px;
            height: 60px;
        }

        #smart-underwear section.smart-underwear-video .go-down {
            left: 40%;
            bottom: -70px;
            width: 90px;
        }

    #smart-underwear h1 {
        font-size: 22px !important;
    }

    #smart-underwear section.gray-bcg {
        height: auto;
    }

        #smart-underwear section.gray-bcg .center-text {
            font-size: 18px;
            width: 100%;
            margin: 30px auto 30px;
        }

        #smart-underwear section.gray-bcg .right-emoji,
        #smart-underwear section.gray-bcg .left-chip {
            display: none;
        }

    #smart-underwear .white-bcg .tab-content .carousel-inner .icon-box {
        width: 50%;
        float: none;
        margin: 0 auto;
        display: block;
    }

    #smart-underwear .white-bcg .tab-content .carousel-inner .right-text-carousel {
        width: 100%;
        margin: 2% auto;
        display: block;
        font-size: 18px;
    }

    #smart-underwear .white-bcg #dc-myCarousel .left.carousel-control,
    #smart-underwear .white-bcg #dc-myCarousel-21 .left.carousel-control {
        width: 14px;
        height: 25px;
        background-size: 14px 25px !important;
        transform: translate(50%, 50%);
    }

    #smart-underwear .white-bcg #dc-myCarousel .right.carousel-control,
    #smart-underwear .white-bcg #dc-myCarousel-21 .right.carousel-control {
        width: 14px;
        height: 25px;
        background-size: 14px 25px !important;
        transform: translate(50%, 50%);
    }

    #smart-underwear .brown-bcg .brown-content-boxes-content .brown-emoji-one,
    #smart-underwear .brown-bcg .brown-content-boxes-content .brown-emoji-two {
        display: none;
    }

    #smart-underwear .brown-bcg .brown-bcg-wrapper {
        width: 100%;
    }

    #smart-underwear .brown-bcg .right-choice-content {
        width: 100%;
    }

        #smart-underwear .brown-bcg .right-choice-content p {
            width: 100%;
        }

    #smart-underwear .brown-bcg .brown-bcg-wrapper {
        background-image: none;
    }

    #smart-underwear .magenta-bcg .magenta-bcg-product .product-image {
        width: 70%;
        float: none;
        margin-right: auto;
        margin-left: 0;
    }

    #smart-underwear .magenta-bcg .magenta-bcg-product .product-ec {
        position: absolute;
        right: 0;
        bottom: 35%;
        width: 150px;
    }

    #smart-underwear .magenta-bcg .magenta-bcg-product .product-description {
        width: 100%;
        float: none;
        padding-top: 80px;
    }

        #smart-underwear .magenta-bcg .magenta-bcg-product .product-description h2 {
            font-size: 27px;
        }

    #smart-underwear .magenta-bcg .magenta-bcg-button .button-link a {
        padding: 10px 100px;
    }

        #smart-underwear .magenta-bcg .magenta-bcg-button .button-link a:before {
            left: 0;
            top: -60px;
            transform: translate(-120%,-50%);
            width: 145px;
            height: 80px;
            content: '';
            background-repeat: no-repeat;
            background-size: 85%;
            transform: rotateY(50deg);
        }

    #smart-underwear .magenta-bcg .magenta-bcg-steps .step-item {
        text-align: center;
        width: 100%;
        display: block;
        float: none;
    }

        #smart-underwear .magenta-bcg .magenta-bcg-steps .step-item .item-img {
            min-height: 190px;
        }

        #smart-underwear .magenta-bcg .magenta-bcg-steps .step-item .item-text {
            padding: 0% 5px;
            position: relative;
            width: 50%;
            margin: 0 auto;
        }

    #smart-underwear .magenta-bcg .video-wrapper {
        width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto;
    }

        #smart-underwear .magenta-bcg .video-wrapper .video-bcg a img {
            width: 110px !important;
            height: 70px !important;
        }

    .modals #video-player .modal-dialog .modal-body iframe,
    .modals #video-player-two .modal-dialog .modal-body iframe {
        height: auto;
    }

    .modals #video-player .modal-dialog .modal-content,
    .modals #video-player-two .modal-dialog .modal-content {
        height: auto;
    }

    .modals #video-player .modal-dialog,
    .modals #video-player-two .modal-dialog {
        margin: 35% auto 0;
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #smart-underwear h1 {
        font-size: 40px !important;
    }

    #smart-underwear section.gray-bcg .center-text {
        font-size: 22px;
        width: 70%;
        margin: 50px auto 70px;
    }

    #smart-underwear section.gray-bcg .right-emoji {
        right: 0;
        top: 60%;
        transform: translate(0,-10%);
        width: 130px;
    }

    #smart-underwear section.gray-bcg .left-chip {
        left: 0;
        width: 130px;
    }

    #smart-underwear .brown-bcg .brown-content-boxes-content .brown-emoji-one {
        top: 42%;
    }

    #smart-underwear .brown-bcg .brown-content-boxes-content .brown-emoji-two {
        top: 85%;
        right: 70px;
        width: 170px;
    }

    #smart-underwear .magenta-bcg .magenta-bcg-product .product-image {
        width: 60%;
        float: left;
    }

    #smart-underwear .magenta-bcg .magenta-bcg-product .product-description {
        width: 40%;
        float: right;
    }

    #smart-underwear .magenta-bcg .magenta-bcg-product .product-ec {
        width: 160px;
        float: right;
    }

    #smart-underwear .magenta-bcg .magenta-bcg-button .button-link a {
        padding: 10px 90px;
    }

        #smart-underwear .magenta-bcg .magenta-bcg-button .button-link a:before {
            width: 195px;
            height: 100px;
            background-size: contain;
            left: 30px;
        }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #smart-underwear section.gray-bcg .left-chip {
        left: 0;
    }

    #smart-underwear section.gray-bcg .right-emoji {
        right: -4%;
    }

    #smart-underwear .brown-bcg .brown-content-boxes-content .brown-emoji-one {
        left: -40%;
        top: 45%;
    }

    #smart-underwear .brown-bcg .brown-content-boxes-content .brown-emoji-two {
        right: 10%;
        top: 95%;
        width: 25%;
    }
}
/*#endregion smart underwear*/

#megjunarodni-kodovi table tr td + td,
#megjunarodni-kodovi table tr th + th {
    background: transparent;
}

#megjunarodni-kodovi table {
    position: relative;
    width: 100%;
    display: table;
}

    #megjunarodni-kodovi table tr th {
        display: table-cell;
        border-bottom: 1px solid gray !important;
        background: transparent !important;
        font-family: 'teleNeo-medium' !important;
    }

        #megjunarodni-kodovi table tr th:nth-child(3) {
            width: 15%;
            padding: 0 10px;
        }

    #megjunarodni-kodovi table tr td {
        text-align: center;
        padding: 10px 0;
    }

        #megjunarodni-kodovi table tr td span {
            font-size: 16px;
        }

        #megjunarodni-kodovi table tr td:nth-child(1) {
            text-align: left;
        }

div#megjunarodni-kodovi h1 {
    color: #333;
    text-align: center;
}

@media(max-width: 767px) {
    #megjunarodni-kodovi table tr th {
        padding: 10px 0 !important;
    }
}

/*#region safe net office*/
#safe-net-office section.banner-section {
    position: relative;
    width: 100%;
    height: 425px;
}

    #safe-net-office section.banner-section video {
        width: 100%;
        height: 100%;
        margin-top: 0px;
        border-left: 0 !important;
        border-bottom: 0 !important;
        color: transparent;
        background-color: transparent;
    }

#safe-net-office .video-section {
    position: relative;
    top: 60px;
}

#safe-net-office section.white.bcg {
    position: relative;
    padding: 3% 0;
    background-color: white;
    text-align: center;
}

    #safe-net-office section.white.bcg h2 {
        position: relative;
        color: #e20074;
        font-family: teleNeo-regular !important;
        font-size: 32px;
        text-transform: uppercase;
        padding: 0 12%;
        margin-bottom: 50px;
    }

        #safe-net-office section.white.bcg h2 span {
            font-family: teleNeo-extra !important;
        }

    #safe-net-office section.white.bcg p {
        position: relative;
        font-size: 18px;
        color: #333;
        padding: 0 15%;
        margin-bottom: 20px;
    }

#safe-net-office section.blue-bcg {
    background: #65c8c0;
    color: white;
    padding: 2% 0;
    text-align: center;
}

    #safe-net-office section.blue-bcg h3 {
        font-family: teleNeo-medium !important;
        margin-bottom: 50px;
        font-size: 25px;
    }

    #safe-net-office section.blue-bcg .safeNet-benefitBox p {
        padding: 0 20px;
        font-size: 17px;
        line-height: 1.2;
    }

#safe-net-office section.white-bcg {
    position: relative;
    padding: 3% 0;
    background-color: white;
}

    #safe-net-office section.white-bcg h2 {
        position: relative;
        color: #e20074;
        font-family: teleNeo-bold !important;
        font-size: 32px;
        text-transform: uppercase;
        padding: 17% 12% 0 0;
        margin-bottom: 30px;
    }

    #safe-net-office section.white-bcg p {
        font-size: 18px;
        color: #333;
    }

    #safe-net-office section.white-bcg .image-wrap {
        position: relative;
        width: 370px;
        height: auto;
        margin: 0 auto;
    }

#safe-net-office section.magenta-bcg {
    position: relative;
    background: #e20074;
    padding: 3% 0 3% 0;
    color: white;
    font-size: 18px;
    text-align: center;
}

    #safe-net-office section.magenta-bcg h2 {
        position: relative;
        color: white;
        font-family: teleNeo-bold !important;
        font-size: 32px;
        text-transform: uppercase;
    }

    #safe-net-office section.magenta-bcg h3 {
        font-size: 23px;
        margin-top: 0;
    }

    #safe-net-office section.magenta-bcg p {
        margin-bottom: 30px;
        margin-top: 0;
        padding: 0 14%;
    }



    #safe-net-office section.magenta-bcg .safenet-office-one {
        position: relative;
        border: 1px solid white;
        margin: 40px 0 0;
        position: relative;
    }

    #safe-net-office section.magenta-bcg .safenet-office-onev .magenta-text {
        position: relative;
        color: white;
        text-transform: uppercase;
    }

    #safe-net-office section.magenta-bcg .magenta-text h1 {
        text-transform: none;
        color: white;
        margin: 10px 0 !important;
        font-family: 'teleNeo-regular' !important;
    }

    #safe-net-office section.magenta-bcg .magenta-text:after {
        content: "";
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        position: absolute;
        width: 210px;
        margin: 0 auto;
        height: 1px;
        bottom: -20px;
        left: 0;
        right: 0;
    }

    #safe-net-office section.magenta-bcg .magenta-text {
        position: relative !important;
    }

    #safe-net-office section.magenta-bcg .safenet-office-boxes {
        position: relative;
    }

        #safe-net-office section.magenta-bcg .safenet-office-boxes .ec {
            position: absolute;
            margin: 0 auto;
            left: 0;
            right: 0;
            z-index: 2;
        }

    #safe-net-office section.magenta-bcg .hdp-price.standarden-paket {
        position: relative;
        max-width: 160px;
        display: block;
        position: relative;
        margin: 20px auto;
    }

        #safe-net-office section.magenta-bcg .hdp-price.standarden-paket p {
            display: inline-block;
            padding: 0;
            margin: 10px 0;
        }

    #safe-net-office section.magenta-bcg .hdp-price-left.hdp-price-top {
        width: auto;
        max-width: 100%;
        display: inline-block;
        height: auto;
    }

        #safe-net-office section.magenta-bcg .hdp-price-left.hdp-price-top .hdp-price-frame {
            width: 100%;
            height: auto;
            text-align: right;
            white-space: nowrap;
            padding: 0;
            padding-right: 5px;
            line-height: 1;
        }

    #safe-net-office section.magenta-bcg .hdp-price-body {
        width: auto;
        max-width: 100%;
        display: inline-block;
    }

        #safe-net-office section.magenta-bcg .hdp-price-body span {
            font-size: 26px;
        }

    #safe-net-office section.magenta-bcg span.price-total-no-ddv,
    #safe-net-office section.magenta-bcg span.price-total-ddv {
        font-family: 'teleNeo-medium' !important;
        font-size: 30px;
        letter-spacing: 0px;
    }

    #safe-net-office section.magenta-bcg span.price-total-no-ddv {
        display: none;
    }

        #safe-net-office section.magenta-bcg span.price-total-no-ddv.visible-price {
            display: block;
        }

    #safe-net-office section.magenta-bcg .switch.safenet-tabeli-bez-ddv,
    #safe-net-office section.magenta-bcg .safenet-tabeli-so-ddv {
        position: relative;
        margin: 0px 0;
        width: 110px;
    }

    #safe-net-office section.magenta-bcg .form-radio-js {
        width: 22px;
        height: 22px;
        font-size: 24px;
        padding: 0;
        border: 0;
        background-color: #ededed;
        border-radius: 50%;
        font-family: 'TeleIconUi';
        line-height: 1px;
        position: relative;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        -ms-user-select: none;
        user-select: none;
        transition: all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
        bottom: 0;
        position: absolute;
    }

        #safe-net-office section.magenta-bcg .form-radio-js:focus {
            outline: none;
        }

        #safe-net-office section.magenta-bcg .form-radio-js.checked > .check {
            font-size: 24px;
            position: absolute;
            top: 9px;
            left: -1px;
            color: #e20074;
        }

        #safe-net-office section.magenta-bcg .form-radio-js > .check {
            color: #e8e8e8;
        }

        #safe-net-office section.magenta-bcg .form-radio-js.checked > .check:before {
            content: "";
            position: absolute;
            width: 12px;
            height: 12px;
            background: #e20074;
            border-radius: 50px;
            left: 6px;
            right: 0;
            margin: 0 auto;
            top: -4px;
        }

        #safe-net-office section.magenta-bcg .form-radio-js > .check:before {
            background: #e8e8e8;
        }

#safe-net-office section.faq {
    background: white;
    color: #333;
    padding: 3% 0;
}

    #safe-net-office section.faq .safeNet-faq-box h2 {
        color: #333;
    }

    #safe-net-office section.faq .telekom-faq-box h4.panel-title a {
        background-color: transparent;
        color: #333;
    }

        #safe-net-office section.faq .telekom-faq-box h4.panel-title a:after,
        #safe-net-office section.faq .telekom-faq-box h4.panel-title a.collapsed:after {
            color: #333 !important;
        }

    #safe-net-office section.faq .telekom-faq-box .panel-default > .panel-heading {
        background-color: white;
        border-color: #bfbfbf;
        border-top: 1px solid #bfbfbf;
    }

    #safe-net-office section.faq .telekom-faq-box .panel-group .panel.panel-default:first-of-type > .panel-heading {
        border-top: 1px solid #bfbfbf;
    }

    #safe-net-office section.faq .telekom-faq-box .panel-default > .panel-heading + .panel-collapse > .panel-body {
        background-color: transparent;
        color: #333;
        border-top-color: #bfbfbf;
    }

@media (max-width: 767px) {
    #safe-net-office section.white-bcg .image-wrap {
        width: 250px;
    }

    #safe-net-office section.banner-section {
        height: auto;
    }

    #safe-net-office section.magenta-bcg .switch.safenet-tabeli-bez-ddv span,
    #safe-net-office section.magenta-bcg .safenet-tabeli-so-ddv span {
        padding-left: 20px !important;
        font-size: 16px !important;
    }
}

@media (max-width: 991px) {
    #safe-net-office section.white.bcg h2 {
        font-size: 25px;
        padding: 5% 0;
        margin-bottom: 20px;
    }

    #safe-net-office section.white-bcg h2 {
        padding: 9% 0 0 0;
        font-size: 25px;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #safe-net-office section.banner-section {
        height: 245px;
    }

    #safe-net-office section.magenta-bcg .switch.safenet-tabeli-bez-ddv span,
    #safe-net-office section.magenta-bcg .safenet-tabeli-so-ddv span {
        padding-left: 20px;
    }

    #safe-net-office section.magenta-bcg .magenta-text p {
        font-size: 17px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #safe-net-office section.banner-section {
        height: 305px;
    }
}

@media (min-width: 1200px) and (max-width: 1450px) {
    #safe-net-office section.banner-section {
        height: 355px;
    }
}
/*#endregion safe net office*/
/*#region telekommk business*/
.telekom-mk-business-banner,
.telekom-mk-business-banner-sq {
    height: 415px;
    /*background-image: url(../content/images/telekom-mk-10gb.jpg);*/
    /*background-image: url(../content/images/telekom-mk-10gb-new.jpg);*/
    background-image: url(../content/images/dopolnitelni-pridobivki-m1-business-big.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    background-repeat: no-repeat;
    padding: 3% 0;
    position: relative;
}

    .telekom-mk-business-banner .qr-code,
    .telekom-mk-business-banner-sq .qr-code {
        position: relative;
        width: 90px;
        height: auto;
        padding-top: 20px;
    }

    .telekom-mk-business-banner .button-popUp {
        position: absolute;
        right: 40px;
        bottom: 40px;
        background: white;
        border: 1px solid #e20074;
        padding: 0 20px;
    }

        .telekom-mk-business-banner .button-popUp a {
            color: #e20074;
            font-size: 17px;
            font-weight: 500;
        }

            .telekom-mk-business-banner .button-popUp a:hover {
                color: #e20074;
                text-decoration: none;
            }

#business-telekom-app section {
    position: relative;
    padding: 5% 0 3%;
    min-height: 500px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.3);
}

    #business-telekom-app section .text {
        font-size: 17px;
    }

#business-telekom-app .black-bcg {
    background: black;
    color: white;
    background-size: cover;
}

    #business-telekom-app .black-bcg .left-content-box {
        position: relative;
        padding-right: 50%;
    }

        #business-telekom-app .black-bcg .left-content-box h2 {
            text-transform: uppercase;
            font-family: 'teleNeo-regular' !important;
            margin-bottom: 20px;
        }

        #business-telekom-app .black-bcg .left-content-box .text {
            position: relative;
            padding-right: 10%;
        }

        #business-telekom-app .black-bcg .left-content-box .telekom-mk-app-mobIcons {
            position: relative;
            margin: 40px 0 0;
        }

    #business-telekom-app .black-bcg .right-img-box {
        position: absolute;
        right: 0;
        height: 100%;
        width: auto;
        background-repeat: no-repeat;
        bottom: -130px;
        z-index: 2;
    }

#business-telekom-app section.second-bcg {
    background-image: url(../content/images/second-bcg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    color: white;
    background-size: cover;
}

    #business-telekom-app section.second-bcg .left-img-box {
        position: absolute;
        left: 0;
        bottom: -60px;
        height: auto;
        width: auto;
        z-index: 2;
    }

    #business-telekom-app section.second-bcg .right-content-box {
        position: relative;
        right: 0;
        padding-left: 60%;
        padding-top: 5%;
    }

        #business-telekom-app section.second-bcg .right-content-box h2 {
            text-align: left;
            text-transform: uppercase;
            margin-bottom: 20px;
        }

        #business-telekom-app section.second-bcg .right-content-box .text {
            text-align: left;
        }

#business-telekom-app section.third-bcg {
    background-image: url(../content/images/third-bcg.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    color: white;
    background-size: cover;
}

    #business-telekom-app section.third-bcg .left-content-box {
        padding-right: 55%;
        position: relative;
        padding-top: 5%;
    }

        #business-telekom-app section.third-bcg .left-content-box h2 {
            text-transform: uppercase;
            margin-bottom: 20px;
        }

    #business-telekom-app section.third-bcg .right-img-box {
        position: absolute;
        bottom: 0;
        padding-left: 40%;
    }

#business-telekom-app section.fourth-bcg {
    background-image: url(../content/images/last-bcg.jpg);
    color: white;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    #business-telekom-app section.fourth-bcg .right-content-box {
        position: relative;
        padding-left: 65%;
    }

    #business-telekom-app section.fourth-bcg .left-img-box {
        position: absolute;
        bottom: -50px;
        height: auto;
    }

    #business-telekom-app section.fourth-bcg .right-content-box .izjava:before {
        content: "";
        height: 25px;
        width: 25px;
        top: -11px;
        background: white;
        position: absolute;
        left: 40px;
        transform: rotate(226deg);
    }

    #business-telekom-app section.fourth-bcg .right-content-box .text p {
        margin-bottom: 0;
    }

    #business-telekom-app section.fourth-bcg .right-content-box .text a {
        position: relative;
        background: none;
        font-size: 17px;
        font-weight: normal;
        left: 0;
        margin: 0;
        padding: 0;
        text-decoration: underline;
    }

    #business-telekom-app section.fourth-bcg .right-content-box .izjava a {
        position: relative;
        left: 25%;
    }

    #business-telekom-app section.fourth-bcg .right-content-box .izjava p a {
        left: 0;
    }

    #business-telekom-app section.fourth-bcg .right-content-box .izjava {
        position: relative;
        font-size: 15px;
        background-color: white;
        color: #333;
        padding: 20px 25px;
        border-radius: 10px;
        display: none;
        margin-top: 20px;
    }

        #business-telekom-app section.fourth-bcg .right-content-box .izjava a.close-izjava {
            position: absolute !important;
            right: 30px !important;
            left: auto !important;
            font-size: 23px;
            top: 5px;
            color: #333;
            text-decoration: none;
        }

#business-telekom-app .qr-code {
    position: relative;
    width: 120px;
    height: auto;
}

@media (max-width: 767px) {
    .telekom-mk-business-banner, .telekom-mk-business-banner-sq {
        height: auto;
        background-position: 33% 40%;
    }

    #business-telekom-app .black-bcg {
        min-height: 800px;
    }

    #business-telekom-app section.second-bcg {
        min-height: 610px;
    }

    #business-telekom-app section h2 {
        font-size: 23px;
    }

    #business-telekom-app section .text {
        font-size: 16px;
    }

    #business-telekom-app .black-bcg .left-content-box {
        padding: 0;
    }

    #business-telekom-app .black-bcg .right-img-box {
        width: 200px;
        bottom: -20px;
        height: auto;
    }

    #business-telekom-app section.second-bcg .right-content-box {
        padding: 0;
    }

    #business-telekom-app section.second-bcg .left-img-box {
        bottom: -15px;
        width: 320px;
        height: auto;
    }

    #business-telekom-app section.third-bcg .left-content-box {
        padding: 0;
    }

    #business-telekom-app section.third-bcg .right-img-box {
        display: none;
    }

    #business-telekom-app section.fourth-bcg .right-content-box {
        padding-left: 0;
    }

    #business-telekom-app section.fourth-bcg .left-img-box {
        width: 240px;
        padding-left: 50px;
        position: absolute;
    }

    #business-telekom-app section.fourth-bcg .right-content-box .izjava p a {
        left: 0;
    }

    #business-telekom-app section.fourth-bcg .right-content-box .izjava a {
        left: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #business-telekom-app .black-bcg .left-content-box {
        padding-right: 20%;
    }

    #business-telekom-app .black-bcg .right-img-box {
        height: auto;
        width: 400px;
        bottom: -40px;
    }

    #business-telekom-app section.second-bcg .right-content-box {
        padding-left: 40%;
        padding-top: 2%;
    }

    #business-telekom-app section.second-bcg .left-img-box {
        bottom: -30px;
        height: auto;
        width: 390px;
    }

    #business-telekom-app section.third-bcg .right-img-box {
        padding-left: 50%;
        height: auto;
    }

    #business-telekom-app section.third-bcg .left-content-box {
        padding-right: 50%;
        position: relative;
        padding-top: 5%;
    }

    #business-telekom-app section.fourth-bcg .left-img-box {
        bottom: 0;
        width: 270px;
        height: auto;
    }

    #business-telekom-app section.fourth-bcg .right-content-box {
        position: relative;
        padding-left: 45%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #business-telekom-app .black-bcg .right-img-box {
        height: auto;
        width: 550px;
        bottom: -50px;
    }

    #business-telekom-app section.second-bcg .left-img-box {
        bottom: -40px;
        height: auto;
        width: 560px;
    }

    #business-telekom-app section.third-bcg .right-img-box {
        padding-left: 50%;
    }

    #business-telekom-app section.fourth-bcg .left-img-box {
        height: auto;
        width: 360px;
    }
}
/*#endregion telekommk business*/
#wantToOrder-modal .modal-dialog {
    position: relative;
    width: 280px;
    height: 280px;
}

    #wantToOrder-modal .modal-dialog .modal-content {
        position: relative;
        height: 100%;
        width: 100%;
    }

#wantToOrder-modal .modal-header button {
    z-index: 9;
    cursor: pointer;
}

#wantToOrder-modal .contact {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px 0;
    color: #333;
    float: none;
}

    #wantToOrder-modal .contact p {
        font-size: 20px;
        margin-bottom: 30px;
    }

    #wantToOrder-modal .contact a {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: white;
        display: inline-block;
        margin: 4px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 11px;
        border: 1px solid #e20074;
    }

        #wantToOrder-modal .contact a.phoneBtn {
            background-image: url(../content/images/magenta1-calc-redesign/contact-phone-magenta.png);
            background-size: 7px;
        }

        #wantToOrder-modal .contact a.mailBtn {
            background-image: url(../content/images/magenta1-calc-redesign/contact-mail-magenta.png);
            background-size: 17px;
        }


    #wantToOrder-modal .contact span {
        display: block;
        margin-bottom: 10px;
        font-size: 13px;
    }

#wantToOrder-modal .modal-footer {
    position: relative;
    border: 0;
}
/*#region ostani doma*/
#ostani-doma-content .ostani-doma-banner {
    position: relative;
    background-image: url('../content/images/ostani-doma-baner.jpg');
    height: 425px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2% 0;
}

    #ostani-doma-content .ostani-doma-banner h1 {
        position: relative;
        color: white;
        text-align: center;
        font-family: 'teleNeo-regular' !important;
        font-size: 50px;
        margin-bottom: 50px;
    }

        #ostani-doma-content .ostani-doma-banner h1 span {
            font-family: 'teleNeo-extra' !important;
        }

    #ostani-doma-content .ostani-doma-banner p {
        position: relative;
        font-size: 18px;
        color: white;
        text-align: center;
    }

div#ostani-doma-content section {
    position: relative;
    height: auto;
}

    div#ostani-doma-content section .gray-bcg, div#ostani-doma-content section .white-bcg {
        position: relative;
        width: 50%;
        display: inline;
        float: left;
    }


    div#ostani-doma-content section.even .gray-bcg {
        position: relative;
        background: #ededed;
        position: relative;
        text-align: left;
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        height: 100%;
        padding: 9% 4% 10% 0;
    }

    div#ostani-doma-content section.odd .gray-bcg {
        position: relative;
        background: #ededed;
        position: relative;
        text-align: left;
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        padding: 3% 0 10% 4%;
    }

    div#ostani-doma-content section.even .gray-bcg:before {
        background: #ededed;
        height: 100%;
        position: absolute;
        width: 100%;
        height: 100%;
        content: '';
        left: -100%;
        top: 0;
    }

    div#ostani-doma-content section.odd .gray-bcg:after {
        background: #ededed;
        position: absolute;
        position: absolute;
        width: 100%;
        height: 100%;
        content: '';
        right: -100%;
        top: 0;
    }

    div#ostani-doma-content section .gray-bcg h2,
    div#ostani-doma-content section h2 {
        font-size: 34px;
        font-family: 'teleNeo-extra' !important;
    }

        div#ostani-doma-content section .gray-bcg h2 a {
            font-size: 34px;
            font-family: 'teleNeo-extra' !important;
            text-decoration: underline;
        }

    div#ostani-doma-content section .gray-bcg * {
        color: black;
        font-family: 'teleNeo-medium';
        font-size: 18px;
    }

    div#ostani-doma-content section .gray-bcg .btn.magenta-btn {
        color: white;
        font-size: 18px;
        position: relative;
        top: 30px;
        padding: 3px 15px;
    }

        div#ostani-doma-content section .gray-bcg .btn.magenta-btn:hover {
            background: #e20074;
            border: 1px solid white;
        }

    div#ostani-doma-content section p a {
        position: relative;
        text-decoration: underline;
    }

    div#ostani-doma-content section strong {
        font-family: teleNeo-bold !important;
    }

        div#ostani-doma-content section strong a {
            font-family: teleNeo-bold !important;
        }

div#ostani-doma-content .content h3 {
    font-family: 'teleNeo-bold' !important;
    font-size: 22px;
}

div#ostani-doma-content section a.btn.btn-gray {
    background: transparent;
    border: 1px solid gray;
    text-decoration: none;
    padding: 3px 15px;
}

div#ostani-doma-content section .gray-bcg .gray-btn {
    position: relative;
    border: 1px solid gray;
    padding: 3px 15px;
}

div#ostani-doma-content .toggleOne,
div#ostani-doma-content .toggleTwo,
div#ostani-doma-content .toggleThree,
div#ostani-doma-content .toggleFour {
    display: none;
}

div#ostani-doma-content-business .toggleOne-business,
div#ostani-doma-content-business .toggleTwo-business,
div#ostani-doma-content-business .toggleThree-business {
    display: none;
}

div#ostani-doma-content section .gray-bcg, div#ostani-doma-content section .white-bcg {
    position: relative;
    width: 50%;
    display: inline;
    float: left;
    height: 100%;
    padding: 5% 5% 0 10%;
    vertical-align: middle;
}

div#ostani-doma-content section.contact-us {
    position: relative;
    background: #ededed;
    padding: 3% 0;
    border-top: 1px solid rgba(51, 51, 51, 0.3);
}

    div#ostani-doma-content section.contact-us h2 {
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 40px;
        color: black;
    }

        div#ostani-doma-content section.contact-us h2 a {
            color: black;
            font-family: 'teleNeo-extra' !important;
            text-decoration: underline;
        }

    div#ostani-doma-content section.contact-us ul {
        position: relative;
        margin: 0 15%;
    }

        div#ostani-doma-content section.contact-us ul li {
            position: relative;
            font-size: 18px;
        }

        div#ostani-doma-content section.contact-us ul.social-links {
            position: relative;
            display: block !important;
            float: none;
            height: 25px;
            margin: 0;
            width: 100% !important;
        }

            div#ostani-doma-content section.contact-us ul.social-links li {
                display: inline;
                float: none;
                background-image: none;
            }

                div#ostani-doma-content section.contact-us ul.social-links li:first-of-type {
                    margin: 0;
                    padding: 0;
                }

                div#ostani-doma-content section.contact-us ul.social-links li a {
                    color: #333;
                }

#videoPlatiOnline .modal-dialog,
#videoPlatiOnline-sq .modal-dialog {
    position: relative;
    width: 590px;
}

    #videoPlatiOnline .modal-dialog .modal-content,
    #videoPlatiOnline-sq .modal-dialog .modal-content {
        position: relative;
        width: 100%;
    }

    #videoPlatiOnline .modal-dialog .modal-header,
    #videoPlatiOnline-sq .modal-dialog .modal-header {
        position: relative;
        border: 0;
    }

@media (max-width: 767px) {
    div#ostani-doma-content section.contact-us ul li {
        font-size: 16px;
    }

    div#ostani-doma-content section .gray-bcg .btn.magenta-btn {
        top: 10px;
    }

    #videoPlatiOnline .modal-dialog,
    #videoPlatiOnline-sq .modal-dialog {
        width: auto;
    }

        #videoPlatiOnline .modal-dialog iframe,
        #videoPlatiOnline-sq .modal-dialog iframe {
            width: 100%;
        }
}
/*#endregion ostani doma*/
.check-phone-price-steps .choose-boxes-parent.typeOfContract .choose-box ~ .novo-fbo {
    position: absolute;
    right: 0;
    margin: 0;
    top: -5px;
    display: block;
    background: #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 0px 20px;
    z-index: 1;
}

    .check-phone-price-steps .choose-boxes-parent.typeOfContract .choose-box ~ .novo-fbo.notFb {
        display: none;
    }

    .check-phone-price-steps .choose-boxes-parent.typeOfContract .choose-box ~ .novo-fbo:after {
        border-color: transparent #e5e5e5 transparent transparent;
        content: "\A";
        right: 2px;
        transform: rotate(180deg);
        display: block;
        border-style: solid;
        border-width: 15px 10px 0px 0px;
        position: absolute;
        right: 0px;
        top: 21px;
        z-index: 0;
    }

.check-phone-price-steps .choose-boxes-parent.typeOfContract .choose-box:nth-child(2).active ~ .novo-fbo {
    background: #e20074;
    border-bottom: 0;
}

    .check-phone-price-steps .choose-boxes-parent.typeOfContract .choose-box:nth-child(2).active ~ .novo-fbo p {
        color: white;
    }

    .check-phone-price-steps .choose-boxes-parent.typeOfContract .choose-box:nth-child(2).active ~ .novo-fbo:after {
        content: "\A";
        transform: rotate(180deg);
        display: block;
        border-style: solid;
        border-width: 15px 8px 0px 0px;
        border-color: transparent #e20074 transparent transparent;
        position: absolute;
        right: 0;
        top: 20px;
        z-index: 0;
    }

.check-phone-price-steps .choose-boxes-parent.typeOfContract .choose-box:nth-child(2) .novo-fbo:after {
    border-color: transparent #e5e5e5 transparent transparent;
    content: "\A";
    transform: rotate(180deg);
    display: block;
    border-style: solid;
    border-width: 15px 10px 0px 0px;
    position: absolute;
    right: 0;
    top: 23px;
    z-index: 0;
}

.check-phone-price-steps .choose-boxes-parent.typeOfContract .novo-fbo p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #333;
}

@media (max-width: 767px) {
    .check-phone-price-steps .choose-boxes-parent.typeOfContract .choose-box ~ .novo-fbo {
        right: 1px;
        z-index: 3;
    }
}


.smart-tarifi-wrapper .radio-buttons {
    position: relative;
    margin-bottom: 30px;
}

.smart-tarifi-wrapper .switch.smart-ostani-doma-bez-ddv,
.smart-tarifi-wrapper .switch.smart-ostani-doma-so-ddv {
    position: relative;
    margin: 0px 0;
    width: 200px;
}

.smart-tarifi-wrapper .switch .form-radio-js {
    width: 22px;
    height: 22px;
    font-size: 24px;
    padding: 0;
    border: 0;
    background-color: #ededed;
    border-radius: 50%;
    font-family: 'TeleIconUi';
    line-height: 1px;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    bottom: 0;
    position: absolute;
    left: -30px;
}

.smart-tarifi-wrapper .switch span {
    font-size: 19px;
}

.smart-tarifi-wrapper .switch .form-radio-js:focus {
    outline: none;
}

.smart-tarifi-wrapper .form-radio-js.checked + span {
    color: #e20074;
}

.smart-tarifi-wrapper .form-radio-js.checked > .check {
    font-size: 24px;
    position: absolute;
    top: 9px;
    left: -1px;
    color: #e20074;
}

.smart-tarifi-wrapper .form-radio-js > .check {
    color: #e8e8e8;
}

.smart-tarifi-wrapper .form-radio-js.checked > .check:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #e20074;
    border-radius: 50px;
    left: 6px;
    right: 0;
    margin: 0 auto;
    top: -4px;
}

.smart-tarifi-wrapper .form-radio-js > .check:before {
    background: #e8e8e8;
}

.smart-tarifi-wrapper .more-info {
    position: relative;
    margin: 40px 20px 40px 20px;
}

    .smart-tarifi-wrapper .more-info img {
        position: relative;
        display: inline-block !important;
    }

    .smart-tarifi-wrapper .more-info span {
        display: inline-block;
        position: relative;
        padding-left: 10px;
    }

.mobile-Xmas-banner {
    position: relative;
    background-image: url('../content/images/mobile-xMas-banner.jpg');
    background-size: cover;
    background-position: left center;
    padding: 3% 0 0;
}

    .mobile-Xmas-banner .wrapper {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: flex-end;
    }

        .mobile-Xmas-banner .wrapper div {
            width: 39%;
        }

.mobile-tariff-banner {
    /*   background-image: url(../content/images/mobile-tariff-vnatreshen.jpg);*/
    background-image: url(../content/images/mobile-unlimited-inner-banner.jpg);
    /* background-image: url(../content/images/mobile-inner-banner-juni-2022.jpg);*/
    /*background-image: url(../content/images/moile-five-g-banner.png);*/
    /*background-image: url(../content/images/banner-mobile-oktomvri-2021.jpg);*/
    /*background-image: url(../content/images/mobile-tarif/mobile-banner-proletna-promocija.jpg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 375px;
    top: 20px;
    position: relative;
}

    /*  .mobile-tariff-banner.sq {
        background-image: url(../content/images/mobile-banner-proletna-promocija-sq.jpg);
    }*/

    .mobile-tariff-banner .wrapper {
        width: 50%;
        position: relative;
        height: auto;
        margin: 10% 0;
    }

    .mobile-tariff-banner h1 {
        color: white;
        width: 100%;
        position: relative;
        font-size: 62px;
        text-transform: none;
        font-family: 'teleNeo-regular' !important;
    }


    .mobile-tariff-banner .wrapper .ec {
        position: absolute;
        right: -30px;
        top: -50px;
        width: 100%;
    }

        .mobile-tariff-banner .wrapper .ec img {
            position: relative;
            right: 0;
            float: right;
        }

    .mobile-tariff-banner h1 span {
        display: block;
        font-size: 32px;
        font-family: 'teleNeo-regular' !important;
    }

    .mobile-tariff-banner .text {
        position: absolute;
        z-index: 2;
        bottom: 70px;
        width: 42%;
        margin: 0 auto;
        background: transparent;
        color: white;
        padding: 0;
        left: 2%;
    }

        .mobile-tariff-banner .text .ec-mobile {
            position: absolute;
            right: -40%;
            bottom: 10px;
            width: 200px;
            height: auto;
        }

        .mobile-tariff-banner .text h1 span {
            color: white;
            font-family: 'teleNeo-extra' !important;
            font-size: 35px;
            line-height: 1.2;
        }

        .mobile-tariff-banner .text h2 {
            font-size: 24px;
            font-family: 'teleNEo-regular' !important;
            line-height: 1.2;
        }

    .mobile-tariff-banner .absolute-wrap {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        right: 0;
    }

.mobile-promo-banner {
    position: relative;
    background-image: url(../content/images/mobile-promocija-banner-new.jpg);
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
}

    .mobile-promo-banner.business {
        background-image: url(../content/images/business-tarifi/business-tarifi-promo-banner.jpg);
        background-position: right !important;
        height: 450px;
    }

    .mobile-promo-banner.fiksni {
        background-image: url(../content/images/m1b-redesign/m1b-banner-promo.jpg);
        height: 450px;
    }

        .mobile-promo-banner.business:before,
        .mobile-promo-banner.fiksni:before {
            background-position: bottom left;
            background-size: cover;
            width: 100%;
            background-repeat: no-repeat;
            height: 100%;
            left: -30%;
        }

        .mobile-promo-banner.fiksni .text {
            width: 30%;
        }

    .mobile-promo-banner.business .text {
        width: 40%;
    }

        .mobile-promo-banner.business .text .ec {
            position: absolute;
            right: -70%;
            bottom: 20px;
            width: 170px;
        }

    .mobile-promo-banner:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        height: 100%;
        background-image: url(../content/images/mobile-promocija-banner-new-full.png);
        background-position: left;
        background-size: cover;
        width: 100%;
    }

    .mobile-promo-banner .text {
        position: relative;
        width: 50%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .mobile-promo-banner .text .ec {
            position: absolute;
            right: -40%;
            bottom: 20px;
        }
/*    .mobile-tariff-banner .ec {
        position: absolute;
        bottom: 20px;
        z-index: 2;
        width: 530px;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
*/
.mobile-tariff-banner img {
    margin: 0 !important;
    left: 0;
    position: relative;
}

.ostani-doma-header {
    position: relative;
    text-align: center;
    padding: 3% 0%;
}

    .ostani-doma-header h2 {
        font-size: 40px;
        margin: 50px 0;
        font-family: 'teleNeo-extra' !important;
        color: black;
        text-transform: uppercase;
    }

    .ostani-doma-header h3 {
        position: relative;
        text-transform: none;
        line-height: 1.2;
        font-size: 19px;
        padding: 0;
    }

/*.switch.smart-ostani-doma-bez-ddv .form-radio-js.checked + .dobij-poveke-so-ostani-doma {
    display: none !important;
}
.switch.smart-ostani-doma-so-ddv .form-radio-js.checked + .dobij-poveke-so-ostani-doma {
    display: block !important;
}*/
.dobij-povekje-so-ostani-doma {
    position: relative;
    margin: 60px 0;
    display: block;
}

div#ostani-doma-plus .modal-dialog {
    position: relative;
    width: 88%;
    height: auto;
}

    div#ostani-doma-plus .modal-dialog .modal-header {
        border-bottom: none;
    }

        div#ostani-doma-plus .modal-dialog .modal-header button {
            position: relative;
            z-index: 9;
            color: #333;
            opacity: 1;
        }

    div#ostani-doma-plus .modal-dialog .modal-content {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 30px 30px 110px 30px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../content/images/dopolnitelni-pridobivki-bcg.jpg);
        border: none;
    }

    div#ostani-doma-plus .modal-dialog .modal-body p {
        position: relative;
        text-align: center;
        color: white;
        font-size: 20px;
    }

    div#ostani-doma-plus .modal-dialog .modal-header h1 {
        font-family: 'teleNeo-extra' !important;
        font-size: 40px;
        color: white;
    }

    div#ostani-doma-plus .modal-dialog .modal-content .packages {
        margin: 25px auto 30px;
    }

        div#ostani-doma-plus .modal-dialog .modal-content .packages .package-column {
            float: none;
            display: inline-block;
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px;
        }

            div#ostani-doma-plus .modal-dialog .modal-content .packages .package-column .box-mp {
                text-align: center;
                padding: 35px 0px;
                margin: auto 10px;
                font-size: 38px;
                box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.31);
                color: grey;
                background-color: #fafafa;
                cursor: pointer;
                transition: all 0.25s ease-in-out;
                background-image: none;
                width: 205px;
                display: inline-block;
            }

                div#ostani-doma-plus .modal-dialog .modal-content .packages .package-column .box-mp.active {
                    position: relative;
                    color: #e20074;
                    border: 2px solid #e20074;
                    font-size: 43px;
                    transition: all ease-in 0.5s;
                }

    div#ostani-doma-plus .modal-dialog .modal-content .package-options {
        text-align: center;
        margin: 0 auto;
        padding-top: 25px;
        display: table;
        width: 100%;
        margin: 0 10px;
    }

        div#ostani-doma-plus .modal-dialog .modal-content .package-options .options-column {
            float: none;
            display: block;
            position: relative;
            padding-right: 15px;
            padding-left: 15px;
            width: 100%;
            text-align: center;
            margin: 0 auto;
        }

        div#ostani-doma-plus .modal-dialog .modal-content .package-options .mt20 {
            margin-top: 20px;
        }

    div#ostani-doma-plus .modal-dialog .modal-content .packageOption {
        text-align: center;
        padding: 0;
        height: 205px;
        font-size: 18px;
        vertical-align: middle;
        display: inline-block;
        width: 225px;
        left: 0;
        font-size: 18px;
        cursor: pointer;
        position: relative;
        margin: 20px 10px;
    }

        div#ostani-doma-plus .modal-dialog .modal-content .packageOption.active {
            color: white;
            cursor: default;
            height: 220px;
            top: 0;
        }

        div#ostani-doma-plus .modal-dialog .modal-content .packageOption .inner {
            position: relative;
            display: table;
            width: 100%;
            height: 100%;
            text-align: center;
            transition: all 0.6s;
            transform-style: preserve-3d;
            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        }

        div#ostani-doma-plus .modal-dialog .modal-content .packageOption .txt {
            width: 100%;
            height: 100%;
            opacity: 1;
            transition: transform 0.8s;
            transform-style: preserve-3d;
            color: #e20074;
            border: 1px solid #fff;
        }

div#ostani-doma-plus .packageOption .txt div,
div#ostani-doma-plus .packageOption .tool div {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

div#ostani-doma-plus .packageOption .txt h2 {
    font-size: 30px;
    font-family: 'teleNeo-extra' !important;
    text-transform: uppercase;
}

div#ostani-doma-plus .packageOption .tool {
    transform: rotateY(180deg);
    padding: 0px 15px;
}

div#ostani-doma-plus .packageOption .txt,
div#ostani-doma-plus .packageOption .tool {
    border: 1px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    display: table;
    backface-visibility: hidden;
    height: 100%;
    vertical-align: middle;
    background-color: white;
}

    div#ostani-doma-plus .packageOption .tool > div {
        vertical-align: top;
    }

    div#ostani-doma-plus .packageOption .tool p {
        font-size: 17px;
    }

    div#ostani-doma-plus .packageOption .tool h2 {
        margin-bottom: 10px;
        font-size: 26px;
        font-family: 'teleNeo-extra' !important;
        margin-top: 10px;
    }

div#ostani-doma-plus .modal-dialog .modal-content .package-options a {
    position: relative;
    display: block;
    width: 100px;
    top: 50px;
}

div#ostani-doma-plus input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top: -40px;
    left: 0;
    width: 260px;
    height: 245px;
    z-index: 9;
}

    div#ostani-doma-plus input ~ .border {
        position: absolute;
        top: -30px;
        left: 49%;
        height: 22px;
        width: 22px;
        background-color: transparent;
        border-radius: 50%;
        border: 1px solid white;
    }

    div#ostani-doma-plus input:checked ~ .check {
        background-color: white;
        position: absolute;
        left: 50.6%;
        top: -26px;
        width: 14px;
        height: 14px;
        border-radius: 50px;
    }

div#ostani-doma-plus .packageOption.five.active input:checked ~ .check {
    left: 50.5%;
}
/*div#ostani-doma-plus .packageOption:before {
    content: '';
    display: block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    position: absolute;
    border: 1px solid white;
    top: -37px;
    left: 0;
    right: 0;
    margin: auto;
}

div#ostani-doma-plus .packageOption:after {
    content: '';
    display: block;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    position: absolute;
    background-color: transparent;
    top: -32px;
    left: 0;
    right: 0;
    margin: auto;
}*/
div#ostani-doma-plus .packageOption inner .tool {
    transform: rotateY(180deg);
}

div#ostani-doma-plus .packageOption.active inner .tool {
    width: 100%;
    background-color: #d91071;
    transform: rotateY(180deg);
    color: #ffffff;
    border: 1px solid #fff;
}

#ostani-doma-content section.odd.nadopolni .white-bcg {
    padding: 3% 5% 0 10% !important;
}

    #ostani-doma-content section.odd.nadopolni .white-bcg a {
        color: black !important;
        font-family: 'teleNeo-medium' !important;
        font-size: 18px !important;
    }

    #ostani-doma-content section.odd.nadopolni .white-bcg p {
        color: black;
        font-family: 'teleNeo-medium';
        font-size: 18px;
    }

@media(min-width: 320px) and (max-width: 400px) {
    .mobile-Xmas-banner .wrapper div {
        width: 100%;
        position: absolute;
        bottom: 0;
        right: 0;
        height: 100%;
    }

        .mobile-Xmas-banner .wrapper div img {
            position: absolute;
            bottom: 0;
            right: 0;
        }

    .mobile-promo-banner .text {
        height: 100%;
        width: 100% !important;
    }

    .mobile-promo-banner.fiksni {
        height: 200px;
    }
}

@media (max-width: 767px) {
    .mobile-Xmas-banner {
        background-position: 25% center;
        padding: 3% 0 0;
        height: 300px;
    }

        .mobile-Xmas-banner .wrapper div {
            width: 60%;
            position: absolute;
            bottom: 0;
            right: 0;
            height: 100%;
        }

            .mobile-Xmas-banner .wrapper div img {
                position: absolute;
                bottom: 0;
                right: 0;
            }

    .mobile-promo-banner {
        height: 150px;
    }

        .mobile-promo-banner.fiksni {
            height: auto;
        }

            .mobile-promo-banner.fiksni:before {
                left: 0;
            }

        .mobile-promo-banner:before {
            width: 100%;
        }

        .mobile-promo-banner .text {
            position: relative;
            width: 50% !important;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            flex-direction: column;
        }

            .mobile-promo-banner .text .ec {
                position: relative;
                right: 0;
                bottom: 0;
                width: 180px;
                height: 70px;
                z-index: 2;
                display: block;
            }

    .ostani-doma-header h1 {
        font-size: 29px;
    }

    .ostani-doma-header h2 {
        padding: 0;
        font-size: 25px;
    }

    .ostani-doma-header h3 {
        font-size: 19px;
        padding: 0 5%;
    }

    div#ostani-doma-plus .modal-dialog .modal-header button {
        position: absolute;
        z-index: 9;
        color: white;
        opacity: 1;
        font-size: 40px;
        right: 10px;
        top: 20px;
    }

    .ostani-doma-header {
        padding: 10% 0% 3%;
    }

    .mobile-tariff-banner img {
        width: 220px;
    }

    #ostani-doma-content section.odd.nadopolni .gray-bcg .content {
        text-align: center;
    }

    div #ostani-doma-content {
        top: 0;
    }

    #ostani-doma-content .ostani-doma-banner {
        height: auto;
    }

    div#ostani-doma-content section.contact-us ul {
        margin: 0;
    }

    div#ostani-doma-content section.odd .gray-bcg:after,
    div#ostani-doma-content section.odd .gray-bcg:after {
        content: "";
        display: none;
    }

    div #ostani-doma-plus input {
        left: 3%;
    }

        div#ostani-doma-plus input ~ .border {
            left: 47%;
        }

        div#ostani-doma-plus input:checked ~ .check {
            left: 49%;
            height: 10px;
            width: 10px;
            top: 6px;
        }

    #ostani-doma-content .ostani-doma-banner h1 {
        font-size: 34px;
        margin-bottom: 30px;
    }

    div#ostani-doma-content section.even {
        background: white;
    }

        div#ostani-doma-content section.even .gray-bcg {
            width: 100%;
            padding: 4% 4% 5% 4%;
            background: white;
        }

            div#ostani-doma-content section.even .gray-bcg:before {
                content: "";
                display: none;
            }

    div#ostani-doma-content section.odd {
        background: #ededed;
    }

        div#ostani-doma-content section.odd .gray-bcg {
            background: white;
        }

    div#ostani-doma-content section .white-bcg {
        /*border-bottom: 1px solid rgba(128, 128, 128, 0.3);*/
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

        div#ostani-doma-content section .white-bcg .img-box {
            position: relative;
            width: 120px;
            margin: 0 auto;
            padding: 30px 0;
        }

    div#ostani-doma-content section .gray-bcg h2, div#ostani-doma-content section h2 {
        position: relative;
        font-size: 24px;
    }

        div#ostani-doma-content section .gray-bcg h2 a {
            font-size: 24px;
        }

    div #ostani-doma-plus .modal-dialog {
        width: 95%;
        height: auto;
    }

        div#ostani-doma-plus .modal-dialog .modal-header h1 {
            font-size: 23px;
        }

        div#ostani-doma-plus .modal-dialog .modal-body p {
            font-size: 18px;
        }

        div#ostani-doma-plus .modal-dialog .modal-content .packages .package-column .box-mp {
            width: 60px;
            height: 60px;
            padding: 3px 0px;
            font-size: 35px;
            margin: 0 3px;
        }

        div#ostani-doma-plus .modal-dialog .modal-content .packageOption {
            width: 100%;
            height: 70px;
            display: block;
            margin: 30px 0 80px 0;
        }


    div#ostani-doma-plus .packageOption .txt h2 {
        font-size: 23px;
    }

    div#ostani-doma-content section.odd .gray-bcg {
        width: 100%;
        padding: 4% 4% 5% 4%;
        background: transparent;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .mobile-promo-banner {
        height: 250px;
    }

        .mobile-promo-banner .text {
            width: 50%;
        }

    div#ostani-doma-plus .modal-dialog {
        width: 90%;
        height: auto;
    }

        div#ostani-doma-plus .modal-dialog .modal-header h1 {
            font-size: 30px;
        }

        div#ostani-doma-plus .modal-dialog .modal-content .packages .package-column .box-mp {
            height: 115px;
            padding: 20px 0px;
            width: 130px;
        }

        div#ostani-doma-plus .modal-dialog .modal-content .packageOption {
            width: 255px;
            height: 125px;
        }

    div#ostani-doma-plus .packageOption .txt h2 {
        font-size: 26px;
    }
}

@media(min-width: 992px) and (max-width: 1400px) {
    .mobile-promo-banner {
        height: 250px;
    }
}

@media(min-width: 1700px) {
    .mobile-promo-banner.business:before,
    .mobile-promo-banner.fiksni:before {
        left: -25%;
    }

    .mobile-promo-banner.business .text .ec {
        position: absolute;
        right: -30%;
    }
}

div#ostani-doma-content {
    position: relative;
    top: -20px;
}

.packageOption.active .inner {
    transform: rotateY(180deg);
}

.packageOption.active .tool {
    width: 100%;
    background-color: #d91071 !important;
    transform: rotateY(180deg) !important;
    color: #ffffff;
    border: 1px solid #fff !important;
    backface-visibility: visible !important;
    -webkit-backface-visibility: visible !important;
    height: 100%;
}

    .packageOption.active .tool a {
        position: relative;
        display: block;
        width: 100% !important;
        top: 0 !important;
        color: white !important;
        text-decoration: underline;
    }

/*#region ostani doma business*/
div#ostani-doma-content-business {
    position: relative;
    top: -10px;
}

#ostani-doma-content-business .ostani-doma-banner.business {
    position: relative;
    background-image: url(../content/images/ostani-doma-baner-business.jpg);
    height: 425px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2% 0;
}

    #ostani-doma-content-business .ostani-doma-banner.business a {
        position: relative;
        display: block;
        margin: 0 auto;
        width: 100px;
        font-size: 17px;
        margin-top: 25px;
    }

    #ostani-doma-content-business .ostani-doma-banner.business h1 {
        position: relative;
        color: white;
        text-align: center;
        font-family: 'teleNeo-regular' !important;
        font-size: 50px;
        margin-bottom: 50px;
    }

        #ostani-doma-content-business .ostani-doma-banner.business h1 span {
            font-family: 'teleNeo-extra' !important;
        }

#ostani-doma-content-business .ostani-doma-banner p {
    position: relative;
    font-size: 18px;
    color: white;
    text-align: center;
}

div#ostani-doma-content-business section {
    position: relative;
    height: auto;
}

    div#ostani-doma-content-business section .black-bcg {
        background: black;
    }

    div#ostani-doma-content-business section.even .black-bcg:before {
        background: black;
        content: "";
        height: 100%;
        position: absolute;
        width: 700px;
        height: 100%;
        right: -700px;
        top: 0;
    }

    div#ostani-doma-content-business section.odd .black-bcg {
        padding: 6% 5% 8% 10% !important;
    }

        div#ostani-doma-content-business section.odd .black-bcg:before {
            background: black;
            content: "";
            height: 100%;
            position: absolute;
            width: 700px;
            height: 100%;
            left: -700px;
            top: 0;
        }

    div#ostani-doma-content-business section.even .black-bcg {
        padding: 12% 0% 14% 8% !important;
    }

    div#ostani-doma-content-business section .gray-bcg, div#ostani-doma-content-business section .black-bcg {
        position: relative;
        width: 50%;
        display: inline;
        float: left;
    }


    div#ostani-doma-content-business section.even .gray-bcg {
        position: relative;
        background: #262626;
        position: relative;
        text-align: left;
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        height: 100%;
        padding: 3% 4% 8% 0;
    }

    div#ostani-doma-content-business section.odd .gray-bcg {
        position: relative;
        background: #262626;
        position: relative;
        text-align: left;
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        padding: 10.6% 0 11.8% 4%;
    }

    div#ostani-doma-content-business section.even .gray-bcg:before {
        background: #262626;
        height: 100%;
        position: absolute;
        width: 700px;
        height: 100%;
        content: '';
        left: -700px;
        top: 0;
    }

    div#ostani-doma-content-business section.odd .gray-bcg:after {
        background: #262626;
        position: absolute;
        position: absolute;
        width: 700px;
        height: 100%;
        content: '';
        right: -700px;
        top: 0;
    }

    div#ostani-doma-content-business section .gray-bcg h2,
    div#ostani-doma-content-business section h2 {
        font-size: 34px;
        font-family: 'teleNeo-extra' !important;
    }

        div#ostani-doma-content-business section .gray-bcg h2 a {
            font-size: 34px;
            font-family: 'teleNeo-extra' !important;
            text-decoration: underline;
        }

    div#ostani-doma-content-business section .gray-bcg * {
        color: white;
        font-family: 'teleNeo-medium';
        font-size: 18px;
    }

    div#ostani-doma-content-business section p a {
        position: relative;
        text-decoration: underline;
    }

    div#ostani-doma-content-business section strong {
        font-family: teleNeo-bold !important;
    }

        div#ostani-doma-content-business section strong a {
            font-family: teleNeo-bold !important;
        }

div#ostani-doma-content-business .content h3 {
    font-family: 'teleNeo-bold' !important;
    font-size: 22px;
}

div#ostani-doma-content-business section a.btn.btn-gray {
    background: transparent;
    border: 1px solid gray;
    text-decoration: none;
    padding: 3px 15px;
}

div#ostani-doma-content-business section .gray-bcg .gray-btn {
    position: relative;
    border: 1px solid gray;
    padding: 3px 15px;
}

div#ostani-doma-content-business .toggleOne,
div#ostani-doma-content-business .toggleTwo,
div#ostani-doma-content-business .toggleThree,
div#ostani-doma-content-business .toggleFour {
    display: none;
}

div#ostani-doma-content-business section .gray-bcg,
div#ostani-doma-content-business section .black-bcg {
    position: relative;
    width: 50%;
    display: inline;
    float: left;
    height: 100%;
    padding: 5% 5% 0 10%;
    vertical-align: middle;
    min-height: 470px;
}

div#ostani-doma-content-business section.contact-us {
    position: relative;
    background: #ededed;
    padding: 3% 0;
    border-top: 1px solid rgba(51, 51, 51, 0.3);
}

    div#ostani-doma-content-business section.contact-us h2 {
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 40px;
        color: black;
    }

    div#ostani-doma-content-business section.contact-us ul {
        position: relative;
        margin: 0 28%;
    }

        div#ostani-doma-content-business section.contact-us ul.social-links {
            position: relative;
            display: block !important;
            float: none;
            height: 25px;
            margin: 0;
            width: 100% !important;
        }

            div#ostani-doma-content-business section.contact-us ul.social-links li {
                display: inline-block;
                list-style: none;
                background-image: none;
                margin-left: 15px;
            }

                div#ostani-doma-content-business section.contact-us ul.social-links li:first-of-type {
                    margin: 0;
                    padding: 0;
                }

                div#ostani-doma-content-business section.contact-us ul.social-links li a {
                    color: black;
                }

        div#ostani-doma-content-business section.contact-us ul li {
            position: relative;
            font-size: 18px;
        }

@media (max-width: 767px) {
    #ostani-doma-content-business .ostani-doma-banner.business {
        height: auto;
        padding: 30px 0;
    }

        #ostani-doma-content-business .ostani-doma-banner.business h1 {
            font-size: 34px;
            margin-bottom: 30px;
        }

    div#ostani-doma-content-business section.even .black-bcg {
        width: 100%;
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    div#ostani-doma-content-business section.even .gray-bcg:before {
        content: none;
    }

    div#ostani-doma-content-business section.even .black-bcg:before {
        content: none;
    }

    div#ostani-doma-content-business section.even .black-bcg .img-box {
        position: relative;
        width: 160px;
        margin: 0 auto;
        padding: 0;
    }

    div#ostani-doma-content-business section.contact-us {
        padding: 6% 0;
    }

    div#ostani-doma-content-business section.even .gray-bcg {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        background: black;
        padding: 7% 4% 8% 0;
    }

    div#ostani-doma-content-business section .gray-bcg h2, div#ostani-doma-content-business section h2 {
        position: relative;
        font-size: 24px;
    }

    div#ostani-doma-content-business section.odd .black-bcg {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        background: #262626;
    }

    div#ostani-doma-content-business section.odd .gray-bcg {
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

        div#ostani-doma-content-business section.odd .gray-bcg:after {
            content: none;
        }

    div#ostani-doma-content-business section.odd .black-bcg .img-box {
        position: relative;
        width: 170px;
        margin: 0 auto;
        padding: 0;
    }

    div#ostani-doma-content-business section.contact-us ul {
        margin: 0;
    }

        div#ostani-doma-content-business section.contact-us ul li {
            font-size: 16px;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    div#ostani-doma-content-business section .gray-bcg h2,
    div#ostani-doma-content-business section h2 {
        font-size: 29px;
    }

    div#ostani-doma-content-business section.even .black-bcg {
        padding: 12% 0% 24.1% 8% !important;
    }

    div#ostani-doma-content-business section.odd .gray-bcg {
        padding: 10.6% 0 5.5% 4%;
    }

    div#ostani-doma-content-business section.odd .black-bcg {
        padding: 6% 5% 9% 10% !important;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    div#ostani-doma-content-business section.even .black-bcg {
        padding: 12% 0% 14.8% 8% !important;
    }

    div#ostani-doma-content-business section.odd .gray-bcg {
        padding: 10.6% 0 12.2% 4%;
    }
}

#modal-workHome {
    width: 80%;
    margin: 0 auto;
}

    #modal-workHome .modal-header {
        border-bottom: 0;
    }

    #modal-workHome .modal-body {
        background: white;
    }

    #modal-workHome #skroeniPoVasaMerka .skroeniPoVasaMerka-box {
        border: 0;
    }

div#modal-workHome button.close {
    position: relative;
    top: 0px;
    z-index: 999;
    opacity: 1;
    font-size: 25px;
}

div#modal-workHome h2.telekom-magenta-color {
    font-family: teleNeo-bold !important;
    text-align: center;
}

div#modal-workHome .checkbox-wrap {
    display: block;
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    min-height: 60px;
}

    div#modal-workHome .checkbox-wrap:before {
        content: "";
        position: absolute;
        left: 0;
        top: 5px;
        width: 18px;
        height: 18px;
        border: 1px solid rgba(215, 211, 211, 0.93);
        background: #eeeeee;
        border-radius: 3px;
    }

div#modal-workHome .checkbox-wrapper {
    position: relative;
    border-bottom: 1px solid rgba(125, 125, 125, 0.2);
    margin-bottom: 20px;
}

    div#modal-workHome .checkbox-wrapper p {
        font-size: 17px !important;
        color: #e20074 !important;
        text-transform: uppercase;
    }

div#modal-workHome .checkbox-wrap input[type="checkbox"]:checked,
div#modal-workHome .checkbox-wrap input[type="checkbox"]:not(:checked) {
    position: absolute;
    opacity: 0;
    left: 0;
    z-index: 99;
    cursor: pointer;
    top: 5px;
    width: 18px;
}

div#modal-workHome .checkbox-wrapper:nth-child(1) .col-md-6:last-child .option:last-child .checkbox-wrap > a {
    text-decoration: none !important;
    color: #333 !important;
    cursor: default;
    pointer-events: none;
}

div#modal-workHome .checkbox-wrap input[type="checkbox"]:checked + .checkmark:after {
    content: 'V';
    position: absolute;
    color: #6bb324;
    font-family: teleicon-outline;
    display: block;
    left: 2px;
    right: 0;
    top: 2px;
    bottom: 0;
    opacity: 1;
    z-index: 3;
    font-size: 16px;
}

div#modal-workHome .checkbox-wrap input[type="checkbox"]:not(:checked) + .checkmark:after {
    content: '';
    position: absolute;
    color: green;
    opacity: 0;
    transform: scale(0);
}

div#modal-workHome #skroeniPoVasaMerka .skroeniPoVasaMerka-box .container {
    width: 100%;
}

@media (max-width: 767px) {
    div#modal-workHome #skroeniPoVasaMerka section.skroeniPoVasaMerka-box {
        padding: 0;
    }

    div#modal-workHome .checkbox-wrapper p {
        font-size: 15px;
    }

    div#modal-workHome .checkbox-wrapper {
        padding-bottom: 30px;
    }
}

@media (max-width: 991px) {
    div#modal-workHome #skroeniPoVasaMerka .skroeniPoVasaMerka-box .container {
        width: 100%;
    }

    .mobile-tariff-banner {
        /* background-image: url(../content/images/mobile-unlimited-inner-banner.jpg);*/
        height: 200px;
        background-position: 50% 0;
    }

        .mobile-tariff-banner .wrapper {
            width: 60%;
            margin: 8% 0;
        }

            .mobile-tariff-banner .wrapper .ec {
                width: 75px;
                right: -30px;
                top: -40px;
            }

        .mobile-tariff-banner h1 {
            font-size: 34px;
        }

            .mobile-tariff-banner h1 span {
                font-size: 22px;
            }
}

@media(min-width: 320px) and (max-width: 374px) {
    .mobile-tariff-banner {
        background-position: 50% 0%;
        height: 200px;
    }
}


/*#endregion ostani doma business*/

.table-responsive.businessTableSoMagentaKolona img.megunarodni-raz-ec {
    position: absolute;
    top: 45%;
    z-index: 5;
    left: -70px;
}

@media(max-width: 767px) {
    .table-responsive.businessTableSoMagentaKolona img.megunarodni-raz-ec {
        right: 0;
    }
}
/*#region maxTv kino*/
.maxtv-kino .films {
    position: relative;
    margin: 30px 0;
}

.maxtv-kino h2 {
    margin-bottom: 25px;
    font-family: 'teleNeo-bold' !important;
    font-size: 33px;
}

.maxtv-kino p {
    font-size: 17px;
}

    .maxtv-kino p.highlight {
        position: relative;
        background: #e8e8e8;
        padding: 20px;
        text-align: center;
        margin: 25px 0;
    }

.maxtv-kino input.flip-box {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 425px;
    z-index: 9;
}


.maxtv-kino .flipper {
    perspective: 1000px;
}

    .maxtv-kino .flipper:hover .film-box {
        transform: rotateY(180deg);
    }

.maxtv-kino .film-box {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
    width: 100%;
    height: 430px;
    margin-bottom: 30px;
}

.maxtv-kino .film-img,
.maxtv-kino .film-content {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0;
}

.maxtv-kino .film-img {
    z-index: 2;
    transform: rotateY(0deg);
}

.maxtv-kino .film-content {
    transform: rotateY(180deg);
}

    .maxtv-kino .film-content h3 {
        position: relative;
        font-size: 19px;
        margin: 0 0 10px 0;
    }

    .maxtv-kino .film-content p {
        position: relative;
        font-size: 15px;
    }


/*#endregion*/

/*#region androidTv*/
div#pravila-za-koristenje, div#politika-na-privatnost {
    position: relative;
    background: black;
    color: white;
    padding-bottom: 30px;
}

    div#pravila-za-koristenje h1,
    div#politika-na-privatnost h1 {
        position: relative;
        font-family: 'teleNeo-bold' !important;
        font-size: 55px;
        margin: 40px 0;
    }

    div#pravila-za-koristenje h3,
    div#politika-na-privatnost h3 {
        position: relative;
        font-family: 'teleNeo-bold' !important;
        font-size: 25px;
        margin-bottom: 20px;
    }

    div#pravila-za-koristenje a,
    div#politika-na-privatnost a {
        color: #e20074;
    }

    div#pravila-za-koristenje p,
    div#politika-na-privatnost p {
        font-size: 17px;
    }
/*#endregion androidTv*/

/*#region corona news*/
.corona-banner {
    margin-bottom: 50px;
}

    .corona-banner h2 {
        position: relative;
        color: #e20074;
        font-family: 'teleNeo-extra' !important;
        font-size: 37px;
        text-transform: uppercase;
        margin: 40px 0;
    }

.reports-full.corona-news .reports-full-txt {
    padding: 30px 0 40px 0;
}

.reports-full.corona-news h3 {
    position: relative;
    min-height: 90px;
}

.corona-news-wrapper .news-box .news h2 {
    line-height: 19px;
}
/*#endregion corona news*/
.business-office-ec {
    position: absolute;
    top: -80px;
    width: 90px;
    height: 90px;
    z-index: 2;
    right: -30px;
}

/*#region dopolnitelni-paketi-pripejd new*/
.dopolnitelni-paketi-pripejd-new {
    position: relative;
    height: 375px;
    background-image: url(/content/images/dopolnitelni-paketi-pripejd-new.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .dopolnitelni-paketi-pripejd-new h1 {
        font-size: 34px;
        color: #333;
        margin-top: 30px;
    }

.dopolnitelni-paketi-new-content {
    position: relative;
    padding: 5% 0;
}

    .dopolnitelni-paketi-new-content .dopPaketi-packagesBox {
        margin: 70px 0;
        text-align: center;
    }

    .dopolnitelni-paketi-new-content .paketi-boxes {
        position: relative;
        text-align: center;
    }

        .dopolnitelni-paketi-new-content .paketi-boxes .paketi-img {
            position: relative;
            width: 60px;
            height: auto;
            margin: 0 auto;
            display: block;
            min-height: 60px;
        }

        .dopolnitelni-paketi-new-content .paketi-boxes .paketi-text {
            position: relative;
            min-height: 110px;
            font-size: 17px;
        }

        .dopolnitelni-paketi-new-content .paketi-boxes .paketi-btn {
            position: relative;
            margin-top: 25px;
        }

            .dopolnitelni-paketi-new-content .paketi-boxes .paketi-btn a.btn-magenta {
                position: relative;
                background: #e20074;
                color: white;
                font-size: 17px;
                padding: 8px 18px;
                text-align: center;
            }

@media (max-width: 767px) {
    .dopolnitelni-paketi-pripejd-new {
        height: 250px;
    }

    .dopolnitelni-paketi-new-content .paketi-boxes {
        margin-bottom: 70px;
        border: 1px solid rgba(227, 223, 223, 0.5);
        padding: 30px 0;
    }

    .dopolnitelni-paketi-pripejd-new h1 {
        font-size: 29px;
    }

    .dopolnitelni-paketi-new-content {
        padding: 10% 0;
    }

        .dopolnitelni-paketi-new-content .paketi-boxes .paketi-img {
            width: 50px;
            min-height: 50px;
        }

        .dopolnitelni-paketi-new-content .paketi-boxes .paketi-text {
            min-height: 60px;
        }

        .dopolnitelni-paketi-new-content .paketi-boxes .paketi-btn a.btn-magenta {
            font-size: 16px;
            padding: 5px 15px;
        }
}

@media (min-width:768px) and (max-width: 991px) {
    .dopolnitelni-paketi-new-content .paketi-boxes .paketi-text {
        min-height: 130px;
    }

    .dopolnitelni-paketi-new-content .paketi-boxes .paketi-btn a.btn-magenta {
        padding: 5px 18px;
    }
}
/*#endregion dopolnitelni-paketi-pripejd new*/

/*#region m1 business dopolnitelni uslugi*/
.m1b-bannerBox {
    position: relative;
    background-image: url('../content/images/dopolnitelni-pridobivki-m1-business-banner.jpg');
    height: 295px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 25px;
}

    .m1b-bannerBox.sq {
        background-image: url('../content/images/dopolnitelni-pridobivki-m1-business-banner-sq.jpg');
    }

    .m1b-bannerBox .button-popUp {
        position: absolute;
        right: 20px;
        text-align: right;
        bottom: 20px;
        display: block;
        width: 120px;
    }

        .m1b-bannerBox .button-popUp a {
            position: relative;
            width: 100%;
            background: white;
            color: #e20074;
            font-size: 18px;
            border-radius: 3px;
            border: 1px solid #e20074;
            padding: 6px 12px;
        }

.business-tarifi-banner {
    position: relative;
    background-image: url('../content/images/dopolnitelni-pridobivki-m1-business-banner-tarifi.jpg');
    height: 295px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .business-tarifi-banner.sq {
        background-image: url('../content/images/dopolnitelni-pridobivki-m1-business-banner-tarifi-sq.jpg');
    }

    .business-tarifi-banner .button-popUp {
        position: absolute;
        right: 20px;
        text-align: right;
        bottom: 20px;
        display: block;
        width: 120px;
    }

        .business-tarifi-banner .button-popUp a {
            position: relative;
            width: 100%;
            background: white;
            color: #e20074;
            font-size: 18px;
            border-radius: 3px;
            border: 1px solid #e20074;
        }

.opcija-video-business {
    position: relative;
    background: #6cb6e7;
    padding: 20px 20px;
    color: white;
}

    .opcija-video-business h3 {
        padding: 0;
        margin: 0 !important;
        font-size: 19px !important;
        text-transform: uppercase;
    }


div#pridobivki-tarifi-modal .modal-dialog {
    position: relative;
    width: 70%;
    height: auto;
}

    div#pridobivki-tarifi-modal .modal-dialog .modal-header {
        border-bottom: none;
    }

        div#pridobivki-tarifi-modal .modal-dialog .modal-header button {
            position: relative;
            z-index: 9;
            color: #333;
            opacity: 1;
        }

    div#pridobivki-tarifi-modal .modal-dialog .modal-content {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 30px 30px 110px 30px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../content/images/dopolnitelni-pridobivki-bcg.jpg);
        border: none;
    }

    div#pridobivki-tarifi-modal .modal-dialog .modal-body p {
        position: relative;
        text-align: center;
        color: white;
        font-size: 20px;
    }

    div#pridobivki-tarifi-modal .modal-dialog .modal-header h2 {
        font-family: 'teleNeo-extra' !important;
        font-size: 40px;
        color: white;
    }

    div#pridobivki-tarifi-modal .modal-dialog .modal-content .packages {
        margin: 25px auto 30px;
    }

        div#pridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column {
            float: none;
            display: inline-block;
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px;
        }

            div#pridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column .box-mp {
                text-align: center;
                padding: 35px 0px;
                margin: auto 10px;
                font-size: 38px;
                box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.31);
                color: grey;
                background-color: #fafafa;
                cursor: pointer;
                transition: all 0.25s ease-in-out;
                background-image: none;
                width: 180px;
                display: inline-block;
            }

                div#pridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column .box-mp.active {
                    position: relative;
                    color: #e20074;
                    border: 2px solid #e20074;
                    font-size: 43px;
                    transition: all ease-in 0.5s;
                }

    div#pridobivki-tarifi-modal .modal-dialog .modal-content .package-options {
        text-align: center;
        margin: 0 auto;
        padding-top: 25px;
        display: table;
        width: 100%;
        margin: 0 10px;
    }

        div#pridobivki-tarifi-modal .modal-dialog .modal-content .package-options .options-column {
            float: none;
            display: block;
            position: relative;
            padding-right: 15px;
            padding-left: 15px;
            width: 100%;
            text-align: center;
            margin: 0 auto;
        }

        div#pridobivki-tarifi-modal .modal-dialog .modal-content .package-options .mt20 {
            margin-top: 20px;
        }

    div#pridobivki-tarifi-modal .modal-dialog .modal-content .packageOption {
        text-align: center;
        padding: 0;
        height: 205px;
        font-size: 18px;
        vertical-align: middle;
        display: inline-block;
        width: 255px;
        left: 0;
        font-size: 18px;
        cursor: pointer;
        position: relative;
        margin: 0 15px;
    }

div#pridobivki-tarifi-modal div#ostani-doma-l .packageOption,
div#pridobivki-tarifi-modal div#ostani-doma-xl .packageOption,
div#pridobivki-tarifi-modal div#ostani-doma-xxl .packageOption,
div#pridobivki-business #ostani-doma-l .packageOption,
div#pridobivki-business #ostani-doma-xl .packageOption,
div#pridobivki-business #ostani-doma-xxl .packageOption {
    width: 215px !important;
    margin: 0 15px;
}

    div#pridobivki-tarifi-modal div#ostani-doma-l .packageOption input,
    div#pridobivki-tarifi-modal div#ostani-doma-xl .packageOption input,
    div#pridobivki-tarifi-modal div#ostani-doma-xxl .packageOption input,
    div#pridobivki-business #ostani-doma-l .packageOption input,
    div#pridobivki-business #ostani-doma-xl .packageOption input,
    div#pridobivki-business #ostani-doma-xxl .packageOption input {
        width: 215px;
    }



    div#pridobivki-tarifi-modal div#ostani-doma-l .packageOption .txt h2,
    div#pridobivki-tarifi-modal div#ostani-doma-xl .packageOption .txt h2,
    div#pridobivki-tarifi-modal div#ostani-doma-xxl .packageOption .txt h2,
    div#pridobivki-business #ostani-doma-l .packageOption .txt h2,
    div#pridobivki-business #ostani-doma-xl .packageOption .txt h2,
    div#pridobivki-business #ostani-doma-xxl .packageOption input {
        font-size: 29px;
    }

div#pridobivki-tarifi-modal .modal-dialog .modal-content .packageOption.active {
    color: white;
    cursor: default;
    height: 200px;
    top: 0;
}

div#pridobivki-tarifi-modal .modal-dialog .modal-content .packageOption .inner {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

div#pridobivki-tarifi-modal .modal-dialog .modal-content .packageOption .txt {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    color: #e20074;
    border: 1px solid #fff;
    padding: 0 10px;
}

div#pridobivki-tarifi-modal .packageOption .txt div,
div#pridobivki-tarifi-modal .packageOption .tool div {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

div#pridobivki-tarifi-modal .packageOption .txt h2 {
    font-size: 28px;
    font-family: 'teleNeo-extra' !important;
    text-transform: uppercase;
    color: #e20074;
}

div#pridobivki-tarifi-modal .packageOption .tool {
    transform: rotateY(180deg);
    padding: 0px 15px;
}

div#pridobivki-tarifi-modal .packageOption .txt,
div#pridobivki-tarifi-modal .packageOption .tool {
    border: 1px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    display: table;
    backface-visibility: hidden;
    height: 100%;
    vertical-align: middle;
    background-color: white;
}

    div#pridobivki-tarifi-modal .packageOption .tool > div {
        vertical-align: top;
    }

    div#pridobivki-tarifi-modal .packageOption .tool p {
        font-size: 17px;
    }

    div#pridobivki-tarifi-modal .packageOption .tool h2 {
        margin-bottom: 10px;
        font-size: 24px;
        font-family: 'teleNeo-extra' !important;
        margin-top: 10px;
        color: white;
    }

div#pridobivki-tarifi-modal .modal-dialog .modal-content .package-options a {
    position: relative;
    display: block;
    width: 100px;
    top: 50px;
}

div#pridobivki-tarifi-modal input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top: -40px;
    left: 0;
    width: 260px;
    height: 245px;
    z-index: 9;
}

    div#pridobivki-tarifi-modal input ~ .border {
        position: absolute;
        top: -30px;
        left: 49%;
        height: 22px;
        width: 22px;
        background-color: transparent;
        border-radius: 50%;
        border: 1px solid white;
    }

    div#pridobivki-tarifi-modal input:checked ~ .check {
        background-color: white;
        position: absolute;
        left: 50.6%;
        top: -26px;
        width: 14px;
        height: 14px;
        border-radius: 50px;
    }

div#pridobivki-tarifi-modal .packageOption.five.active input:checked ~ .check {
    left: 50.5%;
}






div#pridobivki-business .modal-dialog {
    position: relative;
    width: 70%;
    height: auto;
}

    div#pridobivki-business .modal-dialog .modal-header {
        border-bottom: none;
    }

        div#pridobivki-business .modal-dialog .modal-header button {
            position: relative;
            z-index: 9;
            color: #333;
            opacity: 1;
        }

    div#pridobivki-business .modal-dialog .modal-content {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 30px 30px 110px 30px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../content/images/dopolnitelni-pridobivki-bcg.jpg);
        border: none;
    }

    div#pridobivki-business .modal-dialog .modal-body p {
        position: relative;
        text-align: center;
        color: white;
        font-size: 20px;
    }

    div#pridobivki-business .modal-dialog .modal-header h1 {
        font-family: 'teleNeo-extra' !important;
        font-size: 40px;
        color: white;
    }

    div#pridobivki-business .modal-dialog .modal-content .packages {
        margin: 25px auto 30px;
    }

        div#pridobivki-business .modal-dialog .modal-content .packages .package-column {
            float: none;
            display: inline-block;
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px;
        }

            div#pridobivki-business .modal-dialog .modal-content .packages .package-column .box-mp {
                text-align: center;
                padding: 35px 0px;
                margin: auto 10px;
                font-size: 38px;
                box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.31);
                color: grey;
                background-color: #fafafa;
                cursor: pointer;
                transition: all 0.25s ease-in-out;
                background-image: none;
                width: 205px;
                display: inline-block;
            }

                div#pridobivki-business .modal-dialog .modal-content .packages .package-column .box-mp.active {
                    position: relative;
                    color: #e20074;
                    border: 2px solid #e20074;
                    font-size: 43px;
                    transition: all ease-in 0.5s;
                }

    div#pridobivki-business .modal-dialog .modal-content .package-options {
        text-align: center;
        margin: 0 auto;
        padding-top: 25px;
        display: table;
        width: 100%;
    }

        div#pridobivki-business .modal-dialog .modal-content .package-options .options-column {
            float: none;
            display: block;
            position: relative;
            padding-right: 15px;
            padding-left: 15px;
            width: 100%;
            text-align: center;
            margin: 0 auto;
        }

        div#pridobivki-business .modal-dialog .modal-content .package-options .mt20 {
            margin-top: 20px;
        }

    div#pridobivki-business .modal-dialog .modal-content .packageOption {
        text-align: center;
        padding: 0;
        height: 205px;
        font-size: 18px;
        vertical-align: middle;
        display: inline-block;
        width: 260px;
        left: 0;
        font-size: 18px;
        cursor: pointer;
        position: relative;
        margin: 0 15px;
    }

        div#pridobivki-business .modal-dialog .modal-content .packageOption.active {
            color: white;
            cursor: default;
            height: 200px;
            top: 0;
        }

        div#pridobivki-business .modal-dialog .modal-content .packageOption .inner {
            position: relative;
            display: table;
            width: 100%;
            height: 100%;
            text-align: center;
            transition: all 0.6s;
            transform-style: preserve-3d;
            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        }

        div#pridobivki-business .modal-dialog .modal-content .packageOption .txt {
            width: 100%;
            height: 100%;
            opacity: 1;
            transition: transform 0.8s;
            transform-style: preserve-3d;
            color: #e20074;
            border: 1px solid #fff;
        }

div#pridobivki-business .packageOption .txt div,
div#pridobivki-business .packageOption .tool div {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

div#pridobivki-business .packageOption .txt h2 {
    font-size: 32px;
    font-family: 'teleNeo-extra' !important;
    text-transform: uppercase;
    color: #e20074;
}

div#pridobivki-business .packageOption .tool {
    transform: rotateY(180deg);
    padding: 0px 15px;
}

div#pridobivki-business .packageOption .txt,
div#pridobivki-business .packageOption .tool {
    border: 1px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    display: table;
    backface-visibility: hidden;
    height: 100%;
    vertical-align: middle;
    background-color: white;
}

    div#pridobivki-business .packageOption .tool > div {
        vertical-align: top;
    }

    div#pridobivki-business .packageOption .tool p {
        font-size: 17px;
    }

    div#pridobivki-business .packageOption .tool h2 {
        margin-bottom: 10px;
        font-size: 26px;
        font-family: 'teleNeo-extra' !important;
        margin-top: 10px;
        color: white;
    }

div#pridobivki-business .modal-dialog .modal-content .package-options a {
    position: relative;
    display: block;
    width: 100px;
    top: 50px;
}

div#pridobivki-business input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top: -40px;
    left: 0;
    width: 260px;
    height: 245px;
    z-index: 9;
}

    div#pridobivki-business input ~ .border {
        position: absolute;
        top: -30px;
        left: 49%;
        height: 22px;
        width: 22px;
        background-color: transparent;
        border-radius: 50%;
        border: 1px solid white;
    }

    div#pridobivki-business input:checked ~ .check {
        background-color: white;
        position: absolute;
        left: 50.6%;
        top: -26px;
        width: 14px;
        height: 14px;
        border-radius: 50px;
    }

div#pridobivki-business .packageOption.five.active input:checked ~ .check {
    left: 50.5%;
}

#mag1BusinessServices .popUp {
    position: relative;
    margin: 20px 0;
}

    #mag1BusinessServices .popUp h2 {
        position: relative;
        background: #e20074;
        display: block;
        width: 440px;
        font-size: 21px;
        color: white;
        text-transform: uppercase;
        margin: 0 auto;
        padding: 10px 0;
        text-align: center;
        cursor: pointer;
    }

.modal#pridobivki-business {
    z-index: 9999;
}

div#pridobivki-business .packageOption .tool p.small,
div#pridobivki-tarifi-modal .packageOption .tool p.small {
    font-size: 11px;
}

@media (max-width: 767px) {
    .business-tarifi-banner {
        height: 242px;
        background-position: 0%;
    }

    div#pridobivki-tarifi-modal .modal-dialog .modal-content .packageOption {
        height: 250px;
    }

    div#pridobivki-tarifi-modal input {
        height: 325px;
    }

    div#pridobivki-tarifi-modal .packageOption .txt h2 {
        font-size: 23px;
    }

    div#pridobivki-tarifi-modal .packageOption .tool h2 {
        font-size: 22px;
    }

    div#pridobivki-tarifi-modal .packageOption .tool p {
        font-size: 18px !important;
    }

    div#pridobivki-tarifi-modal .modal-dialog .modal-header button {
        position: absolute;
        right: 20px;
        top: 20px;
    }

        div#pridobivki-tarifi-modal .modal-dialog .modal-header button span {
            position: relative;
            font-size: 36px;
        }

    div#pridobivki-tarifi-modal .modal-dialog .modal-body {
        padding: 15px 0;
    }

    div#pridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column,
    div#pridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column ul {
        width: 100%;
    }

        div#pridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column .box-mp {
            width: 15%;
            padding: 15px 0;
            margin: 0 6px;
            font-size: 19px !important;
        }

    div#pridobivki-business .modal-dialog .modal-content .packageOption.active {
        height: 370px;
    }

    div#pridobivki-business .modal-dialog .modal-content .package-options {
        margin: 0;
    }

    .m1b-bannerBox {
        height: 240px;
        background-position: left 5% top;
    }

    #mag1BusinessServices .popUp h2 {
        width: auto;
        font-size: 19px;
    }

    #pridobivki-business .modal-dialog,
    #pridobivki-tarifi-modal .modal-dialog {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

        #pridobivki-business .modal-dialog .modal-content,
        #pridobivki-tarifi-modal .modal-dialog .modal-content {
            padding: 0;
        }

        #pridobivki-business .modal-dialog .modal-header h1,
        #pridobivki-tarifi-modal .modal-dialog .modal-header h1 {
            font-size: 31px !important;
        }

        #pridobivki-business .modal-dialog .modal-body p,
        #pridobivki-tarifi-modal .modal-dialog .modal-body p {
            font-size: 24px !important;
        }

    div#pridobivki-business .modal-dialog .modal-content .packages .package-column,
    div#ppridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column {
        width: 260px;
    }

        div#pridobivki-business .modal-dialog .modal-content .packages .package-column .box-mp,
        div#ppridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column .box-mp {
            width: 100%;
            display: block;
            margin: 10px auto;
        }

    div#pridobivki-business .modal-dialog .modal-content .packageOption,
    #pridobivki-tarifi-modal .modal-dialog .modal-content .packageOption {
        margin: 20px auto !important;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    div#pridobivki-business .modal-dialog .modal-content .packages .package-column,
    #pridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column {
        width: 260px;
    }

        div#pridobivki-business .modal-dialog .modal-content .packages .package-column .box-mp,
        #pridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column .box-mp {
            width: 100%;
            display: block;
            margin: 10px auto;
        }

    div#pridobivki-business .modal-dialog .modal-content .packageOption,
    #pridobivki-tarifi-modal .modal-dialog .modal-content .packageOption {
        margin: 20px 35px;
    }

    #pridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column {
        width: 550px !important;
    }

    div#pridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column .box-mp {
        width: 135px !important;
        margin: 10px !important;
    }

    div#pridobivki-tarifi-modal div#ostani-doma-l .packageOption,
    div#pridobivki-tarifi-modal div#ostani-doma-xl .packageOption,
    div#pridobivki-tarifi-modal div#ostani-doma-xxl .packageOption {
        width: 220px !important;
        margin: 20px 20px !important;
    }
}

@media (min-width: 992px) {
    div#pridobivki-business .modal-dialog,
    #pridobivki-tarifi-modal .modal-dialog {
        width: 90% !important;
    }
}
/*#endregion  m1 business dopolnitelni uslugi*/
/*#region complete profile*/
#complete-profile {
    position: relative;
    padding: 5% 0;
    text-align: center;
    width: 80%;
    margin: 60px auto 0;
    background: rgba(248, 248, 248, 0.9);
}

    #complete-profile h1 {
        position: relative;
        font-size: 24px;
        font-family: teleNeo-medium !important;
    }

    #complete-profile p {
        position: relative;
        font-size: 16px;
        padding-bottom: 10px;
        text-align: center;
        margin: 8px auto;
    }

        #complete-profile p.disclaimer {
            padding: 0 10px;
        }

    #complete-profile .form-box {
        position: relative;
        width: 80%;
        margin: 5px auto 10px auto;
    }

        #complete-profile .form-box span.labela {
            position: relative;
            display: inline-block;
            width: 18%;
            text-align: left;
        }

        #complete-profile .form-box input {
            position: relative;
            width: 30%;
            display: inline-block;
        }

    #complete-profile .btn-magen {
        position: relative;
        margin: 30px auto 0;
    }

    #complete-profile span.errorMsg {
        line-height: 22px;
        margin-top: 5px;
        left: 3px;
    }

    #complete-profile .errorBox {
        position: relative;
        text-align: center;
        background: rgba(241, 107, 107, 0.2);
        padding: 3px;
        margin: 10px 0;
        border: 1px solid red;
        border-radius: 3px;
    }

        #complete-profile .errorBox p.errorMsg {
            position: relative;
            padding: 0;
            vertical-align: middle;
            margin: 0;
            top: 0;
        }

@media (max-width: 767px) {
    #pridobivki-business .modal-dialog .modal-body {
        padding: 15px 0;
    }

    div#pridobivki-business .modal-dialog .modal-content .packages .package-column {
        width: 100%;
    }

        div#pridobivki-business .modal-dialog .modal-content .packages .package-column ul {
            width: 100%;
        }

        div#pridobivki-business .modal-dialog .modal-content .packages .package-column .box-mp {
            width: 30.333%;
            display: block;
            margin: 10px 4px;
            font-size: 40px !important;
            padding: 25px;
        }

    div#pridobivki-business .modal-dialog .modal-header button {
        position: absolute;
        right: 20px;
        top: 20px;
    }

        div#pridobivki-business .modal-dialog .modal-header button span {
            position: relative;
            font-size: 36px;
        }

    #complete-profile {
        position: relative;
        width: 100%;
        margin: 50px auto 0;
        padding: 15px;
    }

        #complete-profile .col-sm-12 {
            padding: 0;
        }

        #complete-profile .form-box {
            width: 90%;
        }

            #complete-profile .form-box span.labela {
                position: relative;
                display: inline-block;
                width: 36%;
                text-align: left;
            }

            #complete-profile .form-box input {
                position: relative;
                width: 61%;
                display: inline-block;
            }

        #complete-profile .btn-magen {
            margin: 30px auto;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    #complete-profile .form-box span.labela {
        width: 25%;
    }

    #complete-profile .form-box input {
        width: 50%;
    }
}
/*#endregion complete profile*/

/*#region e-velosipedi */
#e-velosipedi .e-velosipedi-content {
    background-color: #eaeaea;
    padding: 60px 0;
    text-align: center;
    padding-bottom: 385px;
}

    #e-velosipedi .e-velosipedi-content h1 {
        font-family: 'teleNeo-extra' !important;
        font-size: 46px;
        color: #e20074;
        text-transform: uppercase;
        margin-bottom: 45px;
        line-height: 1.2;
    }

        #e-velosipedi .e-velosipedi-content h1 span {
            font-family: 'teleNeo-medium' !important;
            font-size: 38px;
            display: inline-block;
            margin-top: 8px;
        }

    #e-velosipedi .e-velosipedi-content p {
        font-size: 19px !important;
        color: #000000;
        width: 90%;
        margin: 0 auto;
        margin-bottom: 45px;
    }

#e-velosipedi .e-velosipedi-tabsBox {
    background-color: white;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.06);
    position: relative;
    z-index: 10;
}

.e-velosipedi-tabsBox .nav-tabs {
    border-bottom: 0px solid #ddd;
}

    .e-velosipedi-tabsBox .nav-tabs li {
        position: relative;
        color: white;
        padding-left: 0;
        font-size: 17px;
        width: 100%;
    }

        .e-velosipedi-tabsBox .nav-tabs li.active {
            background-color: #e20074;
        }

        .e-velosipedi-tabsBox .nav-tabs li img {
            position: absolute;
            bottom: 240px;
            left: 0;
            right: 0;
            transition: transform 0.25s ease-in-out;
            margin: 0 auto;
        }

.e-velosiped-naracajBox {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: -150px;
}

.e-velosipedi-tabsBox .nav-tabs li .e-velosiped-naracajBox a {
    color: rgba(61, 61, 61, 0.8);
    font-family: 'teleNeo-regular' !important;
    font-size: 18px;
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    min-height: 0;
    padding: 10px 20px;
    bottom: auto;
    min-width: 110px;
}

    .e-velosipedi-tabsBox .nav-tabs li .e-velosiped-naracajBox a:hover {
        background-color: white;
    }

.e-velosiped-priceBox p {
    color: #383838;
    font-size: 30px;
    font-family: 'teleNeo-medium' !important;
    margin-bottom: 12px;
}

.e-velosipedi-tabsBox {
    background-color: white;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.06);
    position: relative;
    z-index: 10;
}

    .e-velosipedi-tabsBox ul.nav-tabs {
        border-bottom: 0px;
    }

    .e-velosipedi-tabsBox ul {
        border-bottom: 0px solid #ddd;
    }

        .e-velosipedi-tabsBox ul.nav-tabs > li > a {
            font-family: 'teleNeo-bold' !important;
            border: none;
            background-color: transparent;
            font-size: 21px;
            color: #a6a6a6;
            margin-right: 0;
            position: relative;
            border-radius: 0;
            line-height: 1.2;
            text-align: center;
            min-height: 90px;
            padding-top: 20px;
            transition: 0.2s ease-in-out;
        }

        .e-velosipedi-tabsBox ul.nav-tabs > li.active > a {
            background-color: #e20074;
            color: white;
            font-family: 'teleNeo-extra' !important;
            font-size: 24px;
            padding-top: 10px;
            transition: 0.2s ease-in-out;
        }

            .e-velosipedi-tabsBox ul.nav-tabs > li.active > a:before {
                position: absolute;
                content: "";
                height: 20px;
                background-color: #e20074;
                left: 0;
                right: 0;
                top: -15px;
            }

            .e-velosipedi-tabsBox ul.nav-tabs > li.active > a:focus,
            .e-velosipedi-tabsBox ul.nav-tabs > li.active > a:hover {
                border: none;
                transition: 0.2s ease-in-out;
                color: #333;
            }

    .e-velosipedi-tabsBox .nav-tabs > li:not(:active) a:hover {
        color: #000000;
    }

    .e-velosipedi-tabsBox .nav-tabs > li > a span {
        font-family: 'teleNeo-bold' !important;
        color: white;
    }

    .e-velosipedi-tabsBox .nav-tabs > li.active > a span {
        font-family: 'teleNeo-extra' !important;
        color: white;
    }

        .e-velosipedi-tabsBox .nav-tabs > li.active > a span span {
            display: block;
        }

    .e-velosipedi-tabsBox .nav-tabs > li > a span {
        color: #a6a6a6;
    }

.e-velosiped-karakteristiki {
    position: relative;
    padding: 10% 0;
    background-color: #2b2b2b;
    color: white;
}

    .e-velosiped-karakteristiki h2 {
        font-family: 'teleNeo-extra' !important;
        font-size: 34px;
        margin-bottom: 35px;
        padding-top: 20px;
        margin-top: 0;
        text-transform: uppercase;
    }

    .e-velosiped-karakteristiki p {
        font-size: 18px;
    }

    .e-velosiped-karakteristiki:after {
        position: absolute;
        content: "";
        width: 50%;
        height: 100%;
        top: 0;
        right: 0;
    }

    .e-velosiped-karakteristiki.men:after {
        background: url(../content/images/e-trotineti-men-2.jpg) no-repeat center;
        background-size: cover;
        background-position: center;
    }

    .e-velosiped-karakteristiki.men-28:after {
        background: url(../content/images/e-trotineti-men-3.jpg) no-repeat center;
        background-size: cover;
        background-position: center;
    }

    .e-velosiped-karakteristiki.lady:after {
        background: url(../content/images/e-velosiped-lady-2.jpg) no-repeat center;
        background-size: cover;
        background-position: center;
    }

    .e-velosiped-karakteristiki.folding-bike:after {
        background: url(../content/images/Xiaomi-Mi-Smart-Electric.jpg) no-repeat center;
        background-size: cover;
        background-position: center;
    }

    .e-velosiped-karakteristiki.sklopuvanje:after {
        background: url(../content/images/e-trotineti-sklopen.jpg) no-repeat center;
        background-size: cover;
        background-position: center;
    }

    .e-velosiped-karakteristiki .e-trotinet-text-left {
        width: 38%;
    }

.e-velosiped-karakteristikiTable .hide-table-part {
    display: none;
    transition: all 1s linear;
}

@media (max-width: 767px) {
    #e-velosipedi .e-velosipedi-content {
        padding-bottom: 345px;
    }

        #e-velosipedi .e-velosipedi-content h1 {
            font-size: 28px;
        }

    .e-velosiped-priceBox p {
        font-size: 17px;
    }

    .e-velosipedi-tabsBox .nav-tabs li .e-velosiped-naracajBox a {
        padding: 10px 15px;
        min-width: 80px;
        font-size: 16px;
    }

    .e-velosipedi-tabsBox .nav-tabs li img {
        width: auto;
        bottom: 240px;
    }

    .e-velosipedi-content .nav-tabs li > a {
        padding: 0;
    }

    .e-velosipedi-tabsBox ul.nav-tabs > li.active > a,
    .e-velosipedi-tabsBox ul.nav-tabs > li > a {
        font-size: 17px;
        min-height: 120px;
        padding: 10px 5px;
    }

    .e-velosiped-karakteristiki {
        padding: 10% 0 0 0;
    }

        .e-velosiped-karakteristiki .e-trotinet-text-left {
            width: 100%;
            display: block;
            padding-bottom: 30px;
        }

        .e-velosiped-karakteristiki h2 {
            font-size: 28px;
        }

        .e-velosiped-karakteristiki:after {
            position: relative;
            content: "";
            width: 100%;
            height: 340px;
            display: block;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    .e-velosipedi-tabsBox .nav-tabs li img {
        width: auto;
    }

    .e-velosipedi-tabsBox ul.nav-tabs > li > a {
        padding: 10px 10px;
        min-height: 95px;
    }

    .e-velosiped-karakteristiki {
        padding: 10% 0 0 0;
    }

        .e-velosiped-karakteristiki .e-trotinet-text-left {
            width: 100%;
            display: block;
            padding-bottom: 30px;
        }

        .e-velosiped-karakteristiki h2 {
            font-size: 28px;
        }

        .e-velosiped-karakteristiki:after {
            position: relative;
            content: "";
            width: 100%;
            height: 470px;
            display: block;
        }
}

/*#endregion e-velosipedi*/

/*#region vebinari*/
.banner.vebinari {
    position: relative;
    width: 100%;
    height: auto;
    background-image: url(../content/images/webinari-vnatreshen-banner.jpg);
    height: 490px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

    .banner.vebinari.sq {
        background-image: url('../content/images/webinari-vnatreshen-banner-sq.jpg');
    }

    .banner.vebinari .container {
        position: relative;
        height: 100%;
    }

    .banner.vebinari .link {
        position: absolute;
        bottom: 5%;
        left: 0;
    }

        .banner.vebinari .link a {
            padding: 9px 20px;
            color: #e20074;
            font-family: teleNeo-bold !important;
            font-size: 17px;
            border-radius: 4px;
        }

    .banner.vebinari img {
        width: 100%;
        height: auto;
    }

#rezerve-ticket-business .checkbox-wrap {
    display: block;
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
}

    #rezerve-ticket-business .checkbox-wrap:before {
        content: "";
        position: absolute;
        left: 0;
        top: 5px;
        width: 18px;
        height: 18px;
        border: 1px solid rgba(215, 211, 211, 0.93);
        background: #eeeeee;
        border-radius: 3px;
    }

#rezerve-ticket-business .checkbox-group .form-box {
    padding: 20px 0;
}

#rezerve-ticket-business .checkbox-wrap input[type="checkbox"]:checked,
#rezerve-ticket-business .checkbox-wrap input[type="checkbox"]:not(:checked) {
    position: absolute;
    opacity: 0;
    left: 0;
    z-index: 99;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

    #rezerve-ticket-business .checkbox-wrap input[type="checkbox"]:checked + .checkmark:after {
        content: 'V';
        position: absolute;
        color: #6bb324;
        font-family: 'teleicon-outline';
        display: block;
        left: 2px;
        right: 0;
        top: 2px;
        bottom: 0;
        opacity: 1;
        z-index: 3;
        font-size: 16px;
    }

    #rezerve-ticket-business .checkbox-wrap input[type="checkbox"]:not(:checked) + .checkmark:after {
        content: '';
        position: absolute;
        color: green;
        opacity: 0;
    }

    #rezerve-ticket-business .checkbox-wrap input[type="checkbox"]:checked + .checkmark:after {
        opacity: 1;
        transform: scale(1);
    }

    #rezerve-ticket-business .checkbox-wrap input[type="checkbox"]:not(:checked) + .checkmark:after {
        opacity: 0;
        transform: scale(0);
    }

/*#endregion vebinari*/

/*#region android&tv*/
#android-and-tv section.android-and-tv-main-banner {
    position: relative;
    padding: 5% 0;
    /* background: #77254f; */
    color: white;
    height: 1320px;
    background-image: url(../content/images/android-and-tv/android-and-tv-banner.jpg);
    width: 100%;
    background-size: cover;
    background-position: center;
}

#android-and-tv section p,
#android-and-tv section ul li,
#android-and-tv section a {
    font-size: 19px;
}

#android-and-tv section.android-and-tv-main-banner h1 {
    color: white;
    font-size: 50px;
    font-family: 'teleNeo-extra' !important;
}

#android-and-tv section.android-and-tv-main-banner .container {
    position: relative;
    height: 100%;
}

#android-and-tv section.android-and-tv-main-banner h1 span {
    font-family: 'teleNeo-regular' !important;
}

#android-and-tv section.android-and-tv-main-banner .ec-holder {
    position: absolute;
    right: 0;
}

#android-and-tv section.android-and-tv-main-banner .link-holder {
    position: absolute;
    bottom: 0;
}

    #android-and-tv section.android-and-tv-main-banner .link-holder a {
        color: #e20074;
        text-decoration: none;
        background: white;
        font-size: 21px;
        padding: 8px 25px;
        font-family: 'teleNeo-medium' !important;
    }

#android-and-tv .android-and-tv-magenta {
    position: relative;
    background: #e20074;
    color: white;
}

    #android-and-tv .android-and-tv-magenta .container {
        position: relative;
    }

    #android-and-tv .android-and-tv-magenta h2 {
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
    }

    #android-and-tv .android-and-tv-magenta .left-side {
        position: relative;
        display: inline-block;
        width: 100%;
        padding: 5% 0 2% 0;
        padding-right: 540px;
    }

    #android-and-tv .android-and-tv-magenta .right-side {
        width: 770px;
        position: absolute;
        display: inline-block;
        left: 570px;
        right: 0;
        bottom: -30px;
    }

        #android-and-tv .android-and-tv-magenta .right-side .tv-img-holder {
            position: relative;
            width: 100%;
        }

#android-and-tv .android-and-tv-white {
    position: relative;
    padding: 6% 0 2% 0;
}

    #android-and-tv .android-and-tv-white .container {
        position: relative;
    }

    #android-and-tv .android-and-tv-white h2 {
        position: relative;
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
    }

    #android-and-tv .android-and-tv-white ul {
        list-style: disc;
        padding-left: 30px;
    }

    #android-and-tv .android-and-tv-white a {
        color: #333;
        text-decoration: underline;
    }

    #android-and-tv .android-and-tv-white .logos-holder {
        position: absolute;
        right: 0;
        top: 80px;
    }

#android-and-tv .android-and-tv-black {
    position: relative;
    background: black;
    padding: 3% 0;
}

    #android-and-tv .android-and-tv-black .icons {
        position: relative;
        width: 100%;
        display: table;
        margin: 0 auto;
    }

        #android-and-tv .android-and-tv-black .icons div {
            position: relative;
            display: table-cell;
            max-width: 140px;
            text-align: center;
            margin: 0 auto;
            vertical-align: middle;
        }

            #android-and-tv .android-and-tv-black .icons div p {
                position: relative;
                text-align: center;
                color: white;
                font-size: 16px;
            }

#android-and-tv .android-and-tv-white.two {
    padding: 3% 0;
}

#android-and-tv .android-and-tv-gray {
    position: relative;
    background: #ebebeb;
    padding: 3% 0;
}

    #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame {
        position: relative;
        border: 3px solid #828282;
        padding: 30px 0 0 0;
        text-align: center;
    }

        #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .header {
            position: relative;
            width: 55%;
            margin: 0 auto;
            min-height: 100px;
            border-bottom: 2px solid #828282;
        }

            #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .header h2 {
                color: #e20074;
                text-transform: uppercase;
                font-family: 'teleNeo-extra' !important;
                padding: 0 70px;
            }

        #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .boxFrame-content p {
            font-size: 25px !important;
            color: black;
        }

        #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .boxFrame-img-price {
            position: relative;
            width: 100%;
            height: 270px;
        }

            #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .boxFrame-img-price .boxFrame-img {
                position: absolute;
                display: inline;
                padding-right: 430px;
                left: 0;
            }

            #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .boxFrame-img-price .boxFrame-price {
                position: absolute;
                display: inline;
                width: 460px;
                top: 20%;
            }

            #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .boxFrame-img-price .t-price-new {
                max-width: 185px;
                margin: 30px auto;
            }

#android-and-tv section.android-and-tv-vikendici {
    position: relative;
    padding: 4% 0 4%;
    background-color: white;
    color: black;
}

    #android-and-tv section.android-and-tv-vikendici:after {
        position: absolute;
        content: "";
        background: url(../content/images/android-and-tv/androidTV-image_right.png) no-repeat center;
        background-size: cover;
        width: 50%;
        height: 100%;
        top: 0;
        right: 0;
        background-position: center;
    }

    #android-and-tv section.android-and-tv-vikendici .vikendici-content-left {
        width: 43%;
        position: relative;
        display: inline-block;
    }

    #android-and-tv section.android-and-tv-vikendici .vikendici-content-right {
        width: 55%;
        display: inline-block;
        padding-left: 160px;
        top: 0;
        position: relative;
        z-index: 9;
    }

#android-and-tv .vikendici-content-right h2,
#android-and-tv .vikendici-content-right p {
    color: white;
}

#android-and-tv .android-and-tv-half {
    position: relative;
    width: 100%;
    padding: 4%;
    background-image: url(../content/images/android-and-tv/androidTV-image_left.png);
    color: white;
}

    #android-and-tv .android-and-tv-half:after {
        position: absolute;
        content: "";
        background: url(../content/images/android-and-tv/androidTV-image_left.png) no-repeat center;
        background-size: cover;
        width: 50%;
        height: 100%;
        top: 0;
        left: 0;
        background-position: center;
    }

    #android-and-tv .android-and-tv-half .half-content-left {
        z-index: 9;
        color: white;
        width: 40%;
        position: relative;
        display: inline-block;
        vertical-align: top;
    }

    #android-and-tv .android-and-tv-half .half-content-right {
        width: 55%;
        display: inline-block;
        padding-left: 195px;
        top: 0;
        position: relative;
        z-index: 9;
    }

#android-and-tv .android-and-tv-dopolnitelni-info {
    position: relative;
    background: #e20074;
    color: white;
    padding: 3% 0;
}

    #android-and-tv .android-and-tv-dopolnitelni-info p.text-right {
        position: relative;
        font-size: 16px !important;
        right: 10px;
    }

    #android-and-tv .android-and-tv-dopolnitelni-info h2 {
        font-family: 'teleNeo-bold' !important;
        font-size: 32px;
        margin-bottom: 40px;
    }

    #android-and-tv .android-and-tv-dopolnitelni-info .info-content {
        margin-bottom: 40px;
    }

    #android-and-tv .android-and-tv-dopolnitelni-info .info-lista {
        position: relative;
        padding-right: 440px;
        display: inline-block;
    }

    #android-and-tv .android-and-tv-dopolnitelni-info .info-img {
        left: 55%;
        width: auto;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        position: absolute;
    }

    #android-and-tv .android-and-tv-dopolnitelni-info .info-prices {
        position: relative;
        width: 100%;
        display: table;
        margin: 0 auto;
    }

        #android-and-tv .android-and-tv-dopolnitelni-info .info-prices .price-box {
            position: relative;
            border: 1px solid white;
            width: 32%;
            display: table-cell;
            float: left;
            margin: 0 13px 0 0;
            text-align: center;
        }

            #android-and-tv .android-and-tv-dopolnitelni-info .info-prices .price-box .price-box-header {
                width: 90%;
                margin: 0 auto;
                border-bottom: 1px solid white;
                min-height: 70px;
                vertical-align: middle;
                display: block;
            }

            #android-and-tv .android-and-tv-dopolnitelni-info .info-prices .price-box .t-price-new {
                max-width: 195px;
                margin: 20px auto;
                min-height: 35px;
            }

            #android-and-tv .android-and-tv-dopolnitelni-info .info-prices .price-box:first-child .t-price-new-right {
                top: 12px;
                position: relative;
            }

                #android-and-tv .android-and-tv-dopolnitelni-info .info-prices .price-box:first-child .t-price-new-right .t-price-new-currency {
                    border: 0;
                }

            #android-and-tv .android-and-tv-dopolnitelni-info .info-prices .price-box .t-price-new .t-price-new-right span {
                max-width: 65px !important;
                text-align: left;
            }

            #android-and-tv .android-and-tv-dopolnitelni-info .info-prices .price-box:first-child p span {
                font-size: 50px;
            }

#android-and-tv .android-and-tv-cpp {
    padding: 3% 0;
}

    #android-and-tv .android-and-tv-cpp h2 {
        border-bottom: 1px solid #333;
    }

        #android-and-tv .android-and-tv-cpp h2 a {
            color: #333;
            font-size: 25px;
            width: 100%;
            font-family: teleNeo-bold !important;
            text-align: left;
            display: block;
            padding: 15px 35px 15px 0;
            text-decoration: none;
            position: relative;
        }

            #android-and-tv .android-and-tv-cpp h2 a:after {
                content: ']$';
                font-family: 'teleicon-outline';
                position: absolute;
                color: #333;
                font-size: 22px;
                top: 30px;
                right: 20px;
                margin: auto;
                transform: rotateZ(-180deg);
                transition-property: transform;
                transition-duration: .25s;
            }

            #android-and-tv .android-and-tv-cpp h2 a.collapsed:after {
                content: ']$';
                font-family: 'teleicon-outline';
                position: absolute;
                color: #333;
                font-size: 22px;
                top: 30px;
                right: 20px;
                margin: auto;
                transform: rotateZ(0deg);
                transition-property: transform;
                transition-duration: .25s;
            }

            #android-and-tv .android-and-tv-cpp h2 a:hover,
            #android-and-tv .android-and-tv-cpp h2 a:focus {
                text-decoration: none;
                outline: none;
            }

@media (max-width:991px) {
    #android-and-tv .android-and-tv-black .icons {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

        #android-and-tv .android-and-tv-black .icons div {
            max-width: 90px;
            width: auto;
        }

            #android-and-tv .android-and-tv-black .icons div p {
                display: none;
            }

    #android-and-tv section.android-and-tv-main-banner h1 {
        font-size: 34px;
    }

    #android-and-tv section.android-and-tv-main-banner {
        height: 450px;
    }

        #android-and-tv section.android-and-tv-main-banner .link-holder a {
            font-size: 19px;
            padding: 7px 25px;
        }

    #android-and-tv .android-and-tv-magenta .left-side {
        padding-right: 0;
        display: block;
    }

    #android-and-tv .android-and-tv-magenta .right-side {
        width: 300px;
        position: relative;
        display: block;
        left: 0;
        right: 0;
        bottom: -30px;
        margin: 0 auto;
    }

    #android-and-tv .android-and-tv-white .logos-holder {
        position: relative;
        right: 0;
        top: 0;
        bottom: 0;
        text-align: right;
    }

    #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame {
        min-height: 620px;
    }

        #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .header {
            width: 90%;
        }

            #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .header h2 {
                padding: 0;
                font-size: 26px;
            }

        #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .boxFrame-img-price .boxFrame-img {
            position: relative;
            display: block;
            padding: 0;
            width: 300px;
            margin: 0 auto;
        }

        #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .boxFrame-img-price .boxFrame-price {
            position: relative;
            display: block;
            width: 250px;
            top: 0;
            margin: 0 auto;
        }

    #android-and-tv section.android-and-tv-vikendici .vikendici-content-left {
        width: 100%;
        position: relative;
        display: block;
        padding: 20px 0 50px;
    }

    #android-and-tv section.android-and-tv-vikendici .vikendici-content-right {
        width: 100%;
        display: block;
        padding-left: 0;
        top: 0;
        position: relative;
    }

    #android-and-tv section.android-and-tv-vikendici {
        margin-bottom: 20px;
    }

        #android-and-tv section.android-and-tv-vikendici:after {
            width: 100%;
            height: 345px;
            top: auto;
            bottom: 0;
            position: absolute;
            display: block;
        }

        #android-and-tv section.android-and-tv-vikendici .ec {
            position: relative;
            width: 100px;
            height: auto;
        }

    #android-and-tv .android-and-tv-half .half-content-left {
        width: 100%;
        display: block;
    }

    #android-and-tv .android-and-tv-half .half-content-right {
        width: 100%;
        display: block;
        padding-left: 0;
        top: 0;
        position: relative;
        padding: 20px 0;
    }

    #android-and-tv .android-and-tv-half:after {
        width: 100%;
        height: 200px;
        display: none;
    }

    #android-and-tv .android-and-tv-half .ec {
        width: 100px;
        height: auto;
    }

    #android-and-tv .android-and-tv-dopolnitelni-info .info-lista {
        padding-right: 0;
    }

    #android-and-tv .android-and-tv-dopolnitelni-info .info-img {
        width: auto;
        display: block;
        position: relative;
        left: 0;
        right: 0;
    }

    #android-and-tv .android-and-tv-dopolnitelni-info .info-prices .price-box {
        width: 250px;
        display: block;
        float: none;
        margin: 30px auto;
    }

    #android-and-tv .android-and-tv-cpp h2 a {
        font-size: 19px;
    }

        #android-and-tv .android-and-tv-cpp h2 a.collapsed:after,
        #android-and-tv .android-and-tv-cpp h2 a:after {
            top: 15px;
        }

    #android-and-tv .android-and-tv-black .icons div img {
        width: 50px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #android-and-tv section.android-and-tv-main-banner {
        height: 650px;
    }

    #android-and-tv .android-and-tv-magenta .left-side {
        padding-right: 470px;
    }

    #android-and-tv .android-and-tv-magenta .right-side {
        width: 400px;
        position: absolute;
        display: inline-block;
        left: 550px;
        right: 0;
        bottom: -30px;
    }
}
/*#endregion android&tv*/

/*#region rts*/
#titlebar {
    display: block;
    overflow: hidden;
    padding: 10px;
    background: #e20074;
    border-bottom: 6px solid #e20074;
}

    #titlebar .download {
        margin: 20px 10px 0 0;
        float: right;
    }

    #titlebar .app-icon {
        float: left;
        margin: 0 10px 0 0;
    }

    #titlebar .appname {
        margin: 3px 0 0 0;
        font: normal 36px "Droid Sans",sans-serif;
        color: #ffffff;
    }

        #titlebar .appname sup {
            font-size: 16px;
            color: #ffffff;
        }

    #titlebar .appdev {
        font: normal 22px "Droid Sans",sans-serif;
        color: #ffffff;
    }

#appscreens {
    display: block;
    height: 269px;
    background: url(../images/appscreens-bg.png);
}

    #appscreens img {
        margin: 0 0 0 50px;
    }

.horizontal {
}

    .horizontal img {
        margin: 50px 0 0 10px !important;
        float: right;
    }

#appstats {
    display: block;
    overflow: hidden;
    padding: 10px;
    background: url(../images/appstats-bg.png);
}

    #appstats .left {
        float: left;
    }

        #appstats .left .starrating {
            font: normal 22px "Droid Sans",sans-serif;
            color: #a8a8a8;
            margin: 0 0 3px 0;
        }

        #appstats .left .downloads {
            font: normal 22px "Droid Sans",sans-serif;
            color: #555;
        }

    #appstats .right {
        float: right;
        font: normal 22px "Droid Sans",sans-serif;
        color: #555;
    }

        #appstats .right .date {
            margin: 0 0 3px 0;
        }

        #appstats .right .wifi img {
            float: left;
            margin: 0 10px 0 0;
        }

#topdev {
    display: block;
    overflow: hidden;
    padding: 10px;
    background: #eeeef0;
}

    #topdev img {
        margin: 0 10px 0 0;
        float: left;
    }

    #topdev .topdev {
        margin: 6px 0 0 0;
        font: bold 24px "Droid Sans",sans-serif;
        color: #000;
    }

#gplus {
    display: block;
    overflow: hidden;
    padding: 15px 10px 36px 10px;
    background: url(../images/gplus-bg.png);
}

    #gplus img {
        margin: 0 10px 0 0;
        float: left;
    }

    #gplus .count {
        margin: 8px 0 0 0;
        font: normal 22px "Droid Sans",sans-serif;
        color: #333;
    }

#description {
    display: block;
    overflow: hidden;
    padding: 10px;
    /*background: #eeeef0;*/
}

    #description .title {
        font: bold 24px "Droid Sans",sans-serif;
        color: #e20074;
        margin: 40px 10px 10px 0;
    }

    #description .subtitle {
        font: italic 22px "Droid Sans",sans-serif;
        color: #e20074;
        margin: 0 0 20px 0;
    }

    #description .content {
        font: normal 22px "Droid Sans",sans-serif;
        color: #555;
        margin: 0 0 10px 0;
    }
/*#endregion rts*/

/*#region business office mobile*/
#business-office-mobile {
    position: relative;
}

    #business-office-mobile .bom-banner {
        /*background-image: url('../content/images/business-office-mobile/bom-bcg.jpg');*/
        background-image: url('../content/images/business-office-mobile/bom-bcg-new.jpg');
        position: relative;
        padding: 4% 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        /*height: 450px;*/
        height: 375px;
    }

        #business-office-mobile .bom-banner:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/business-office-mobile/bom-bcg-shape-new.png);
            width: 50%;
            height: 100%;
            left: 0;
            background-size: cover;
            top: 0;
            background-repeat: no-repeat;
        }

    #business-office-mobile .container {
        position: relative;
        height: 100%;
    }

    #business-office-mobile .bom-banner .text {
        position: relative;
        width: 50%;
        height: 100%;
        display: inline-flex;
        align-content: center;
        align-items: center;
    }

        #business-office-mobile .bom-banner .text h1 {
            position: relative;
            font-size: 43px;
            color: white;
            font-family: 'teleNeo-extra' !important;
        }

            #business-office-mobile .bom-banner .text h1 span {
                color: black;
                text-transform: none;
                font-family: 'teleNeo-bold' !important;
                display: block;
            }

        #business-office-mobile .bom-banner .text .ec {
            position: absolute;
            right: -60px;
            top: 60px;
            width: 110px;
        }

    #business-office-mobile .bom-content h2.black-bg {
        background-color: black;
        margin-bottom: 50px;
        position: relative;
        display: block;
        margin: 60px auto;
        color: white;
        transform: skewX( -25deg );
        font-size: 42px;
        width: 490px;
        text-align: center;
        padding: 10px;
    }

        #business-office-mobile .bom-content h2.black-bg span {
            transform: skewX( 25deg );
            position: relative;
            display: block;
            font-family: 'teleNeo-extra' !important;
        }

    /*    #business-office-mobile .bom-content h2 {
        position: relative;
        width: 60%;
        margin: 0 auto;
        text-align: center;
        font-size: 21px;
        margin-bottom: 50px;
    }*/

    #business-office-mobile .bom-content .ec {
        position: absolute;
        right: 13%;
        top: 20px;
        width: 100px;
    }

    #business-office-mobile .bom-content p {
        font-size: 18px;
    }

    #business-office-mobile .bom-tabs ul {
        position: relative;
        width: 80%;
        margin: 0 auto;
        border: 0;
    }

    #business-office-mobile #bom-content {
        position: relative;
        width: 80%;
        margin: 0 auto;
    }

    #business-office-mobile .bom-tabs ul li {
        position: relative;
        display: inline-block;
        width: 260px;
        border: 0;
        text-align: center;
        margin: 30px 5px;
    }

        #business-office-mobile .bom-tabs ul li a {
            position: relative;
            border: 1px solid white;
            border-radius: 0;
            padding: 15px 0px;
            font-size: 18px;
            background: #e8e8e8;
            color: #333;
        }

        #business-office-mobile .bom-tabs ul li.active a {
            background: #e20074;
            color: white !important;
        }

    #business-office-mobile #bom-content .tab-pane {
        position: relative;
        width: 90%;
        margin: 20px auto;
    }

    #business-office-mobile #bom-content .bom-box {
        position: relative;
        text-align: center;
        min-height: 250px;
    }

        #business-office-mobile #bom-content .bom-box .bom-img {
            position: relative;
            width: 290px;
            height: 290px;
            margin: 0 auto;
        }

            #business-office-mobile #bom-content .bom-box .bom-img img {
                position: relative;
                width: 100%;
            }

    #business-office-mobile #bom-content .bom-info {
        position: relative;
        min-height: 85px;
        padding: 0 30px;
    }

        #business-office-mobile #bom-content .bom-info h3 {
            position: relative;
            text-transform: uppercase;
            font-size: 23px;
        }

    #business-office-mobile #bom-content .bom-more-link {
        position: relative;
        margin: 30px 0 10px 0;
    }

        #business-office-mobile #bom-content .bom-more-link a {
            padding: 8px 30px;
            border-radius: 0;
            background: white;
            color: #e20074;
            border: 1px solid #e20074;
            font-size: 17px;
        }

            #business-office-mobile #bom-content .bom-more-link a:hover {
                background: #e20074;
                color: white;
            }

    #business-office-mobile #oprema .bom-info {
        min-height: 60px !important;
    }

    #business-office-mobile #oprema .bom-price .p-left {
        width: 80%;
    }

        #business-office-mobile #oprema .bom-price .p-left span {
            display: inline-block;
            color: #e20074;
        }

    #business-office-mobile .bom-slider {
        position: relative;
        margin: 30px 0 50px;
    }

        #business-office-mobile .bom-slider a.carousel-control {
            z-index: 3;
            width: 50px;
        }

            #business-office-mobile .bom-slider a.carousel-control.right {
                transform: rotateY( 180deg);
            }

            #business-office-mobile .bom-slider a.carousel-control .glyphicon-chevron-left:before {
                content: ']%';
                font-family: 'teleicon-outline';
                color: #333333;
                font-size: 80px;
            }

            #business-office-mobile .bom-slider a.carousel-control .glyphicon-chevron-right:before {
                content: ']%';
                font-family: 'teleicon-outline';
                color: #333333;
                font-size: 80px;
            }

    #business-office-mobile .bom-boxes {
        position: relative;
        width: 100%;
    }

        #business-office-mobile .bom-boxes .box-wrap {
            width: 40%;
            margin: 50px auto 0;
            padding: 30px 30px 0;
            box-shadow: 0 0 35px 7px rgba(0,0,0,.13);
            text-align: center;
            position: relative;
            z-index: 2;
        }

            #business-office-mobile .bom-boxes .box-wrap:last-of-type {
                margin: 0 auto 50px !important;
                box-shadow: none !important;
                background: #f0f0f0;
                z-index: 0;
                padding: 30px 60px;
            }

                #business-office-mobile .bom-boxes .box-wrap:last-of-type .content {
                    display: flex;
                    justify-content: space-between;
                    align-items: flex-start;
                    align-content: flex-start;
                    text-align: left;
                    flex-direction: column;
                }

                    #business-office-mobile .bom-boxes .box-wrap:last-of-type .content p {
                        display: inline-flex;
                        justify-content: space-between;
                        align-items: center;
                        align-content: flex-start;
                        text-align: left;
                        flex-direction: row;
                        width: 100%;
                        padding: 0;
                    }

            #business-office-mobile .bom-boxes .box-wrap .header .ec {
                position: absolute;
                right: -20px;
                width: 90px;
                top: -20px;
            }

            #business-office-mobile .bom-boxes .box-wrap .header h3 span {
                display: block;
                line-height: 1.2;
                font-family: 'teleNeo-bold' !important;
            }

            #business-office-mobile .bom-boxes .box-wrap .content p {
                padding: 10px 0;
                font-family: 'teleNeo-bold' !important;
            }

                #business-office-mobile .bom-boxes .box-wrap .content p span.text-magenta {
                    font-family: teleNeo-bold !important;
                    font-size: 19px;
                }

    #business-office-mobile .smart-priceBox {
        border-top: 1px solid #eee;
        padding: 15px 0 0;
    }

    #business-office-mobile .smart-priceWraper {
        position: relative;
        display: block;
        width: 70%;
        overflow: visible;
        margin: 10px auto;
        padding: 20px 0;
    }

        #business-office-mobile .smart-priceWraper .p-left-smart {
            position: relative;
            display: inline;
            width: 50%;
            float: left;
            text-align: right;
        }

            #business-office-mobile .smart-priceWraper .p-left-smart span {
                font-size: 30px;
                font-family: 'teleNeo-bold' !important;
            }

        #business-office-mobile .smart-priceWraper .p-right-smart {
            position: relative;
            display: inline;
            float: left;
            width: 20%;
            bottom: 0 !important;
            top: 3px;
            color: #333;
            text-align: right;
            margin-left: 6px;
        }

            #business-office-mobile .smart-priceWraper .p-right-smart span {
                color: #333;
                text-transform: none;
                text-align: right;
                font-size: 13px !important;
                max-width: initial !important;
            }

    #business-office-mobile .magenta-one-footer > div:first-of-type .p-uredi-cena.cena-siva:after {
        content: '';
        position: absolute;
        right: -20px;
        top: 0;
        bottom: 0;
        margin: auto 0;
        height: 100%;
        width: 1px;
        background: rgba(51, 51, 51, .2);
    }

    #business-office-mobile span.price2 {
        padding: 0;
        color: black !important;
    }

    #business-office-mobile .p-currency,
    #business-office-mobile .p-rates {
        text-transform: none;
    }

    #business-office-mobile .magenta-one-footer p.small {
        position: relative;
        display: block;
        width: 100%;
        bottom: 0;
        overflow: hidden;
        font-size: 11px !important;
        font-family: 'teleNeo-regular' !important;
    }

    #business-office-mobile .one-t-dicklaimer-message {
        min-height: 130px;
        top: -130px;
        position: absolute;
        z-index: 2;
    }

        #business-office-mobile .one-t-dicklaimer-message span {
            font-size: 13px;
            color: white;
            line-height: 1.2;
        }

    #business-office-mobile .one-t-dicklaimer:hover span {
        color: white;
        cursor: pointer;
    }

@media(min-width: 320px) and (max-width: 375px) {
    #business-office-mobile .bom-content .ec {
        right: 0;
        width: 70px;
        top: 3px;
    }
}

@media (max-width: 767px) {
    #business-office-mobile .bom-boxes .box-wrap {
        width: 90%;
        padding: 10px;
    }

        #business-office-mobile .bom-boxes .box-wrap:last-of-type {
            padding: 10px;
        }

    #business-office-mobile .bom-content .ec {
        right: 0;
        width: 65px;
    }

    #business-office-mobile .bom-content h2 {
        width: 100%;
    }

        #business-office-mobile .bom-content h2.black-bg {
            font-size: 24px;
            width: 290px;
        }

    #business-office-mobile .bom-slider .item img {
        object-fit: contain;
        width: 100%;
        height: 100%;
    }

    #business-office-mobile .bom-slider a.carousel-control .glyphicon-chevron-left:before,
    #business-office-mobile .bom-slider a.carousel-control .glyphicon-chevron-right:before {
        color: white;
        font-size: 50px;
    }

    #business-office-mobile .bom-slider a.carousel-control.right {
        position: absolute;
        right: 25px;
    }


    #business-office-mobile .bom-banner {
        height: auto;
        padding: 10% 0 25%;
    }

        #business-office-mobile .bom-banner:before {
            content: '';
            width: 100%;
            height: 100%;
        }

        #business-office-mobile .bom-banner .text {
            position: relative;
            width: 100%;
            height: 100%;
        }

            #business-office-mobile .bom-banner .text h1 {
                position: relative;
                font-size: 30px;
            }

            #business-office-mobile .bom-banner .text .ec {
                position: absolute;
                right: 0;
                top: initial;
                width: 80px;
                bottom: -70px;
            }

    #business-office-mobile .bom-content h1 {
        font-size: 24px;
    }

    #business-office-mobile .bom-content p {
        font-size: 16px;
    }

    #business-office-mobile .bom-tabs ul {
        display: table;
        width: 100%;
    }

        #business-office-mobile .bom-tabs ul li {
            position: relative;
            display: table-cell;
            width: auto;
            margin: 30px 3px;
        }

            #business-office-mobile .bom-tabs ul li a {
                padding: 15px 10px;
                font-size: 16px;
                border: 0;
            }
}

@media (min-width: 768px) and (max-width: 991px) {
    #business-office-mobile .bom-banner {
        background-position: 62% 0%;
    }

        #business-office-mobile .bom-banner:before {
            width: 60%;
            height: 100%;
        }

        #business-office-mobile .bom-banner .text h1 {
            font-size: 38px;
        }

        #business-office-mobile .bom-banner .text .ec {
            position: absolute;
            right: -120px;
            top: 60px;
            width: 125px;
        }

    #business-office-mobile .bom-tabs ul {
        width: 90%;
    }

    #business-office-mobile .bom-boxes .box-wrap {
        width: 70%;
    }

    #business-office-mobile .bom-content .ec {
        right: 3%;
    }

    #business-office-mobile .smart-priceBox {
        width: 80%;
        margin: 0 auto;
    }
}
/*#endregion business office mobile*/

/*#region ponuda za lekari*/
#web-ponuda-za-lekari .web-ponuda-za-lekari-banner {
    position: relative;
    background-image: url(../content/images/web-ponuda-za-lekari/main-banner.png);
    height: 500px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 3% 0;
}

    #web-ponuda-za-lekari .web-ponuda-za-lekari-banner .ec {
        width: 150px;
        height: 150px;
    }

    #web-ponuda-za-lekari .web-ponuda-za-lekari-banner h1 {
        color: white;
        font-size: 38px;
    }

        #web-ponuda-za-lekari .web-ponuda-za-lekari-banner h1 span:first-of-type {
            font-family: teleNeo-extra !important;
        }

        #web-ponuda-za-lekari .web-ponuda-za-lekari-banner h1 span {
            background: #e20074;
            margin-bottom: 20px;
            position: relative;
            line-height: 1.2;
            padding: 0px 10px;
        }

#web-ponuda-za-lekari .web-ponuda-za-lekari-intro {
    position: relative;
    text-align: center;
    padding: 3% 0;
}

    #web-ponuda-za-lekari .web-ponuda-za-lekari-intro h2 {
        color: #e20074;
        font-size: 25px;
        font-family: 'teleNeo-bold' !important;
        margin-bottom: 30px;
    }

#web-ponuda-za-lekari section.web-ponuda-za-lekari-one {
    background-image: url(../content/images/web-ponuda-za-lekari/bcg-one.jpg);
    position: relative;
    background-position: left 25% center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2% 0;
}

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-one .web-ponuda-za-lekari-rightTxt {
        position: relative;
        width: 50%;
        float: right;
    }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-one .web-ponuda-za-lekari-rightTxt h2 {
            position: relative;
            color: #e20074;
            text-transform: uppercase;
            font-size: 24px;
            font-family: 'teleNeo-regular' !important;
        }

            #web-ponuda-za-lekari section.web-ponuda-za-lekari-one .web-ponuda-za-lekari-rightTxt h2 span {
                font-family: 'teleNeo-extra' !important;
            }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-one .web-ponuda-za-lekari-rightTxt a {
            margin: 10px 0;
        }

#web-ponuda-za-lekari section.web-ponuda-za-lekari-two {
    background-image: url(../content/images/web-ponuda-za-lekari/bcg-two.jpg);
    position: relative;
    background-position: right 25% center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2% 0;
    min-height: 500px;
}

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-two .web-ponuda-za-lekari-leftTxt {
        width: 50%;
        float: left;
        position: relative;
        height: 400px;
    }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-two .web-ponuda-za-lekari-leftTxt h2 {
            color: #e20074;
            text-transform: uppercase;
        }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-two .web-ponuda-za-lekari-leftTxt .links {
            position: absolute;
            bottom: 0;
        }

#web-ponuda-za-lekari section.web-ponuda-za-lekari-magenta-bcg {
    background: url(../content/images/web-ponuda-za-lekari/magenta-bcg.png) !important;
    background-repeat: no-repeat;
    padding: 30px 0;
    text-align: center;
    background-size: cover;
}

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-magenta-bcg .box {
        width: 50%;
        margin: 0 auto;
    }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-magenta-bcg .box h2 {
            color: white;
            font-size: 24px;
            font-family: 'teleNeo-bold' !important;
        }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-magenta-bcg .box p {
            color: white;
        }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-magenta-bcg .box a {
            background: white;
            color: #e20074;
        }

            #web-ponuda-za-lekari section.web-ponuda-za-lekari-magenta-bcg .box a:hover {
                color: white;
            }

#web-ponuda-za-lekari section.web-ponuda-za-lekari-three {
    background: url(../content/images/web-ponuda-za-lekari/bcg-three.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left 20% center;
    min-height: 500px;
    padding: 3% 0;
}

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-three .web-ponuda-za-lekari-rightTxt {
        width: 50%;
        float: right;
        position: relative;
    }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-three .web-ponuda-za-lekari-rightTxt .ec {
            width: 150px;
            height: 150px;
            position: relative;
            margin: 0 auto;
        }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-three .web-ponuda-za-lekari-rightTxt h2 {
            color: #e20074;
            text-transform: uppercase;
            font-size: 24px;
        }

#web-ponuda-za-lekari section.web-ponuda-za-lekari-four {
    background: url(../content/images/web-ponuda-za-lekari/bcg-four.jpg);
    background-repeat: no-repeat;
    min-height: 500px;
    background-size: cover;
    background-position: right 20% center;
    padding: 3% 0;
}

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-four .web-ponuda-za-lekari-leftTxt {
        position: relative;
        width: 50%;
        float: left;
    }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-four .web-ponuda-za-lekari-leftTxt h2 {
            font-size: 24px;
            color: #e20074;
        }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-four .web-ponuda-za-lekari-leftTxt .products {
            position: relative;
            margin: 30px 0;
            display: block;
            overflow: hidden;
            width: 100%;
            margin: 30px auto;
            height: 240px;
        }

            #web-ponuda-za-lekari section.web-ponuda-za-lekari-four .web-ponuda-za-lekari-leftTxt .products > div {
                position: relative;
                width: 40%;
                margin: 0 20px;
                display: inline;
                float: left;
            }

                #web-ponuda-za-lekari section.web-ponuda-za-lekari-four .web-ponuda-za-lekari-leftTxt .products > div img {
                    margin-bottom: 30px;
                    position: relative;
                }

.medical-workers-offer {
    padding: 3% 0;
}

    .medical-workers-offer h2 span {
        font-family: teleNeo-bold !important;
        font-size: 35px;
    }

    .medical-workers-offer #skroeniPoVashaMerka-form .btn-default.btn-magen {
        cursor: pointer;
    }

@media (max-width: 767px) {
    #web-ponuda-za-lekari .web-ponuda-za-lekari-banner h1 {
        font-size: 26px !important;
    }

    #web-ponuda-za-lekari section {
        background-image: none !important;
        border-bottom: 1px solid rgba(230, 230, 230, 0.8);
        min-height: 350px !important;
    }

    #web-ponuda-za-lekari .web-ponuda-za-lekari-intro {
        border-bottom: 1px solid rgba(230, 230, 230, 0.8);
    }

    #web-ponuda-za-lekari .web-ponuda-za-lekari-rightTxt,
    #web-ponuda-za-lekari .web-ponuda-za-lekari-leftTxt {
        width: 100% !important;
        float: none !important;
    }

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-magenta-bcg {
        min-height: 310px;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-magenta-bcg .box {
            width: 70%;
        }

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-two .web-ponuda-za-lekari-leftTxt {
        height: 370px;
    }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-two .web-ponuda-za-lekari-leftTxt .links {
            text-align: center;
        }

            #web-ponuda-za-lekari section.web-ponuda-za-lekari-two .web-ponuda-za-lekari-leftTxt .links a {
                margin: 10px 0;
            }

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-magenta-bcg .box a {
        float: none !important;
        margin-bottom: 10px;
    }

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-four .web-ponuda-za-lekari-leftTxt .products > div {
        width: 35%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #web-ponuda-za-lekari section.web-ponuda-za-lekari-one {
        background-position: left 15% center;
    }

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-three {
        background-position: left 30% center;
    }

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-four .web-ponuda-za-lekari-leftTxt .products > div {
        width: 38%;
    }
}
/*#endregion ponuda za lekari*/

/*#region telekommk app new design*/
/*#telekommk-app-new {
    position: relative;
    height: auto;
}*/

#telekommk-app-new .telekommk-app-new-banner {
    position: relative;
    background-image: url(../content/images/telekommk-app-new/main-banner-bcg.png);
    /* background-color: #e20074; */
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 4% 0;
}

    #telekommk-app-new .telekommk-app-new-banner .container {
        position: relative;
        height: 100%;
    }

    #telekommk-app-new .telekommk-app-new-banner .wrapper {
        position: relative;
        width: 60%;
        float: left;
        display: inline;
    }

        #telekommk-app-new .telekommk-app-new-banner .wrapper .downloads-qr {
            margin-top: 60px;
        }

    #telekommk-app-new .telekommk-app-new-banner .mob-img-app {
        position: relative;
        width: 40%;
        float: left;
        display: inline;
    }

    #telekommk-app-new .telekommk-app-new-banner h1 {
        color: white;
        font-family: 'teleNeo-regular' !important;
        font-size: 50px;
    }

        #telekommk-app-new .telekommk-app-new-banner h1 span {
            font-family: 'teleNeo-extra' !important;
        }

    #telekommk-app-new .telekommk-app-new-banner p {
        color: white;
        font-size: 22px;
        line-height: 1.2;
    }


#telekommk-app-new section.obnovete-dogovor {
    position: relative;
    /*background-image: url(../content/images/telekommk-app-new/obnova-na-dogovor-bcg.jpg);*/
    /*background-image: url(../content/images/telekommk-app-new/promena-na-tarifa-vnatresen-baner.jpg);*/
    background-image: url(../content/images/telekommk-app-new/CP-promena-na-tarifa-vnatresen-baner.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 5% 0;
    height: 470px;
    z-index: 3;
}

    #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt h2 {
        position: relative;
        color: white;
        /* width: 50%; */
        font-size: 55px;
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
    }

    #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt {
        position: relative;
        width: 75%;
        color: white;
    }

        #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt h3 {
            position: relative;
            font-size: 29px;
            margin-bottom: 70px;
        }

        #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt p {
            font-size: 17px;
            z-index: 9999;
            color: white;
            position: relative;
        }

    #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-img {
        position: absolute;
        width: 33%;
        right: 60px;
        bottom: 0;
        top: 20px;
        z-index: 2;
    }

    /*#telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt:before {
        content: "";
        background-image: url(../content/images/telekommk-app-new/shape.png);
        position: absolute;
        width: 1150px;
        height: 910px;
        left: -430px;
        top: -400px;
        display: block;
        background-position: center left;
        background-size: contain;
        background-repeat: no-repeat;
    }*/

    #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt * {
        z-index: 9;
    }

#telekommk-app-new section.novi-funkcionalnosti {
    height: auto;
    padding: 50px 0;
    background-image: url(../content/images/telekommk-app-new/telekom-app-mrezha-white.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 4;
}

#telekommk-app-new .odberete-podobra-tarifa-new {
    position: relative;
    background-image: url(../content/images/telekommk-app-new/promeni-tarifa-new-2021.jpg);
    height: 350px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /*background-image: url('../content/images/telekommk-app-new/smeni-tarifa-bcg-new.jpg');*/
}

    #telekommk-app-new .odberete-podobra-tarifa-new .left-text {
        position: relative;
        width: 70%;
        display: block;
        float: none;
        color: white;
        top: 30px;
        margin: 0 auto;
    }

#telekommk-app-new section.odberete-podobra-tarifa-new .left-text .ec {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 110px;
    height: auto;
    top: 20px;
    z-index: 2;
}

#telekommk-app-new section.odberete-podobra-tarifa-new .bottom-image {
    position: absolute;
    bottom: -50px;
    width: 430px;
    height: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 0;
}

#telekommk-app-new section.odberete-podobra-tarifa-new .right-image {
    position: relative;
    width: 40%;
    display: inline;
    float: left;
    top: 60px;
}

#telekommk-app-new section.odberete-podobra-tarifa-new .left-text h2 {
    font-family: TeleNeo !important;
    font-style: italic;
    font-weight: 800;
    margin: 0;
    line-height: 1.2;
    font-size: 52px;
}

#telekommk-app-new section.odberete-podobra-tarifa-new .left-text h3 {
    font-size: 24px;
    font-family: 'teleNeo' !important;
    line-height: 1.2;
    font-weight: 400;
    font-style: italic;
    margin-top: 0;
}

#telekommk-app-new .odberete-podobra-tarifa {
    position: relative;
    height: auto;
    padding: 8% 0;
    background-image: url(../content/images/telekommk-app-new/10gb-podobra-tarifa.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

    #telekommk-app-new .odberete-podobra-tarifa .content {
        position: relative;
        width: 50%;
        display: inline;
        float: left;
        padding-right: 20px;
    }

    #telekommk-app-new .odberete-podobra-tarifa .image {
        position: relative;
        width: 50%;
        display: inline;
        float: left;
    }

        #telekommk-app-new .odberete-podobra-tarifa .image .ec {
            position: absolute;
            top: -70px;
            right: 0;
            width: 90px;
            height: auto;
        }

section.novi-smartfon-app, section.smenete-tarifa-app {
    padding: 50px 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#telekommk-app-new .odberete-podobra-tarifa .content h2 {
    color: white;
    font-family: 'teleNeo-bold' !important;
    font-size: 31px;
    margin-bottom: 30px;
    padding-right: 40px;
}

#telekommk-app-new .odberete-podobra-tarifa .content p {
    color: white;
    font-size: 18px;
    font-family: 'teleNeo-medium' !important;
}

section.novi-smartfon-app {
    background-image: url(../content/images/telekommk-app-new/phones_Telekom_APP-background.jpg);
}

section.smenete-tarifa-app {
    /*background-image: url(../content/images/telekommk-app-new/magenta-Website_Telekom_APP.jpg);*/
    background-image: url(../content/images/telekommk-app-new/banner-bg.jpg);
    position: relative;
    z-index: 2;
    height: 650px;
}

    section.smenete-tarifa-app .smenete-tarifa-app-txt {
        z-index: 3;
        position: relative;
        width: 60%;
        display: inline;
        float: left;
    }

        section.smenete-tarifa-app .smenete-tarifa-app-txt:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/telekommk-app-new/shape-smeniTraifa.png);
            width: 730px;
            height: 684px;
            background-repeat: no-repeat;
            background-size: cover;
            top: -92px;
            z-index: 0;
            left: -50px;
        }

    section.smenete-tarifa-app .smenete-tarifa-app-img {
        position: relative;
        width: 40%;
        display: inline;
        height: 100%;
        right: 0;
        top: 0;
    }

        section.smenete-tarifa-app .smenete-tarifa-app-img:before {
            content: '';
            background-image: url(../content/images/telekommk-app-new/10gb-smeniTraifa.png);
            width: 845px;
            height: 600px;
            position: absolute;
            bottom: 0px;
            background-size: cover;
            z-index: 3;
            left: 100%;
            top: 0;
        }

    section.smenete-tarifa-app .smenete-tarifa-app-txt .boxes {
        position: relative;
        width: 85%;
        z-index: 3;
        padding-top: 4%;
        padding-left: 18%;
    }

        section.smenete-tarifa-app .smenete-tarifa-app-txt .boxes h2 {
            font-size: 34px;
            font-family: 'teleNeo-bold' !important;
            color: white;
            margin-bottom: 45px;
            line-height: 1;
        }

        section.smenete-tarifa-app .smenete-tarifa-app-txt .boxes p {
            font-size: 20px;
        }

    section.novi-smartfon-app .novi-smartfon-app-txt h2,
    section.smenete-tarifa-app .smenete-tarifa-app-txt h2 {
        font-size: 48px;
        font-family: 'teleNeo-regular' !important;
        color: white;
        margin-bottom: 45px;
        line-height: 1;
    }

.novi-smartfon-app-txt p, .smenete-tarifa-app-txt p {
    color: white;
    font-size: 21px;
    line-height: 1.2;
}

#telekommk-app-new section.novi-funkcionalnosti h2 {
    font-size: 48px;
    font-family: 'teleNeo-regular' !important;
}

#telekommk-app-new section.novi-funkcionalnosti .img-box {
    position: relative;
    width: 370px;
    height: auto;
}

#telekommk-app-new section.novi-funkcionalnosti .boxes {
    text-align: center;
    padding: 80px 0 0 0;
}

    #telekommk-app-new section.novi-funkcionalnosti .boxes h3 {
        font-size: 19px;
        margin-bottom: 20px;
    }

    #telekommk-app-new section.novi-funkcionalnosti .boxes a {
        position: relative;
        /* display: block; */
        margin-bottom: 30px;
        z-index: 5;
    }

#telekommk-app-new section.telekommk-app-tabovi {
    position: relative;
    background: black;
    padding: 75px 0 50px;
    height: auto;
}

    #telekommk-app-new section.telekommk-app-tabovi h2 {
        position: relative;
        font-size: 42px;
        margin-bottom: 45px;
        color: white;
        font-family: teleNeo-regular !important;
    }

    #telekommk-app-new section.telekommk-app-tabovi ul {
        position: relative;
        width: 100%;
        margin: 0 auto;
        display: table;
    }

        #telekommk-app-new section.telekommk-app-tabovi ul li {
            position: relative;
            display: table-cell;
            width: 19%;
        }

            #telekommk-app-new section.telekommk-app-tabovi ul li a {
                position: relative;
                width: 100%;
                display: block;
                color: white;
                text-decoration: none;
            }

                #telekommk-app-new section.telekommk-app-tabovi ul li a img {
                    position: relative;
                    display: inline;
                    width: 80px;
                    height: auto;
                    float: left;
                    opacity: 0.5;
                    transition: all ease .7s;
                }

                #telekommk-app-new section.telekommk-app-tabovi ul li a:hover img,
                #telekommk-app-new section.telekommk-app-tabovi ul li.active a img {
                    transform: scale(1.1);
                    transition: all ease 0.7s;
                    opacity: 1;
                }

            #telekommk-app-new section.telekommk-app-tabovi ul li span {
                position: absolute;
                display: inline;
                vertical-align: middle;
                display: table-cell;
                width: 180px;
                padding-left: 95px;
                color: white;
                line-height: 1.2;
                min-height: 75px;
            }

                #telekommk-app-new section.telekommk-app-tabovi ul li span:after {
                    content: "]$";
                    position: absolute;
                    display: block;
                    width: 30px;
                    margin: 0 auto;
                    left: 50%;
                    right: 0;
                    bottom: 0;
                    font-family: 'teleicon-outline';
                    color: #e20074;
                    font-size: 23px;
                    transform: rotateZ(-180deg);
                    transition-property: transform;
                    transition-duration: .35s;
                }

            #telekommk-app-new section.telekommk-app-tabovi ul li.active span:after {
                content: "]$";
                font-family: 'teleicon-outline';
                transform: rotateZ(0deg);
                transition-property: transform;
                transition-duration: .35s;
                position: absolute;
                display: block;
                width: 30px;
                margin: 0 auto;
                left: 50%;
                right: 0;
                bottom: -3px;
                font-family: 'teleicon-outline';
                color: #e20074;
                font-size: 23px;
            }



    #telekommk-app-new section.telekommk-app-tabovi .video {
        position: relative;
        width: 100%;
        margin: 60px auto;
        text-align: center;
    }

        #telekommk-app-new section.telekommk-app-tabovi .video iframe {
            width: 100%;
        }

    #telekommk-app-new section.telekommk-app-tabovi .banner {
        position: relative;
        width: 100%;
        margin: 60px 0;
    }

#telekommk-app-new section.dopolnitelni-mesecni-pridobivki {
    position: relative;
    background-image: url(../content/images/telekommk-app-new/telekom_APP_magen_bck.jpg);
    /*height: 1430px;*/
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0 30px;
}

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki h1 {
        text-align: center;
        color: white;
        font-family: 'teleNeo-regular' !important;
        font-size: 31px;
        line-height: 1.2;
        padding: 0 30%;
        margin-bottom: 25px;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki h2 {
        text-align: center;
        color: white;
        font-family: 'teleNeo-regular' !important;
        font-size: 31px;
        line-height: 1.2;
        padding: 0 30%;
        margin-bottom: 25px;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki h3 {
        color: white;
        text-align: center;
    }


    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki p {
        color: white;
        font-size: 18px;
        padding: 0 20%;
        text-align: center;
    }

        #telekommk-app-new section.dopolnitelni-mesecni-pridobivki p a {
            color: white;
            text-decoration: underline;
        }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul {
        position: relative;
        width: 80%;
        display: flex;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 25px;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

        #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li {
            text-align: center;
            width: 33.333%;
            height: 150px;
            border: 10px solid white;
            border-radius: 5px;
            display: inline-block;
            margin: 0 10px;
            position: relative;
        }

            #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li a {
                position: relative;
                color: white;
                text-decoration: none;
                vertical-align: middle;
                height: 100%;
                width: 100%;
                font-size: 41px;
                top: 30px;
                display: block;
            }

                #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li a.sign:after {
                    content: '';
                    background-image: url(../content/images/znakche.png);
                    width: 35px;
                    height: 17px;
                    position: absolute;
                    right: 5px;
                    top: 24px;
                    background-size: cover;
                }

            #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li.active a.sign:after {
                content: '';
                background-image: url(../content/images/znakche-magenta.png);
            }

            #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li.active {
                background: #ece6e6;
                border: 10px solid #ece6e6;
            }

                #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li.active a {
                    color: #e20074;
                }

            #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li a span {
                font-family: teleNeo-regular !important;
            }

            #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li.active a span {
                font-family: teleNeo-extra !important;
            }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tab-content.content-mesecni-pridobivki {
        position: relative;
        width: 89%;
        margin: 0 auto;
    }


    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box {
        position: relative;
        background: white;
        width: 65%;
        margin: 50px auto;
        color: #e20074;
        text-align: center;
        padding: 20px 0;
        border-radius: 5px;
    }

        #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box p a {
            color: #00a0de;
            text-decoration: none;
            padding: 0;
        }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tab-content.content-mesecni-pridobivki .pridobivki-box label {
        display: block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 15px;
        margin-top: 10px;
        cursor: pointer;
        font-size: 17px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        line-height: 1.2;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tab-content.content-mesecni-pridobivki .pridobivki-box input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
        display: inline;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tab-content.content-mesecni-pridobivki .pridobivki-box label span {
        position: absolute;
        top: 0px;
        left: 0;
        border-radius: 50%;
        background: url(../images/radio-false.png) no-repeat 0 0;
        background-size: cover;
        display: block;
        right: auto;
        line-height: 6px;
        height: 22px;
        width: 22px;
    }

        #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tab-content.content-mesecni-pridobivki .pridobivki-box label span.line-through {
            position: relative !important;
            width: auto !important;
            background: none !important;
            display: inline !important;
            text-decoration: line-through;
            color: #333;
        }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tab-content.content-mesecni-pridobivki .pridobivki-box label strong {
        font-family: 'teleNeo-extra' !important;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tab-content.content-mesecni-pridobivki .pridobivki-box label input:checked ~ .checkmark {
        background: url(../images/radio-true.png) no-repeat 0 0;
        background-size: cover;
    }

        #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tab-content.content-mesecni-pridobivki .pridobivki-box label input:checked ~ .checkmark:after {
            display: block;
        }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box p {
        color: #e20074 !important;
        font-size: 20px !important;
        margin-bottom: 20px;
        font-family: 'teleNeo-bold' !important;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box span {
        font-family: 'teleNeo-bold' !important;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box div {
        position: relative;
        text-align: left;
        width: 60%;
        margin: 0 auto;
    }

        #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box div p.small {
            font-size: 13px !important;
            text-align: left !important;
            padding: 0 !important;
            font-family: 'teleNeo-regular' !important;
            padding-left: 17px !important;
        }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box a {
        padding: 6px 20px;
    }

#telekommk-app-new section.apsolute-section {
    /*background-image: url(../content/images/telekommk-app-new/app-aktiviraj-paket.jpg);
    height: auto;
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
    position: absolute;   
    bottom: 210px;
    width: 100%;
    height: auto;
    background-color: white;*/
    position: relative;
    z-index: 99;
    box-shadow: 1px 2px 20px 3px rgba(6,6,6,0.2);
}

#telekommk-app-new .apsolute-section .carousel-inner > .item > a > img {
    width: 100%;
    padding: 0;
}

#telekommk-app-new section.apsolute-section h2 {
    position: relative;
    color: white;
    margin: 0 auto;
    text-align: center;
    color: white;
    font-family: 'teleNeo-regular' !important;
    font-size: 31px;
    line-height: 1.2;
    padding: 40px 30%;
}

    #telekommk-app-new section.apsolute-section h2 span {
        font-family: teleNeo-bold !important;
    }

#telekommk-app-new .tabs.mesecni-pridobivki {
    margin-top: 40px;
    position: relative;
}

    #telekommk-app-new .tabs.mesecni-pridobivki .promo-box {
        position: relative;
        background: white;
        padding: 20px;
        color: #e20074;
        width: 80%;
        margin: 50px auto;
    }

        #telekommk-app-new .tabs.mesecni-pridobivki .promo-box .ec {
            position: absolute;
            text-align: right;
            right: -40px;
            top: -50px;
            z-index: 2;
        }

        #telekommk-app-new .tabs.mesecni-pridobivki .promo-box h3 {
            color: #e20074 !important;
            text-transform: uppercase;
            font-family: 'teleNeo-bold' !important;
            margin-bottom: 30px;
        }

        #telekommk-app-new .tabs.mesecni-pridobivki .promo-box p {
            color: #e20074 !important;
            padding: 0 70px !important;
            font-family: 'teleNeo-medium' !important;
            font-size: 19px !important;
        }

#telekommk-app-new section.apsolute-section .carousel-indicators li {
    background-image: url(../content/images/telekommk-app-new/telekom-mk-app-bullets.png) !important;
}

#telekommk-app-new #carouselExampleIndicators .carousel-indicators {
    bottom: 100px;
    margin-bottom: 10px;
}


#telekommk-app-new #carouselImages .carousel-indicators {
    position: relative;
}

    #telekommk-app-new #carouselImages .carousel-indicators li {
        background-image: url(../content/images/telekommk-app-new/telekom-mk-app-bullets.png) !important;
    }

#telekommk-app-new section.apsolute-section {
    background: #e20074;
}

@media (max-width: 767px) {
    #telekommk-app-new .tabs.mesecni-pridobivki .ec {
        position: relative;
        text-align: right;
        right: 0;
        top: 20px;
    }

        #telekommk-app-new .tabs.mesecni-pridobivki .ec img {
            width: 90px;
        }

    #telekommk-app-new .odberete-podobra-tarifa-new .left-text {
        position: relative;
        width: 100%;
    }

    #telekommk-app-new section.odberete-podobra-tarifa-new .left-text h2 {
        font-size: 39px;
        line-height: 1.2;
    }

    #telekommk-app-new section.odberete-podobra-tarifa-new .left-text h3 {
        font-size: 20px;
        margin-right: 35%;
    }

    #telekommk-app-new section.odberete-podobra-tarifa-new .left-text .ec {
        position: absolute;
        width: 110px;
        top: 50px;
    }

    #telekommk-app-new section.odberete-podobra-tarifa-new .bottom-image {
        position: absolute;
        bottom: -60px;
        width: 100%;
    }

    #telekommk-app-new .odberete-podobra-tarifa .content {
        width: 100%;
        display: block;
        padding-right: 0px;
    }

    #telekommk-app-new .odberete-podobra-tarifa .image {
        width: 100%;
        display: block;
        padding-top: 50px;
    }

        #telekommk-app-new .odberete-podobra-tarifa .image .ec {
            position: absolute;
            top: -30px;
        }

    section.smenete-tarifa-app {
        height: auto;
        padding-bottom: 0 !important;
    }

        section.smenete-tarifa-app .smenete-tarifa-app-txt:before {
            display: none;
        }

        section.smenete-tarifa-app .smenete-tarifa-app-txt {
            z-index: 3;
            position: relative;
            width: 100%;
            display: inline;
            float: none;
        }

            section.smenete-tarifa-app .smenete-tarifa-app-txt .boxes {
                position: relative;
                width: 100%;
                z-index: 3;
                padding-top: 0;
                padding-left: 0;
            }

        section.smenete-tarifa-app .smenete-tarifa-app-img {
            position: relative;
            display: block;
            bottom: 0;
            width: 100%;
            height: 300px;
            left: 0;
        }

            section.smenete-tarifa-app .smenete-tarifa-app-img:before {
                content: '';
                background-image: url(../content/images/telekommk-app-new/10gb-smeniTraifa.png);
                width: 100%;
                height: 100%;
                left: 0;
            }

    #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt {
        position: relative;
        width: 100%;
    }

    #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-img {
        position: relative;
        width: 100%;
        right: 0;
    }

    #telekommk-app-new section.obnovete-dogovor {
        height: auto;
    }

        #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt h2 {
            font-size: 24px;
        }

        #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt p {
            font-size: 17px;
        }

        #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt:before {
            display: none;
        }

    #telekommk-app-new .telekommk-app-new-banner h1 {
        font-size: 25px;
    }

    #telekommk-app-new .downloads-qr {
        display: none;
    }

    #telekommk-app-new .telekommk-app-new-banner p {
        font-size: 19px;
    }

    .telekom-mk-app-mobIcons a {
        margin-bottom: 10px;
    }

    #telekommk-app-new section.novi-funkcionalnosti h2 {
        font-size: 29px;
    }

    #telekommk-app-new section.novi-funkcionalnosti .boxes {
        padding: 20px 0 0 0;
    }

    #telekommk-app-new section.telekommk-app-tabovi ul li a img {
        width: 60px;
    }

    #telekommk-app-new section.telekommk-app-tabovi ul li a span {
        display: none;
    }

    #telekommk-app-new section.telekommk-app-tabovi .video iframe {
        width: 100%;
        height: auto;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki h2 {
        font-size: 24px;
        padding: 0 0%;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki p {
        font-size: 17px;
        padding: 0 0;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul {
        width: 90%;
    }

        #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li {
            /*   width: 70px;
            height: 70px;*/
            margin: 0 5px;
            border: 5px solid white;
        }


            #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li.active {
                background: #ece6e6;
                border: 5px solid #ece6e6;
            }

            #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li a {
                font-size: 21px;
                height: 100%;
                width: 100%;
                top: 10px;
            }

                #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li a.sign:after {
                    content: '';
                    width: 31px;
                    height: 14px;
                    position: absolute;
                    right: 0;
                    top: 28px;
                    background-size: cover;
                    left: 0;
                    margin: 0 auto;
                }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tab-content.content-mesecni-pridobivki {
        width: 100%;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box {
        width: 95%;
    }

        #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box div {
            width: 80%;
        }

    #telekommk-app-new section.apsolute-section h2 {
        width: 100%;
        font-size: 24px;
        padding: 0;
    }
    /*#telekommk-app-new section.dopolnitelni-mesecni-pridobivki{
        height: 1110px;
    }*/
    #telekommk-app-new section.novi-funkcionalnosti .boxes .box-tarifen-model, #telekommk-app-new section.novi-funkcionalnosti .boxes .box-naracaj-smartphone {
        width: 50%;
        display: inline;
        float: left;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki {
        padding: 10% 0 30px;
    }

    #telekommk-app-new .tabs.mesecni-pridobivki {
        margin-top: 30px;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box {
        margin: 30px auto;
    }

    #telekommk-app-new section.novi-funkcionalnosti .boxes h3 {
        min-height: 40px;
    }

    #telekommk-app-new .telekommk-app-new-banner .wrapper {
        width: 100%;
    }

    #telekommk-app-new .telekommk-app-new-banner .mob-img-app {
        display: none;
    }

    #telekommk-app-new .telekommk-app-new-banner {
        padding: 10% 0;
    }

    #telekommk-app-new section.telekommk-app-tabovi h2 {
        font-size: 29px;
    }

    #telekommk-app-new section.telekommk-app-tabovi {
        padding: 40px 0 15px;
    }

    #telekommk-app-new section.novi-funkcionalnosti {
        padding: 10% 0;
    }

    #telekommk-app-new #carouselExampleIndicators .carousel-indicators {
        bottom: -50px;
    }

    #telekommk-app-new section.apsolute-section {
        background-color: #e20074;
        padding-bottom: 40px;
    }
}

#telekommk-app-new.ekstra-pridobivki-app section.dopolnitelni-mesecni-pridobivki:before {
    display: none;
}



@media (min-width: 768px) and (max-width: 991px) {
    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li a.sign:after {
        content: '';
        background-image: url(../content/images/znakche.png);
        width: 40px;
        height: 20px;
        position: absolute;
        right: 0;
        top: 65px;
        background-size: cover;
        left: 0;
        margin: 0 auto;
    }

    #telekommk-app-new .tabs.mesecni-pridobivki .ec {
        right: 0px;
    }

    #telekommk-app-new section.odberete-podobra-tarifa-new .left-text .ec {
        position: absolute;
        right: -50px;
        width: 110px;
        top: 70px;
    }

    #telekommk-app-new #carouselExampleIndicators .carousel-indicators {
        bottom: 130px !important;
    }

    #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt {
        width: 57%;
    }

    #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-img {
        width: 43%;
    }

    #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt:before {
        content: "";
        height: 955px;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul {
        width: 90%;
    }



    #telekommk-app-new section.telekommk-app-tabovi ul li span {
        width: 140px;
        padding-left: 80px;
    }

    #telekommk-app-new section.telekommk-app-tabovi ul li a img {
        width: 70px;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li a.sign:after {
        content: '';
        background-image: url(../content/images/znakche.png);
        width: 40px;
        height: 20px;
        position: absolute;
        right: 0;
        top: 65px;
        background-size: cover;
        left: 0;
        margin: 0 auto;
    }
}

#telekommk-app-new section.dopolnitelni-mesecni-pridobivki:before {
    content: '';
    display: block;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #000;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    top: -2px;
    width: 20px;
}

@media(max-width:991px) {

    section.smenete-tarifa-app, section.novi-smartfon-app {
        padding-bottom: 50px;
    }

    .novi-smartfon-app-txt p, .smenete-tarifa-app-txt p {
        font-size: 19px;
    }

    section.novi-smartfon-app .novi-smartfon-app-txt h2, section.smenete-tarifa-app .smenete-tarifa-app-txt h2 {
        font-size: 29px;
    }
}

@media(max-width:767px) {

    section.novi-smartfon-app {
        padding-bottom: 0px;
    }

    #telekommk-app-new section.novi-funkcionalnosti .img-box {
        width: 100%;
    }
}



/*@media (min-width:1200px) and (max-width: 1500px){
    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki {
        height: 1220px;
    }
}*/

/*#endregion telekommk app new design*/


#binkies-no-webgl {
    display: none;
}

/*#region vikendici*/
#internet-vikendici .banner-vikendici {
    /*background-image: url('../content/images/vikendici/flexi-intro-banner.jpg');*/
    /*background-image: url('../content/images/vikendici/baner-vikendici-new.jpg');*/
    background-image: url('../content/images/vikendici/vikendici-vnatreshen-banner-new.jpg');
    background-position: center;
    /*height: 450px;*/
    background-repeat: no-repeat;
    background-size: cover;
    height: 375px;
    position: relative;
}

    #internet-vikendici .banner-vikendici .shape-top {
        position: absolute;
        width: 40%;
        top: -30px;
        right: 0;
    }

#internet-vikendici p {
    position: relative;
    font-size: 19px;
}

#internet-vikendici .banner-vikendici .container {
    position: relative;
    height: 100%;
}

#internet-vikendici .banner-content {
    position: absolute;
    width: 460px;
    height: 180px;
    padding: 8% 6%;
    color: white;
    bottom: 0;
    background-image: url(../content/images/vikendici/shape-vikendici.png);
    background-size: cover;
    background-repeat: no-repeat;
}

#internet-vikendici .banner-vikendici .ec {
    position: absolute;
    left: 220px;
    width: 120px;
    height: auto;
    bottom: 120px;
}

#internet-vikendici .container {
    position: relative;
}

#internet-vikendici .banner-content h1 {
    color: white;
    font-family: 'teleNeo-bold' !important;
    font-size: 37px;
    text-transform: none;
    margin: 0;
    padding: 0;
    line-height: 30px;
}

#internet-vikendici .banner-content p {
    font-size: 23px;
}

#internet-vikendici section.internet-max-tv-section {
    position: relative;
    margin-top: 10px;
}

    #internet-vikendici section.internet-max-tv-section:before {
        content: "";
        position: absolute;
        width: 50%;
        height: 100%;
        /*background-image: url('../content/images/vikendici/flexi-left-image.jpg');*/
        background-image: url('../content/images/vikendici/first-section-left-image.jpg');
        /*background-position: center top;*/
        background-repeat: no-repeat;
        background-size: cover;
    }

    #internet-vikendici section.internet-max-tv-section .right-content {
        position: relative;
        padding-left: 53%;
    }

        #internet-vikendici section.internet-max-tv-section .right-content h2 {
            color: #e20074;
            font-family: 'teleNeo-regular' !important;
            font-size: 26px;
        }

#internet-vikendici .table-responsive.vikendici {
    position: relative;
    width: 100%;
    outline: 1px solid #6a98ca;
    overflow: hidden;
}

    #internet-vikendici .table-responsive.vikendici table {
        border-spacing: 2px;
        border-collapse: separate;
        width: 100%;
    }

    #internet-vikendici .table-responsive.vikendici thead tr th {
        background: #e20074;
        color: white;
        text-align: center;
        text-transform: uppercase;
        font-size: 15px !important;
        padding: 7px 0;
    }

    #internet-vikendici .table-responsive.vikendici tbody tr td:first-of-type {
        background: #d5d7d9;
        color: #333;
        padding: 2px 10px;
        width: 175px;
        text-align: left;
        font-size: 12px;
        text-transform: uppercase;
    }

    #internet-vikendici .table-responsive.vikendici tbody tr {
        height: 50px;
    }

    #internet-vikendici .table-responsive.vikendici tr td.oprema {
        position: relative;
        background: #d5d7d9;
        text-transform: uppercase;
        padding: 2px 10px;
        font-size: 12px;
        width: 175px;
    }

    #internet-vikendici .table-responsive.vikendici tbody tr td {
        text-align: center;
        background: #eaeef4;
    }

    #internet-vikendici .table-responsive.vikendici tr td.special {
        background: white;
        border: 1px solid #e20074;
    }

        #internet-vikendici .table-responsive.vikendici tr td.special div {
            position: relative;
            display: table-cell;
            position: relative;
            vertical-align: middle;
        }

            #internet-vikendici .table-responsive.vikendici tr td.special div p {
                width: 59%;
                display: inline;
                position: relative;
                float: left;
                font-size: 12px;
                line-height: 12px;
                text-align: left;
                padding: 3px 0 0 10px;
                /* vertical-align: middle; */
            }

                #internet-vikendici .table-responsive.vikendici tr td.special div p img {
                    position: relative;
                    display: inline;
                    float: left;
                    width: 35%;
                }

            #internet-vikendici .table-responsive.vikendici tr td.special div.left {
                width: 44%;
            }

            #internet-vikendici .table-responsive.vikendici tr td.special div.right {
                width: 60%;
            }

                #internet-vikendici .table-responsive.vikendici tr td.special div.right p {
                    width: 75%;
                }

                #internet-vikendici .table-responsive.vikendici tr td.special div.right img {
                    display: inline;
                    margin-top: 7px;
                }

#internet-vikendici ul.tabs-list {
    position: relative;
    width: 100%;
    display: block;
}

#internet-vikendici .tabs-list li {
    position: relative;
    width: 50%;
    display: inline-block;
    float: left;
    background: #e5e5e5;
    margin-right: 0px;
    text-align: center;
    color: #333;
    border-right: 2px solid white;
    border-left: 2px solid white;
    transition: all ease-in .3s;
}

    #internet-vikendici .tabs-list li a:hover {
        cursor: pointer;
        text-decoration: none;
    }

    #internet-vikendici .tabs-list li a {
        width: 100%;
        display: block;
        color: #333;
        text-transform: uppercase;
        font-size: 14px;
        padding: 10px 0 25px 0;
    }

        #internet-vikendici .tabs-list li a:after {
            position: absolute;
            content: ']$';
            font-family: 'teleicon-outline';
            position: absolute;
            color: #333;
            font-size: 22px;
            margin: auto;
            transform: rotateZ(0deg);
            transition-property: transform;
            transition-duration: .25s;
            display: block;
            left: 0;
            right: 0;
            bottom: -3px;
        }

    #internet-vikendici .tabs-list li.active a:after {
        content: ']$';
        font-family: 'teleicon-outline';
        position: absolute;
        color: white;
        font-size: 22px;
        margin: auto;
        transform: rotateZ(-180deg);
        transition-property: transform;
        transition-duration: .25s;
    }

#internet-vikendici ul.tabs-list li:last-child {
    margin-right: 0 !important;
    border-right: 0;
    border-left: 0;
}

#internet-vikendici .tabs-list li.active {
    background-color: #e20074 !important;
    color: white !important;
    transition: all ease-in .3s;
}

    #internet-vikendici .tabs-list li.active a {
        color: white !important;
        text-decoration: none;
    }

/* Tab content section */
#internet-vikendici .tab {
    display: none;
    width: 100%;
    min-height: 250px;
    height: auto;
    clear: both;
}

    #internet-vikendici .tab.active {
        display: block !important;
    }

#internet-vikendici div#tab-internet-tv table thead tr th,
#internet-vikendici div#tab-internet table thead tr th {
    background: #d5d7d9;
    color: black !important;
}

#internet-vikendici .table-responsive.vikendici #tab-internet-tv tbody tr td:first-of-type {
    background: #e20074;
    color: white;
}

#internet-vikendici div#tab-internet-tv table tbody tr {
    height: 50px;
}

#internet-vikendici table tbody tr:nth-child(4) td:last-of-type p,
#internet-vikendici table tbody tr:nth-child(5) td:last-of-type p {
    font-size: 15px;
    line-height: 1.2;
    padding: 6px;
}



#internet-vikendici section.internet-section:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    background-image: url(../content/images/vikendici/flexi-right-image.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

#internet-vikendici section.internet-section .left-content {
    position: relative;
    padding-right: 53%;
}

#internet-vikendici section.internet-section {
    position: relative;
    margin-top: 25px;
}

    #internet-vikendici section.internet-section:before {
        content: "";
        position: absolute;
        width: 50%;
        height: 100%;
        /*background-image: url(../content/images/vikendici/flexi-right-image.jpg);*/
        background-image: url(../content/images/vikendici/second-section-right-image.jpg);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        left: 50%;
    }

    #internet-vikendici section.internet-section h2 {
        color: #e20074;
        font-family: 'teleNeo-regular' !important;
        font-size: 26px;
    }

    #internet-vikendici section.internet-section table:last-of-type thead tr:last-of-type th {
        background: #d5d7d9 !important;
        color: #333 !important;
    }

    #internet-vikendici section.internet-section table:last-of-type tbody tr td:first-of-type {
        background: #e20074;
        color: white;
        width: 130px;
    }

#internet-vikendici .table-responsive.vikendici tbody tr td.magenta-bcg {
    background: #e20074;
    color: white;
    width: 130px;
}

#internet-vikendici section.internet-max-tv-section .ec {
    position: absolute;
    left: 34%;
    width: 140px;
    top: 20px;
}

#internet-vikendici section.internet-section .ec {
    position: absolute;
    right: 35%;
    top: 20px;
    width: 130px;
}

#internet-vikendici tbody tr td.link-area {
    background: white !important;
    color: #333 !important;
    text-align: center !important;
    text-transform: none !important;
    font-size: 16px !important;
    padding: 10px 0 0 !important;
}



    #internet-vikendici tbody tr td.link-area a.doc-btn {
        position: relative;
        display: block;
        background: #d5d7d9;
        color: black;
        padding: 5px 0;
        margin-top: 12px;
        font-size: 17px;
        text-decoration: none;
    }

    #internet-vikendici tbody tr td.link-area a:hover {
        text-decoration: none;
    }

#internet-vikendici section.dopolnitelni-tv-paketi {
    position: relative;
    padding: 4% 0 2%;
    text-align: center;
}

    #internet-vikendici section.dopolnitelni-tv-paketi h2 {
        color: #e20074;
        font-size: 34px;
        font-family: 'teleNeo-medium' !important;
        margin-bottom: 20px;
    }

    #internet-vikendici section.dopolnitelni-tv-paketi .dopolnitelni-tv-paketi-banner {
        position: relative;
        padding: 15% 0;
        /*background-image: url(../content/images/vikendici/flexi-bottom-banner.jpg);*/
        background-image: url(../content/images/vikendici/bottom-banner-new.jpg);
        background-size: cover;
        background-position: center;
        margin: 30px 0;
    }

#internet-vikendici .table-responsive.paketi-table {
    position: relative;
    width: 100%;
    border-spacing: 0px;
    border-collapse: separate;
}

.table-responsive.paketi-table thead tr th {
    text-align: left;
    padding: 20px;
}

#internet-vikendici .table-responsive.paketi-table thead tr th:nth-child(1) {
    background: white;
}

#internet-vikendici .table-responsive.paketi-table tbody tr:first-of-type td {
    border-top: 1px solid #6d6e70 !important;
}

#internet-vikendici .table-responsive.paketi-table tbody tr td {
    border-bottom: 1px solid #dcdcdc !important;
    background: transparent !important;
    text-align: left;
    padding: 7px 20px;
}

    #internet-vikendici .table-responsive.paketi-table tbody tr td p {
        font-size: 16px !important;
        line-height: 1.2 !important;
    }

    #internet-vikendici .table-responsive.paketi-table tbody tr td:first-of-type {
        font-weight: 600;
        font-size: 16px;
    }

#internet-vikendici #tab-internet-tv table:last-of-type,
#internet-vikendici #tab-internet table:last-of-type {
    min-height: 510px;
}

#internet-vikendici span.bts-paket-no-ddv:not(.active-price),
#internet-vikendici span.bts-paket-ddv:not(.active-price) {
    display: none;
}

#internet-vikendici .table-responsive.vikendici #tab-internet-tv table:first-of-type {
    margin-bottom: 0;
}

@media (min-width: 1400px) {
    #internet-vikendici .banner-vikendici {
        height: 500px;
    }
}

@media(max-width: 767px) {
    .table-responsive.paketi-table thead tr th {
        border-right: 0px !important;
        width: 90px;
        border-bottom: 0 !important;
        border-left: 0 !important;
        font-size: 16px !important;
    }

    #internet-vikendici .table-responsive.paketi-table {
        overflow-x: scroll;
    }

    #internet-vikendici .banner-vikendici {
        padding: 33% 0 0;
        height: auto;
        background-position: 30% 7%;
    }

    #internet-vikendici .banner-content {
        width: 70% !important;
        position: relative;
        background-image: none;
        background-color: #e20074;
        padding: 3% !important;
        height: 90px !important;
    }

    #internet-vikendici .banner-vikendici .ec {
        display: none !important;
    }

    #internet-vikendici .banner-vikendici .shape-top {
        display: none;
    }
}

@media(max-width: 991px) {

    #internet-vikendici .banner-content {
        width: 390px;
        height: 130px;
        padding: 11%;
    }

    #internet-vikendici .banner-vikendici .ec {
        position: absolute;
        left: 170px;
        height: auto;
        bottom: 110px;
        width: 130px;
    }

    #internet-vikendici .banner-content h1 {
        font-size: 25px;
        line-height: 26px;
    }

    #internet-vikendici .banner-content p {
        font-size: 18px;
    }

    #internet-vikendici section.internet-max-tv-section:before {
        width: 100%;
        height: 100%;
        background-size: contain;
        display: block;
    }

    #internet-vikendici section.internet-max-tv-section .right-content {
        display: block;
        padding-top: 100%;
        padding-left: 0;
    }

    #internet-vikendici section.internet-max-tv-section .ec {
        left: 68%;
        width: 120px;
        top: 0;
    }

    #internet-vikendici section.internet-section:before {
        width: 100%;
        height: 100%;
        background-size: contain;
        left: 0;
        padding-top: 100%;
    }

    #internet-vikendici section.internet-section .left-content {
        position: relative;
        padding-right: 0;
        display: block;
        padding-top: 100%;
    }

    #internet-vikendici section.internet-section .ec {
        position: absolute;
        right: 0%;
        top: 20px;
        width: 120px;
    }

    #internet-vikendici p {
        font-size: 18px;
    }
}
/*#endregion vikendici*/

/*#region speak out*/
#speak-out .video-banner {
    position: relative;
    width: 100%;
    height: 600px;
    background: gray;
}

    #speak-out .video-banner iframe {
        width: 100%;
        height: 100%;
    }

#speak-out section.social-media {
    position: relative;
    width: 100%;
    background: #ebebeb;
    padding: 3% 0 0;
    height: 655px;
}

    #speak-out section.social-media .container {
        position: relative;
    }

    #speak-out section.social-media .header {
        position: relative;
        text-align: center;
    }

        #speak-out section.social-media .header h2 {
            position: relative;
            color: #313131;
            text-transform: uppercase;
            font-size: 34px;
            font-family: 'teleNeo-extra' !important;
            margin-bottom: 30px;
        }

        #speak-out section.social-media .header h1 {
            position: relative;
            font-size: 69px;
            background: #e20074;
            color: black;
            font-family: 'teleNeo-bold' !important;
            letter-spacing: 0px;
            width: 375px;
            display: block;
            margin: 0 auto;
            padding: 0 !important;
            transform: scale(0.7, 1);
            font-style: italic;
            vertical-align: middle;
            text-align: center;
        }

    #speak-out section.social-media .flex-box {
        position: relative;
        display: flex;
        text-align: center;
        flex-flow: row wrap;
        justify-content: space-between;
        padding-top: 175px;
    }



#speak-out .fb-box.box,
#speak-out .messenger-box,
#speak-out .whats-up-box,
#speak-out .insta-box,
#speak-out .snapchat-box,
#speak-out .tinder-box {
    position: relative;
    flex-basis: 100px;
    align-self: flex-start;
    order: 2;
    flex-grow: 0;
}

    #speak-out .snapchat-box.box {
        top: -180px;
        left: 19%;
    }

    #speak-out .tinder-box.box {
        right: 8%;
        top: -190px;
    }

#speak-out .flex-box img {
    width: 95px;
    height: auto;
}

#speak-out .fb-box.box {
    left: 0;
    top: -30px;
}

#speak-out .messenger-box.box {
    right: 10%;
    top: -30px;
}

#speak-out .whats-up-box.box {
    top: -140px;
    right: 0px;
}

#speak-out .insta-box.box {
    top: -140px;
    right: 0px;
}

#speak-out section.social-media .content-box {
    position: relative;
    width: 550px;
    height: auto;
    align-self: stretch;
    order: 2;
    flex-grow: 1;
    top: -80px;
}

    #speak-out section.social-media .content-box.box h3 {
        position: relative;
        font-size: 33px;
        font-family: teleNeo-medium !important;
        margin-bottom: 15px;
        line-height: 1.2;
        margin-top: 5px;
    }

    #speak-out section.social-media .content-box.box p {
        position: relative;
        font-size: 17px;
        color: black;
        line-height: 1.2;
    }

#speak-out .speak-out-use {
    position: relative;
    padding: 0 0 3% 0;
    background-image: url(../content/images/speak-out/section-one-bcg-yellow.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    background-position: center;
    box-shadow: 75px 1px 70px 11px rgba(0,0,0,0.2);
    z-index: 4;
}

    #speak-out .speak-out-use h3 {
        position: relative;
        color: white;
        font-size: 33px;
        font-family: teleNeo-medium !important;
    }

        #speak-out .speak-out-use h3 strong {
            font-family: teleNeo-bold !important;
        }

    #speak-out .speak-out-use .flexible-div {
        position: relative;
        width: 100%;
        padding-right: 30%;
        padding-left: 10%;
    }

    #speak-out .speak-out-use p {
        color: white;
        font-size: 17px;
        line-height: 1.2;
    }

        #speak-out .speak-out-use p.text-black {
            color: black;
            font-family: 'teleNeo-medium' !important;
        }

#speak-out .loop-lenta {
    height: 90px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
}

    #speak-out .loop-lenta > div {
        height: 100%;
        width: 3066px;
        background: url('../content/images/speak-out/loop-lenta-img.png');
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        transform: translate3d(0, 0, 0);
    }

    #speak-out .loop-lenta .mover-1 {
        animation: moveSlideshow 12s linear infinite;
    }

    #speak-out .loop-lenta .mover-2 {
        opacity: 0;
        transition: opacity 0.5s ease-out;
        background-position: 0 -200px;
        animation: moveSlideshow 15s linear infinite;
    }

@keyframes moveSlideshow {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

#speak-out section.aktivacija-speack-out {
    position: relative;
    padding: 2% 0;
    background-image: url('../content/images/speak-out/aktivacija-section-bcg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    z-index: 3;
}

    #speak-out section.aktivacija-speack-out h3 {
        position: relative;
        color: white;
        font-size: 33px;
        font-family: teleNeo-medium !important;
        margin: 0;
    }

#speak-out section.speak-out-use .center-content {
    position: relative;
    text-align: center;
    padding: 0 20%;
}

    #speak-out section.speak-out-use .center-content p {
        color: white;
        font-size: 17px;
        line-height: 1.2;
    }

    #speak-out section.speak-out-use .center-content .icons {
        display: flex;
        flex-basis: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        width: 83%;
        margin: 25px auto;
    }

        #speak-out section.speak-out-use .center-content .icons img {
            width: 115px;
            height: auto;
        }

#speak-out section.speak-out-use .aktivacija-speack-out {
    position: relative;
    padding-top: 2%;
}

#speak-out section.speak-out-use .fix-image {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 31%;
}

#speak-out section.how-it-works {
    position: relative;
    background-image: url(../content/images/speak-out/last-section-bcg.jpg);
    height: auto;
    padding: 2% 0;
    height: 600px;
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
    box-shadow: 75px 1px 70px 11px rgba(0,0,0,0.2);
}

    #speak-out section.how-it-works .container {
        position: relative;
    }

    #speak-out section.how-it-works .left-content {
        position: relative;
        width: 50%;
        background-position: center;
        background-size: cover;
        height: 475px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        padding-left: 10%;
    }

        #speak-out section.how-it-works .left-content h3 {
            font-size: 27px;
            font-family: teleNeo-regular !important;
        }

        #speak-out section.how-it-works .left-content p {
            font-size: 17px;
            line-height: 1.2;
        }

        #speak-out section.how-it-works .left-content * {
            z-index: 3;
            color: white;
        }

#speak-out section.speak-out-use a {
    color: white;
    text-decoration: underline;
    font-size: 18px;
    cursor: pointer;
}

#speak-out section.how-it-works .left-content:before {
    position: absolute;
    width: 750px;
    background-image: url(../content/images/speak-out/shape.png);
    background-position: center;
    background-size: cover;
    height: 600px;
    content: '';
    top: -110px;
    left: -20px;
}

#speak-out section.how-it-works .left-content a {
    font-size: 17px;
    text-decoration: underline;
    cursor: pointer;
}

@media (max-width:767px) {
    #speak-out .video-banner {
        height: auto;
    }

    #speak-out section.social-media {
        height: auto;
        padding-bottom: 2%;
    }

        #speak-out section.social-media .header h2 {
            font-size: 25px;
        }

        #speak-out section.social-media .header h1 {
            font-size: 47px;
            width: 250px;
        }

        #speak-out section.social-media .content-box {
            order: 0;
            top: 0;
            padding-bottom: 30px;
        }

        #speak-out section.social-media .flex-box {
            padding-top: 45px;
        }

    #speak-out .fb-box.box,
    #speak-out .messenger-box,
    #speak-out .whats-up-box,
    #speak-out .insta-box,
    #speak-out .snapchat-box,
    #speak-out .tinder-box {
        flex-basis: 50px;
    }

        #speak-out .snapchat-box.box {
            left: 0;
            top: 0;
        }

        #speak-out .tinder-box.box {
            right: 0;
            top: 0;
        }

        #speak-out .messenger-box.box {
            right: 0;
            top: 0;
        }

    #speak-out .fb-box.box {
        left: 0;
        top: 0;
    }

    #speak-out .whats-up-box {
        left: 0 !important;
        top: 0 !important;
    }

    #speak-out .insta-box {
        right: 0 !important;
        top: 0 !important;
    }

    #speak-out h3 {
        font-size: 22px;
    }

    #speak-out p {
        font-size: 17px !important;
        line-height: 1.2;
    }

    #speak-out .speak-out-use .flexible-div {
        padding-right: 0;
        padding-left: 0;
    }

    #speak-out section.speak-out-use .center-content {
        padding: 0 3%;
    }

        #speak-out section.speak-out-use .center-content .icons {
            width: 100%;
        }

            #speak-out section.speak-out-use .center-content .icons img {
                width: 90px;
            }

    #speak-out section.speak-out-use .fix-image {
        display: none;
    }

    #speak-out section.how-it-works .left-content {
        width: 100%;
        height: auto;
    }

        #speak-out section.how-it-works .left-content:before {
            width: 100%;
            height: 690px;
            left: 0;
            right: 0;
        }

    #speak-out section.how-it-works .loop-lenta {
        position: absolute;
        width: 100%;
        bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #speak-out section.social-media {
        height: 605px;
    }

        #speak-out section.social-media .flex-box {
            padding-top: 85px;
        }

        #speak-out section.social-media .content-box {
            order: 2;
            top: -30px;
        }

    #speak-out .fb-box.box,
    #speak-out .messenger-box,
    #speak-out .whats-up-box,
    #speak-out .insta-box,
    #speak-out .snapchat-box,
    #speak-out .tinder-box {
        flex-basis: 50px;
    }

        #speak-out .snapchat-box.box {
            top: -120px;
            left: 17%;
        }

        #speak-out .tinder-box.box {
            right: 10%;
            top: -120px;
        }

        #speak-out .messenger-box.box {
            right: 30px;
            top: 0;
        }

    #speak-out .fb-box.box {
        left: 0;
        top: 0;
    }

    #speak-out .whats-up-box {
        left: 30px !important;
        top: 0 !important;
    }

    #speak-out .insta-box {
        right: 30px !important;
        top: 0 !important;
    }
}
/*#endregion speak out*/

/*#region soglasnost e-smetka*/
#soglasnost-e-smetka {
    position: relative;
}

    #soglasnost-e-smetka .e-smetka-banner {
        background-image: url(../content/images/E-smetka-banner.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 8% 0 5% 0;
        height: 375px;
    }

        #soglasnost-e-smetka .e-smetka-banner.sq {
            background-image: url(../content/images/E-smetka-banner-sq.jpg);
        }

        #soglasnost-e-smetka .e-smetka-banner h1 {
            color: white;
            font-family: 'teleNeo-extra' !important;
            font-size: 47px;
            width: 70%;
        }

    #soglasnost-e-smetka .e-smetka-content {
        position: relative;
        height: 100%;
        padding-bottom: 30px;
    }

        #soglasnost-e-smetka .e-smetka-content .header {
            position: relative;
            text-align: center;
        }

            #soglasnost-e-smetka .e-smetka-content .header h2 {
                position: relative;
                color: #e20074;
                text-transform: uppercase;
                margin: 20px 0;
                font-family: 'teleNeo-bold' !important;
            }

            #soglasnost-e-smetka .e-smetka-content .header h3 {
                text-transform: uppercase;
                margin: 0 auto 30px auto;
                width: 70%;
                font-size: 23px;
                font-family: 'teleNeo-bold' !important;
            }

        #soglasnost-e-smetka .e-smetka-content .text p {
            font-size: 18px;
        }

            #soglasnost-e-smetka .e-smetka-content .text p a {
                color: #e20074;
                text-decoration: none;
            }

@media (max-width: 767px) {
    #soglasnost-e-smetka .e-smetka-banner {
        padding: 20% 0 0% 0;
    }

        #soglasnost-e-smetka .e-smetka-banner h1 {
            font-size: 37px;
        }

    #soglasnost-e-smetka .e-smetka-content .header h2 {
        font-size: 24px;
    }

    #soglasnost-e-smetka .e-smetka-content .header h3 {
        width: 100%;
        font-size: 20px;
    }
}
/*#endregion soglasnost e-smetka*/
/*#region mobipay */
div#mobipay {
    position: relative;
    padding-bottom: 30px;
}

#mobipay .mobipay-banner {
    position: relative;
    background-image: url('../content/images/mobipay-banner.jpg');
    height: 375px;
    background-position: center;
    padding: 3%;
}

    #mobipay .mobipay-banner h1 {
        position: relative;
        width: 160px;
        color: white;
        font-size: 38px;
    }

        #mobipay .mobipay-banner h1 span {
            position: relative;
            width: 100%;
            margin-bottom: 20px;
            display: block;
            background: #e20074;
            padding-left: 10px;
        }

div#mobipay h2 {
    text-align: center;
    margin: 30px 0;
}

div#mobipay h3 {
    font-family: 'teleNeo-bold' !important;
    font-size: 27px;
}
/*#endregion mobipay*/

/*#region stream on*/
#stream-on section.stream-on-mainBanner {
    position: relative;
    height: 900px;
    background-image: url(../content/images/stream-on/streamON-introBanner.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

    #stream-on section.stream-on-mainBanner .playBtn {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 425px;
    }

    #stream-on section.stream-on-mainBanner .container {
        position: relative;
        width: 100%;
        height: 100%;
    }

#stream-on p {
    line-height: 1.2;
}

#stream-on .headers {
    position: absolute;
    z-index: 2;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 100%;
    text-align: center;
}

    #stream-on .headers h1 {
        color: white;
        font-size: 125px;
        font-family: 'teleNeo-extra' !important;
        transform: scale(.9,1);
        font-style: italic;
    }

    #stream-on .headers h2 {
        position: relative;
        color: white;
        font-size: 45px;
        font-family: 'teleNeo-regular' !important;
        font-style: italic;
        text-align: center;
        text-transform: uppercase;
    }

#stream-on .intro-content.text-center h2 {
    position: relative;
    color: black;
    font-family: 'teleNeo-extra' !important;
    text-transform: uppercase;
    font-size: 35px;
    margin: 30px auto;
}

    #stream-on .intro-content.text-center h2.logo {
        position: relative;
        font-size: 60px !important;
        font-style: italic;
        font-family: 'teleNeo-bold' !important;
        transform: scale(.8, 1.2);
        margin: 30px auto !important;
        padding-right: 11px;
        width: 350px;
    }

        #stream-on .intro-content.text-center h2.logo:before {
            -webkit-transform: skewX(-10deg);
            -moz-transform: skewX(-10deg);
            -ms-transform: skewX(-10deg);
            transform: skewX(-10deg);
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: "";
            background: #e20074;
            width: 100%;
            height: 100%;
            transition: .2s;
            -webkit-backface-visibility: hidden;
        }

#stream-on .intro-content.text-center p {
    color: black;
    font-size: 19px;
    width: 60%;
    margin: 20px auto;
    z-index: 3;
    position: relative;
}

#stream-on section.first-content-area {
    position: relative;
}

    #stream-on section.first-content-area:after {
        content: '';
        background-image: url(../content/images/stream-on/streamON-MganetaWhite.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 720px;
        width: 100%;
        position: absolute;
        bottom: 0px;
    }

#stream-on .loop-lenta-stream-on {
    height: 140px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    transform: translate3d(0,0,0);
    z-index: 3;
}

    #stream-on .loop-lenta-stream-on > div {
        height: 100%;
        width: 3066px;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        transform: translate3d(0,0,0);
    }

    #stream-on .loop-lenta-stream-on .mover-1 {
        animation: moveSlideshow 12s linear infinite;
        background-image: url(../content/images/stream-on/streamON-text-up.png);
        height: 68px;
        width: 5100px;
    }

        #stream-on .loop-lenta-stream-on .mover-1.sq {
            background-image: url(../content/images/stream-on/streamON-text-up-sq.png);
            width: 4580px;
            height: 70px;
        }

    #stream-on .loop-lenta-stream-on .mover-2 {
        opacity: 1;
        top: 75px;
        transition: opacity 12s ease-out;
        background-position: 0 -200px;
        background-image: url(../content/images/stream-on/streamON-text-down.png);
        height: 66px;
        animation: moveSlideshow 12s linear infinite;
        width: 4885px;
    }

        #stream-on .loop-lenta-stream-on .mover-2.sq {
            background-image: url(../content/images/stream-on/streamON-text-down-sq.png);
            height: 65px;
            width: 4330px;
        }

#stream-on .main-content {
    width: 80%;
    position: relative;
    z-index: 3;
    padding-bottom: 30px;
}

    #stream-on .main-content h3 {
        color: white;
        font-size: 34px;
        font-family: 'teleNeo-regular' !important;
    }

        #stream-on .main-content h3 span {
            font-family: 'teleNeo-bold' !important;
        }

    #stream-on .main-content p {
        color: white;
        font-size: 19px;
    }

        #stream-on .main-content p.text-black {
            color: black;
        }

#stream-on .apsolute-img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30%;
}

#stream-on section.second-content-area {
    position: relative;
    width: 100%;
}

#stream-on .activation-stream-on {
    position: relative;
    width: 100%;
    background-color: #e20074;
    background-image: url(../content/images/stream-on/opcija-streamON-background.png);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1% 0;
}

    #stream-on .activation-stream-on * {
        color: #e20074;
    }

    #stream-on .activation-stream-on h3 {
        font-family: 'teleNeo-medium' !important;
        font-size: 35px;
    }

        #stream-on .activation-stream-on h3 strong {
            text-transform: uppercase;
            font-family: 'teleNeo-extra' !important;
        }

#stream-on .center-content {
    position: relative;
    width: 50%;
    margin: 25px auto;
    text-align: center;
}

    #stream-on .center-content p {
        font-size: 19px;
        font-family: 'teleNeo-medium' !important;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    #stream-on .center-content img {
        margin: 0 20px;
    }

#stream-on section.how-it-works {
    position: relative;
    background-image: url(../content/images/stream-on/streamON-kakoRaboti-backgound.jpg);
    padding: 3% 0 0 0;
    color: white;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    #stream-on section.how-it-works .how-it-works-content {
        position: relative;
        width: 50%;
        padding-bottom: 20px;
    }

        #stream-on section.how-it-works .how-it-works-content p {
            font-size: 19px;
        }

            #stream-on section.how-it-works .how-it-works-content p a {
                color: white;
                text-decoration: underline;
            }

        #stream-on section.how-it-works .how-it-works-content h3 {
            font-size: 35px;
            font-family: 'teleNeo-regular' !important;
        }

            #stream-on section.how-it-works .how-it-works-content h3 span {
                position: relative;
                font-family: 'teleNeo-bold' !important;
            }

#stream-on section.last-section {
    position: relative;
    width: 100%;
    height: auto;
    padding: 1% 0 3% 0;
}

    #stream-on section.last-section h3 {
        font-family: 'teleNeo-extra' !important;
        text-transform: uppercase;
        font-size: 35px;
    }

    #stream-on section.last-section p {
        font-size: 19px;
    }

@media (max-width: 767px) {
    #stream-on section.first-content-area:after {
        content: '';
        background-image: url(../content/images/stream-on/streamON-MganetaWhite-mob.png) !important;
        height: 1060px !important;
    }

    #stream-on .main-content {
        width: 90%;
        padding-bottom: 30%;
        margin: 0 auto;
    }

    #stream-on .activation-stream-on {
        background-color: white;
    }

        #stream-on .main-content h3,
        #stream-on .activation-stream-on h3,
        #stream-on section.how-it-works .how-it-works-content h3,
        #stream-on section.last-section h3 {
            font-size: 30px;
        }

    #stream-on section.stream-on-mainBanner {
        height: 370px;
    }

        #stream-on section.stream-on-mainBanner .playBtn {
            width: 225px;
        }

    #stream-on .headers h1 {
        font-size: 61px;
    }

    #stream-on .headers h2 {
        font-size: 26px;
    }

    #stream-on .intro-content.text-center h2 {
        font-size: 22px;
    }

        #stream-on .intro-content.text-center h2.logo {
            font-size: 40px !important;
            width: 230px;
        }

    #stream-on .intro-content.text-center p {
        font-size: 17px;
        width: 95%;
    }

    #stream-on .center-content {
        position: relative;
        width: 90%;
    }

        #stream-on .center-content img {
            margin: 0 10px;
            width: 70px;
        }

    #stream-on .apsolute-img {
        display: none;
    }

    #stream-on section.how-it-works {
        background-image: none;
        background-color: #e20074;
    }

        #stream-on section.how-it-works .how-it-works-content {
            width: 90%;
            margin: 0 auto;
        }

    #stream-on p {
        font-size: 18px !important;
    }
}
/*#endregion stream on*/

/*#region zoo app*/
div#zoo-app {
    position: relative;
}

    div#zoo-app .zoo-first-banner {
        position: relative;
        height: auto;
        background-color: #afdff2;
        border-bottom: 3px solid #e20074;
    }

        div#zoo-app .zoo-first-banner .text-left {
            position: relative;
            width: 50%;
            display: inline;
            float: left;
            z-index: 2;
            padding: 3% 0;
        }


            div#zoo-app .zoo-first-banner .text-left h1 {
                position: relative;
                font-size: 45px;
                color: white;
                text-transform: none;
                font-family: 'teleNeo-bold' !important;
                z-index: 2;
            }

            div#zoo-app .zoo-first-banner .text-left:before {
                position: absolute;
                background-image: url('../content/images/zoo-images/skopje-zoo-shape-circle.png');
                content: "";
                width: 735px;
                height: 280px;
                top: 0;
                left: -50%;
                background-repeat: no-repeat;
                background-size: cover;
                z-index: 0;
            }

            div#zoo-app .zoo-first-banner .text-left h2 {
                z-index: 2;
                color: white;
                position: relative;
                font-size: 27px;
                font-family: 'teleNeo-regular' !important;
                line-height: 1.2;
            }

            div#zoo-app .zoo-first-banner .text-left .ec {
                position: absolute;
                left: 39%;
                width: 130px;
                display: block;
            }

        div#zoo-app .zoo-first-banner .img-right {
            position: relative;
            display: inline;
            float: left;
            width: 50%;
            top: 0;
            z-index: 2;
        }


    div#zoo-app section.zoo-first-banner:after {
        content: "";
        position: absolute;
        background-image: url(../content/images/zoo-images/skopje-zoo-shape-intro.png);
        background-size: cover;
        width: 720px;
        height: 250px;
        right: 0;
        bottom: 0;
        background-repeat: no-repeat;
    }

    div#zoo-app section.zoo-second-banner {
        position: relative;
        padding: 2% 0;
        background: white;
    }

        div#zoo-app section.zoo-second-banner .text-left {
            position: relative;
            width: 50%;
            display: inline;
            float: left;
            padding-right: 20%;
        }

            div#zoo-app section.zoo-second-banner .text-left .zoo-logo {
                position: relative;
                width: 250px;
                height: auto;
            }

            div#zoo-app section.zoo-second-banner .text-left p {
                margin: 20px 0;
                color: black;
                font-size: 19px;
                line-height: 1.2;
            }

        div#zoo-app section.zoo-second-banner .img-right {
            width: 50%;
            position: relative;
            display: inline;
            float: left;
            padding-left: 16%;
        }

    div#zoo-app section.zoo-third-banner {
        position: relative;
        padding: 2% 0;
        background: #e20074;
        color: white;
    }

        div#zoo-app section.zoo-third-banner .text-left {
            position: relative;
            width: 60%;
            display: inline;
            float: left;
        }

            div#zoo-app section.zoo-third-banner .text-left h3 {
                font-size: 30px;
                font-family: 'teleNeo-regular' !important;
            }

            div#zoo-app section.zoo-third-banner .text-left p {
                font-size: 19px;
            }


        div#zoo-app section.zoo-third-banner .img-right {
            width: 40%;
            position: relative;
            display: inline;
            float: left;
        }

        div#zoo-app section.zoo-third-banner a.white-btn {
            position: relative;
            background-color: white;
            color: #e20074;
            font-size: 18px;
            font-family: 'teleNeo-medium' !important;
            margin: 15px 0;
            padding: 3px 10px;
            border: 1px solid #e20074;
        }

            div#zoo-app section.zoo-third-banner a.white-btn:hover {
                background: #e20074;
                color: white;
                border: 1px solid white;
            }

    div#zoo-app .store-icons {
        position: relative;
        width: 100%;
    }

        div#zoo-app .store-icons a {
            position: relative;
            display: inline-block;
            width: 150px;
        }

            div#zoo-app .store-icons a img {
                width: 100%;
                height: auto;
            }

@media (max-width: 767px) {
    div#zoo-app .zoo-first-banner {
        background: #e20074;
        height: auto;
        padding: 2% 0 5% 0;
    }

        div#zoo-app .zoo-first-banner:after {
            content: '';
            display: none;
        }

        div#zoo-app .zoo-first-banner .text-left {
            width: 100%;
            display: block;
            float: none;
            padding-bottom: 35px;
        }

            div#zoo-app .zoo-first-banner .text-left:before {
                display: none;
            }

            div#zoo-app .zoo-first-banner .text-left h1 {
                position: relative;
                font-size: 30px;
            }

            div#zoo-app .zoo-first-banner .text-left h2 {
                font-size: 20px;
                padding-right: 105px;
            }

        div#zoo-app .zoo-first-banner .img-right {
            width: 80%;
            display: block;
            margin: 0 auto !important;
            float: none;
        }

        div#zoo-app .zoo-first-banner .text-left .ec {
            position: absolute;
            right: 0;
            left: auto;
            width: 100px;
            display: block;
            top: 20%;
        }

    div#zoo-app section.zoo-second-banner {
        padding: 5% 0;
    }

        div#zoo-app section.zoo-second-banner .text-left {
            width: 100%;
            display: block;
            float: none;
            padding-right: 0;
            padding-bottom: 35px;
        }

        div#zoo-app section.zoo-second-banner .img-right {
            width: 100%;
            display: block;
            float: none;
            padding: 0;
            text-align: center;
        }

    div#zoo-app section.zoo-third-banner .text-left {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        padding-bottom: 35px;
    }

    div#zoo-app section.zoo-third-banner .img-right {
        width: 100%;
        position: relative;
        display: block;
        float: none;
        text-align: center;
    }
}

@media (min-width:768px) and (max-width: 991px) {
    div#zoo-app .zoo-first-banner .text-left:before {
        position: absolute;
        content: '';
        width: 655px;
        height: 250px;
    }

    div#zoo-app section.zoo-first-banner:after {
        content: "";
        width: 620px;
        height: 160px;
    }

    div#zoo-app section.zoo-second-banner .text-left {
        padding-right: 0;
    }
}
/*#endregion zoo app*/

/*#region mobile surf paketi*/
.mobile-surf-content .aktivacija .table table {
    position: relative;
    width: 100%;
}

    .mobile-surf-content .aktivacija .table table tr td {
        background: transparent;
        padding: 10px 10px;
        border-bottom: 1px solid #e8e8e8;
    }

    .mobile-surf-content .aktivacija .table table tr th:first-of-type {
        border-right: 1px solid #e8e8e8;
    }

    .mobile-surf-content .aktivacija .table table tr td:first-of-type {
        border-right: 1px solid #e8e8e8;
    }
/*#end region mobile surf paketi*/

/*#region kreditno biro*/
div#kreditno-biro {
    position: relative;
    margin: 30px 0;
}

    div#kreditno-biro h1 {
        position: relative;
        font-size: 31px;
        margin: 20px 0;
        text-align: center;
    }

    div#kreditno-biro p, div#kreditno-biro ol li {
        font-size: 18px;
    }
/*#endregion kreditno biro*/
/*#region sport na max tv*/
.najdobriot-fudbal-nasekade {
    position: relative;
}

    .najdobriot-fudbal-nasekade .link {
        position: absolute;
        right: 20%;
        bottom: 20px;
    }

        .najdobriot-fudbal-nasekade .link a {
            background: #e20074;
            color: white;
            text-decoration: none;
        }

    .najdobriot-fudbal-nasekade img {
        width: 100%;
        height: auto;
    }
/*#endregion sport na max tv*/
/*#region penzioner*/
div#penzioner-new .header {
    position: relative;
}

    div#penzioner-new .header h1 {
        position: relative;
        color: #e20074;
        font-size: 31px;
    }

    div#penzioner-new .header img {
        position: absolute;
        right: 0;
        top: -70px;
        width: 130px;
    }

div#penzioner-new p, div#penzioner-new ul li {
    position: relative;
    font-size: 18px;
    line-height: 1.2;
}

div#penzioner-new h2 {
    position: relative;
    font-size: 24px;
    color: #e20074;
    margin: 20px 0;
    text-align: left;
}

@media (max-width: 767px) {
    div#penzioner-new .header h1 {
        font-size: 26px;
    }

    div#penzioner-new .header img {
        width: 90px;
        top: -90px;
    }

    div#penzioner-new p, div#penzioner-new ul li {
        font-size: 17px;
    }

    div#penzioner-new h2 {
        font-size: 20px;
        margin: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    div#penzioner-new .header img {
        width: 100px;
        top: -100px;
    }
}
/*#endregion penzioner*/

/*#region korisnicka poddrshka*/
#korisnichka-poddrshka .hpLinksRow {
    position: relative;
    top: 0;
    padding: 15px 0;
    text-align: center;
}

    #korisnichka-poddrshka .hpLinksRow .col-md-2 {
        width: 16%;
    }

    #korisnichka-poddrshka .hpLinksRow .hpLinksBox {
        position: relative;
        background: linear-gradient(to right, #eaecf2 50%, transparent 50%);
        background-size: 200% 100%;
        background-position: right bottom;
        transition: all 1s ease;
        padding: 15px 15px 15px 15px;
        height: 68px;
    }

        #korisnichka-poddrshka .hpLinksRow .hpLinksBox a img {
            display: inline-block;
            vertical-align: top;
            filter: grayscale(100%);
            height: 50px;
            width: auto;
            transition: all ease-in .5s;
        }

        #korisnichka-poddrshka .hpLinksRow .hpLinksBox:hover a img {
            filter: grayscale(0);
            transition: all ease-in .5s;
        }

        #korisnichka-poddrshka .hpLinksRow .hpLinksBox a span {
            display: inline-block;
            padding-left: 10px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-family: 'teleNeo-medium' !important;
            line-height: 16px;
            color: black;
            font-size: 16px;
        }

@media(max-width: 767px) {
    #korisnichka-poddrshka .hpLinksRow .col-md-2 {
        width: 100%;
    }

    #korisnichka-poddrshka .hpLinksRow {
        padding: 15px 0 40px;
        text-align: left;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #korisnichka-poddrshka .hpLinksRow {
        padding: 15px 0 40px;
    }

        #korisnichka-poddrshka .hpLinksRow .hpLinksBox a span {
            display: none;
        }
}
/*#endregion korisnichka poddrshka*/



/*#region 5 godini magenta 1*/
div#pet-god-m1 {
    position: relative;
}

    div#pet-god-m1 .banner {
        position: relative;
        /*background-image: url('/content/images/5god-m1/5god-m1-lp.jpg');*/
        height: auto;
        width: 100%;
        /*background-repeat: no-repeat;
        background-size: cover;
        background-position: center;*/
        /* padding: 2% 0; */
    }

    div#pet-god-m1 .gray-bg {
        padding-top: 70px;
    }

        div#pet-god-m1 .gray-bg h2 {
            font-family: 'teleNeo-extra' !important;
        }

        div#pet-god-m1 .gray-bg p {
            font-size: 18px;
            padding: 10px 190px;
            text-align: center;
        }

    div#pet-god-m1 .panel-group {
        text-align: center;
    }

        div#pet-god-m1 .panel-group svg {
            position: relative;
        }

        div#pet-god-m1 .panel-group .panel {
            box-shadow: none;
        }

        div#pet-god-m1 .panel-group .panel-default {
            border-bottom: none;
        }

        div#pet-god-m1 .panel-group .panel-title .collapsed svg {
            transition: 0.3s ease-in;
            transform: rotate(0deg);
        }

        div#pet-god-m1 .panel-group .panel-title svg {
            transform: rotate(180deg);
            transition: 0.3s ease-out;
        }

    div#pet-god-m1 .effect {
        background: #ededed;
        border-radius: 16px;
        padding: 60px 0 50px;
    }

        div#pet-god-m1 .effect h2 span {
            display: block;
            margin-top: 15px;
        }

        div#pet-god-m1 .effect h2 {
            line-height: 1.2;
        }

    div#pet-god-m1 .magenta-bg {
        background: #e20074;
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        width: 50%;
        height: 100%;
        padding: 50px;
    }

        div#pet-god-m1 .magenta-bg h2 {
            color: white;
            text-align: left;
            font-family: 'teleNeo-extra' !important;
        }

        div#pet-god-m1 .magenta-bg p {
            color: white;
            line-height: 1.2;
            font-size: 18px;
            margin: 25px auto;
            text-align: left;
            font-family: 'teleNeo-regular' !important;
            line-height: 1.2;
        }

    div#pet-god-m1 .quote {
        width: 50%;
        font-size: 25px;
        color: #e20074;
        background-color: #F1F1F1;
        border-bottom-right-radius: 16px;
        border-top-right-radius: 16px;
        flex: 1;
        padding: 50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        div#pet-god-m1 .quote .img-left {
            text-align: left;
        }

        div#pet-god-m1 .quote .img-right {
            text-align: right;
        }

        div#pet-god-m1 .quote p {
            font-family: 'teleNeo-extra' !important;
            text-transform: uppercase;
            line-height: 1.5;
            padding: 40px 70px 30px 65px;
            text-align: left;
        }

    div #pet-god-m1 .header {
        position: relative;
        padding: 40px 200px 10px;
        text-align: center;
    }

        div#pet-god-m1 .header h1 {
            position: relative;
            font-size: 37px;
            color: #333;
            font-family: teleNeo-extra !important;
            text-align: center;
        }

            div#pet-god-m1 .header h1 span {
                font-family: TeleNeo-medium !important;
            }

        div#pet-god-m1 .header p {
            position: relative;
            font-size: 18px;
            margin-bottom: 25px;
        }

    div#pet-god-m1 .banner img {
        width: 100%;
        height: auto;
        border-radius: 40px;
    }

    div#pet-god-m1 .content {
        padding: 0 50px;
        text-align: center;
    }

    div#pet-god-m1 .content-svet {
        padding: 45px 0;
        display: flex;
        align-items: stretch;
        height: 100%;
        position: relative;
    }

    div#pet-god-m1 .video {
        position: relative;
        width: 50%;
    }

        div#pet-god-m1 .video .embed-responsive.embed-responsive-16by9 {
            border-radius: 16px;
        }

        div#pet-god-m1 .video .overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            right: 0;
            cursor: pointer;
        }

            div#pet-god-m1 .video .overlay:before {
                content: '';
                position: absolute;
                background: #000;
                height: 100%;
                width: 100%;
                opacity: .87;
                border-radius: 17px;
                left: 0;
                right: 0;
            }

            div#pet-god-m1 .video .overlay:after {
                content: '';
                position: absolute;
                background-image: url(../content/images/ict-office-365/play.svg);
                background-size: contain;
                background-position: center;
                width: 30px;
                height: 30px;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                z-index: 3;
            }

#pet-god-m1 .more-info {
    position: relative;
    width: 100%;
    margin: 50px auto;
    margin: 30px 0 0 0;
    padding: 70px 0 130px;
    text-align: center;
}

    #pet-god-m1 .more-info h2 {
        text-align: left;
        margin: 10px 0 20px 0;
        font-size: 30px;
    }

    #pet-god-m1 .more-info .wrapper {
        gap: 90px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }

        #pet-god-m1 .more-info .wrapper .text p {
            position: relative;
            font-size: 18px;
            line-height: 1.2;
            padding: 0;
            text-align: left;
            margin-bottom: 20px;
        }

        #pet-god-m1 .more-info .wrapper .text {
            width: 50%;
        }

            #pet-god-m1 .more-info .wrapper .text h2 {
                font-family: teleNeo-extra !important;
                margin-bottom: 40px;
            }

        #pet-god-m1 .more-info .wrapper video iframe {
            border-radius: 16px;
        }

    #pet-god-m1 .more-info a {
        text-decoration: underline;
        color: #333;
    }

@media (max-width: 767px) {
    div#pet-god-m1 .header {
        padding: 20px 0px 10px 0;
    }

        div#pet-god-m1 .header p {
            margin-bottom: 5px;
        }

    div#pet-god-m1 .magenta-bg {
        padding: 15px;
        border-bottom-left-radius: unset;
        border-top-right-radius: 16px;
        width: 100%;
    }

    div#pet-god-m1 .quote {
        width: 100%;
        padding: 30px 15px;
        border-top-right-radius: unset;
        border-bottom-left-radius: 16px;
    }

        div#pet-god-m1 .quote p {
            padding: 0;
        }

        div#pet-god-m1 .quote img {
            width: 50px;
        }

    div#pet-god-m1 .content-svet {
        flex-direction: column;
    }

    div#pet-god-m1 .gray-bg {
        padding-top: 0px;
    }

        div#pet-god-m1 .gray-bg p {
            padding: 10px 0 0;
        }

    div#pet-god-m1 .effect {
        padding: 30px 15px;
    }

    div#pet-god-m1 .header h1 {
        position: relative;
        font-size: 25px;
    }

    div#pet-god-m1 .content {
        padding: 0 0 15px;
    }

    div#pet-god-m1 .effect h2 {
        font-size: 23px;
    }

    #pet-god-m1 .more-info .wrapper .text {
        width: 100%;
    }

    #pet-god-m1 .more-info {
        padding: 0 0 90px;
    }

        #pet-god-m1 .more-info .wrapper {
            gap: 0;
            flex-direction: column;
        }

    div#pet-god-m1 .video {
        width: 100%;
        margin-top: 10px;
    }

    #pet-god-m1 .more-info .wrapper .text h2 {
        margin: 10px 0 10px 0;
        font-size: 23px;
    }

    #pet-god-m1 .more-info .wrapper .text p {
        margin-bottom: 15px !important;
    }

    #pet-god-m1 .more-info p,
    div#pet-god-m1 p {
        font-size: 17px;
    }
}
/*#endregion 5 godini magenta 1*/
/*#region 5 godini magenta 1 business*/
div #pet-god-m1-business {
    position: relative;
}

    div#pet-god-m1-business .banner {
        position: relative;
        /*background-image: url('/content/images/5god-m1/5god-m1-lp.jpg');*/
        height: auto;
        width: 100%;
    }

    div#pet-god-m1-business .header {
        position: relative;
        padding: 70px 0px 10px 0;
    }

        div#pet-god-m1-business .header h1 {
            position: relative;
            font-size: 37px;
            color: #333;
            font-family: teleNeo-extra !important;
            text-align: center;
        }

            div#pet-god-m1-business .header h1 span {
                font-family: 'teleNeo-medium' !important;
            }

    div#pet-god-m1-business p {
        position: relative;
        font-size: 18px;
    }

    div#pet-god-m1-business .banner img {
        width: 100%;
        height: auto;
    }

    div#pet-god-m1-business .content {
        padding: 0 50px 45px;
        text-align: center;
    }

    div#pet-god-m1-business .more-info {
        position: relative;
        width: 100%;
        margin: 50px auto;
        margin: 30px 0 0 0;
        padding: 70px 0;
        background: #ededed;
        text-align: center;
    }

        div#pet-god-m1-business .more-info h2 {
            text-align: center;
            margin: 10px 0 20px 0;
            font-size: 30px;
        }

        div#pet-god-m1-business .more-info p {
            position: relative;
            font-size: 18px;
            line-height: 1.2;
        }

        div#pet-god-m1-business .more-info a {
            text-decoration: underline;
            color: #333;
        }

@media (max-width: 767px) {
    #m1-business-new .main-banner .image {
        width: 70% !important;
        justify-content: flex-end !important;
    }

    div#pet-god-m1-business .header {
        padding: 40px 0px 10px 0;
    }

        div#pet-god-m1-business .header h1 {
            position: relative;
            font-size: 25px;
        }

    div#pet-god-m1-business .content {
        padding: 0 50px 15px;
    }

    div#pet-god-m1-business .more-info {
        padding: 40px 0;
    }

        div#pet-god-m1-business .more-info h2 {
            margin: 10px 0 20px 0;
            font-size: 23px;
        }

        div#pet-god-m1-business .more-info p,
        div#pet-god-m1-business p {
            font-size: 17px;
        }
}
/*#endregion 5 godini magenta 1*/
/*#region m1b redesign*/
#m1-business-new {
    position: relative;
    height: auto;
    /*padding-bottom: 30px;*/
}

    #m1-business-new .image {
        position: relative;
        width: 100%;
        height: 100%;
    }

        #m1-business-new .image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

        #m1-business-new .image .absolute-img {
            position: absolute;
            right: 0;
            width: 45%;
            height: 100%;
            text-align: right;
            top: 0;
            bottom: 0;
            margin: auto 0;
        }

            #m1-business-new .image .absolute-img img {
                height: 100%;
                object-fit: contain;
                object-position: right;
            }

    #m1-business-new .xMas-banner-m1 {
        position: relative;
        background-image: url(../content/banners/2022/xMas-banner-business.jpg);
        background-position: 0 25%;
        background-size: cover;
        height: 60vh;
        background-repeat: no-repeat;
    }

        #m1-business-new .xMas-banner-m1 .text {
            position: relative;
            width: 50%;
        }

    #m1-business-new .main-banner {
        position: relative;
        /*background-image: url(../content/images/m1b-redesign/Magenta1-Business-inner-bg.jpg);*/
        /*  background-image: url(../content/images/m1b-redesign/m1b-banner-inner-april-promo.jpg);*/
        /*background-image: url(../content/images/m1b-redesign/m1-business-banner-maj.jpg);*/
        /*background-image: url(../content/banners/2023/background_smallbanner_main.jpg);*/
        /*background-image: url(../content/images/magenta1-biznis-kalkulator/novogodishna-business-ponuda-m1.jpg);*/
        /*  background-image: url(../content/banners/2024/background-business-ponuda.jpg);*/
        /*background-image: url(../content/images/magenta1-bussines/b2b-mart-2024-bg.jpg);*/
        background-image: url(../content/banners/2024/tbiznis-bg-1920x450.jpg);
        /*background-image: url(../content/banners/2024/bg-s-spokojno-leto-2024.jpg);*/
        height: 60vh;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 60%;
    }

        #m1-business-new .main-banner .image {
            position: absolute;
            display: flex;
            width: 53%;
            justify-content: flex-start;
            align-items: flex-start;
            z-index: 0;
            top: 0;
            left: 0;
            height: 100%;
        }

            #m1-business-new .main-banner .image img {
                width: 100%;
                height: 100%;
            }

        #m1-business-new .main-banner h1 {
            color: white;
            font-size: 52px;
            font-family: teleNeo-extra !important;
            margin: 0;
            text-transform: none;
            line-height: 1.1;
        }

            #m1-business-new .main-banner h1 span {
                font-family: teleNeo-regular !important;
                font-size: 36px;
                display: block;
                text-transform: lowercase;
            }

        #m1-business-new .main-banner h2 {
            color: black;
            text-align: left;
            font-size: 35px;
            font-family: 'teleNeo-extra' !important;
            margin-top: 10px;
        }

        #m1-business-new .main-banner p {
            color: white;
            margin-top: 30px;
        }

        #m1-business-new .main-banner:before {
            position: absolute;
            content: '';
            left: 0;
            top: 0;
            bottom: 0;
            margin: auto 0;
            height: 100%;
            /*background-image: url(../content/images/m1b-redesign/m1b-banner-inner-april-promo.png);
          background-image: url(../content/images/m1b-redesign/m1-business-banner-maj-shape.png);*/
            /* background-image: url(../content/images/m1b-redesign/shape-s-spokojno-leto-2024.png);*/
            background-position: right bottom;
            background-size: cover;
            width: 55%;
            background-repeat: no-repeat;
        }

        #m1-business-new .main-banner .wrapper {
            position: relative;
            height: 100%;
        }

        #m1-business-new .main-banner .text-promo {
            position: relative;
            width: 40%;
            height: 100%;
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            flex-direction: column;
            margin-left: 100px;
            padding-top: 50px;
            padding-bottom: 10px;
            z-index: 2;
        }

        #m1-business-new .main-banner .b2b-juni-promocija-2024 .text-promo {
            margin-left: 0;
        }

        /*#m1-business-new .main-banner.sq {
            background-image: url(../content/images/m1b-redesign/navivajte-za-makedonija-m1-sq-new.jpg);
        }*/
        #m1-business-new .main-banner .header {
            position: absolute;
            /* background-image: url(../content/images/m1b-redesign/m1b-main-header.png); */
            /* background-image: url(../content/images/m1b-redesign/m1b-header-new.png); */
            /* background-image: url(../content/images/m1b-redesign/m1b-header-new-2021.png); */
            /* background-image: url(../content/images/m1b-redesign/m1b-header-new-2021-endOffer.png); */
            /*background-image: url(../content/images/m1b-redesign/shape-m1-header.png);*/
            /* background-image: url(../content/images/m1b-redesign/m1business-inner-banner-2021-text.png);*/
            background-image: url(../content/images/m1b-redesign/M1B-portfolio-text-inner.png);
            background-size: contain;
            background-repeat: no-repeat;
            text-align: center;
            width: 50%;
            top: -11%;
            height: 100%;
        }

        #m1-business-new .main-banner.sq .header {
            /*background-image: url(../content/images/m1b-redesign/m1business-inner-banner-2021-text-sq.png);*/
            background-image: url(../content/images/m1b-redesign/M1B-portfolio-text-inner-sq.png);
        }

        #m1-business-new .main-banner .ec {
            position: absolute;
            width: 120px;
            overflow: hidden;
            top: 80px;
            right: 40%;
        }

            #m1-business-new .main-banner .ec img {
                position: relative;
                width: auto;
                height: 100%;
                float: right;
            }

        #m1-business-new .main-banner .b2b-juni-promocija-2024 .text-promo .ec {
            position: absolute;
            width: 120px;
            overflow: hidden;
            top: 70px;
            right: -60px;
        }

        #m1-business-new .main-banner .header .wrapper {
            position: relative;
            width: 100%;
            padding: 9% 23% 25% 16%;
        }

        #m1-business-new .main-banner .header.sq {
            /*background-image: url('../content/images/m1b-redesign/m1b-main-banner-sq.png');*/
            /*background-image: url('../content/images/m1b-redesign/m1b-header-new-sq.png');*/
            /*background-image: url('../content/images/m1b-redesign/m1b-main-header-new-2021-sq.png');*/
            background-image: url('../content/images/m1b-redesign/m1b-main-header-new-2021-sq-endOffer.png');
        }

        #m1-business-new .main-banner .header h1 {
            color: white;
            text-align: left;
            font-size: 36px;
            text-transform: none;
            line-height: 1.2;
            display: block;
        }

        #m1-business-new .main-banner .header p {
            position: relative;
            font-size: 21px;
            color: white;
            text-align: left;
            line-height: 1.2;
        }

    #m1-business-new .linked-tabs {
        position: relative;
        bottom: 0;
        width: 100%;
        height: 150px;
        border-bottom: 0;
    }

        #m1-business-new .linked-tabs div {
            height: 100%;
        }

        #m1-business-new .linked-tabs .col-sm-6 {
            padding: 0;
        }

        #m1-business-new .linked-tabs .tab-right {
            position: relative;
            background: black;
            padding: 30px;
            width: 50%;
            display: inline-block;
            float: left;
            cursor: pointer;
        }

            #m1-business-new .linked-tabs .tab-right .wrap {
                position: relative;
                width: 60%;
                text-align: right;
                float: right;
                display: inline-flex;
                align-content: center;
                align-items: center;
                justify-content: flex-start;
            }

        #m1-business-new .linked-tabs .tab-left {
            position: relative;
            background: #e20074;
            padding: 30px;
            width: 50%;
            display: inline-block;
            float: left;
        }

            #m1-business-new .linked-tabs .tab-left a {
                position: relative;
                display: block;
            }

            #m1-business-new .linked-tabs .tab-left .wrap {
                position: relative;
                width: 60%;
                float: none;
                text-align: left;
                display: inline-flex;
                align-content: center;
                justify-content: flex-start;
                align-items: center;
                flex-direction: row;
                flex-wrap: nowrap;
            }




        #m1-business-new .linked-tabs .tab-right .img {
            display: table-cell;
            float: none;
            vertical-align: middle;
            width: 20%;
            text-align: left;
        }

        #m1-business-new .linked-tabs .tab-right .text {
            display: table-cell;
            vertical-align: middle;
            color: white;
            font-size: 19px;
            width: 65%;
            line-height: 1.2;
            text-align: left;
            text-transform: uppercase;
            margin-left: 20px;
        }



        #m1-business-new .linked-tabs .tab-left .img {
            display: table-cell;
            position: relative;
            vertical-align: middle;
            width: 35%;
        }

        #m1-business-new .linked-tabs .tab-left .text {
            position: relative;
            display: table-cell;
            vertical-align: middle;
            color: white;
            font-size: 19px;
            text-align: left;
            text-transform: uppercase;
            line-height: 1.2;
            margin-left: 20px;
        }

    #m1-business-new div#m1b-paketi.collapse {
        display: none;
    }

        #m1-business-new div#m1b-paketi.collapse.in {
            position: relative;
            display: block;
            background-image: url(../content/images/m1b-redesign/paketi-collapse-bcg.jpg);
            z-index: 2;
            background-size: cover;
            background-repeat: no-repeat;
        }

    #m1-business-new div#m1b-paketi p.copy {
        color: white;
        font-size: 18px;
        line-height: 1.2;
        margin: 60px 4px 30px 20px;
        display: block;
        overflow: visible;
        position: relative;
    }

        #m1-business-new div#m1b-paketi p.copy img {
            position: absolute;
            width: 90px;
            height: auto;
            top: -40px;
            right: -70px;
        }

    #m1-business-new .box {
        width: 27%;
        display: inline;
        float: left;
        margin: 30px 46px 50px;
        opacity: 1;
        overflow: visible;
        height: auto;
    }

        #m1-business-new .box#mob-m,
        #m1-business-new .box#mob-m-no {
            transform: scale(1.05);
            box-shadow: 0 0 70px 40px rgba(255, 255, 255, .010);
            border: 2px solid white;
        }

    #m1-business-new div#fiksni-m,
    #m1-business-new div#fiksni-m-no {
        transform: scale(1.1);
        box-shadow: 0 0 70px 40px rgba(255, 255, 255, .010);
    }

        #m1-business-new div#fiksni-m .fiksni-package-m,
        #m1-business-new div#fiksni-m-no .fiksni-package-m {
            border: 2px solid #e20074;
        }

    #m1-business-new .box:first-of-type {
        margin-left: 0;
    }

    #m1-business-new .box:last-of-type {
        margin-right: 0;
    }

#m1b-paketi .header-tabs {
    margin: 0 20px;
    position: relative;
    min-height: 40px;
    display: block;
}

    #m1b-paketi .header-tabs h2 {
        position: relative;
        font-size: 28px;
        font-family: 'teleNeo-bold' !important;
        color: white;
        text-transform: uppercase;
        margin: 30px 0;
    }

        #m1b-paketi .header-tabs h2 span {
            position: relative;
            display: inline-block;
            float: left;
        }

        #m1b-paketi .header-tabs h2 ul {
            position: relative;
            display: inline-block;
            float: left;
            bottom: 5px;
            border: 0;
        }

    #m1b-paketi .header-tabs .promo {
        position: relative;
        display: block;
    }

        #m1b-paketi .header-tabs .promo h3 {
            color: white;
            margin: 50px 0 30px;
            overflow: hidden;
            display: inline-block;
            text-transform: none !important;
            display: inline;
            float: left;
            color: #e20074;
        }

        #m1b-paketi .header-tabs .promo .ec {
            position: relative;
            top: 10px;
            width: 90px;
            display: inline;
            float: left;
            right: -6px;
        }

    #m1b-paketi .header-tabs h2 ul li a {
        background: transparent;
        padding: 0 10px;
        border: 0;
        color: white;
        text-decoration: none;
        font-family: 'teleNeo-medium' !important;
        margin: 0 5px;
        display: inline;
        float: left;
    }

        #m1b-paketi .header-tabs h2 ul li a span {
            display: inline;
            float: left;
        }

        #m1b-paketi .header-tabs h2 ul li a:last-child {
            padding-right: 0;
        }

    #m1b-paketi .header-tabs h2 ul li.active a {
        color: white !important;
        background: #e20074;
        border-radius: 0;
    }

#m1b-paketi .content-tabs .bez-cloud.tab-pane.fade,
#m1b-paketi .content-tabs .so-cloud.tab-pane.fade {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity .75s linear !important;
    -webkit-transition: opacity .75s linear;
    -o-transition: opacity .75s linear;
}

    #m1b-paketi .content-tabs .bez-cloud.tab-pane.fade.active.in,
    #m1b-paketi .content-tabs .so-cloud.tab-pane.fade.active.in {
        display: block;
        opacity: 1;
        visibility: visible;
        transition: opacity .75s linear !important;
        -webkit-transition: opacity .75s linear;
        -o-transition: opacity .75s linear;
    }

#m1b-paketi .ec {
    position: absolute;
    right: -40px;
    top: -100px;
    z-index: 3;
    width: 90px;
}

#m1b-paketi .wrapper.fiksni-uslugi .box .ec {
    position: absolute;
    top: -30px !important;
}

#m1b-paketi .wrapper.mobilni-uslugi,
#m1b-paketi .wrapper.fiksni-uslugi,
#m1b-paketi .wrapper.ekstra-uslugi {
    position: relative;
    height: 100%;
    margin: 0;
}

    #m1b-paketi .wrapper.mobilni-uslugi p.package-header {
        position: relative;
        color: white;
        font-size: 22px;
        font-family: 'teleNeo-medium' !important;
        margin: 90px 20px 30px 20px;
    }

    #m1b-paketi .wrapper.mobilni-uslugi .border {
        position: relative;
        width: 100%;
        height: 100%;
        /* overflow: hidden; */
        padding: 10px;
        /* display: block; */
        z-index: 2;
        margin-bottom: 20px;
    }

        #m1b-paketi .wrapper.mobilni-uslugi .border .col-md-4 {
            padding: 5px;
        }

    #m1b-paketi .wrapper.mobilni-uslugi .package-wrap,
    #m1b-paketi .wrapper.fiksni-uslugi .package-wrap,
    #m1b-paketi .wrapper.ekstra-uslugi .package-wrap {
        position: relative;
        width: 100%;
        height: auto;
        display: block;
    }

.wrapper.mobilni-uslugi .border .mob-package-s,
.wrapper.mobilni-uslugi .border .mob-package-m,
.wrapper.mobilni-uslugi .border .mob-package-l {
    position: relative;
    height: auto;
    border: 1px solid #e20074;
    min-height: 455px;
    padding: 0 20px 20px 20px;
    background: #e20074;
}

    .wrapper.mobilni-uslugi .border .mob-package-s ul li,
    .wrapper.mobilni-uslugi .border .mob-package-m ul li,
    .wrapper.mobilni-uslugi .border .mob-package-l ul li {
        color: white;
    }

#m1b-paketi .wrapper.mobilni-uslugi .border * {
    color: white;
}

#m1b-paketi .wrapper.mobilni-uslugi .black-text {
    color: black;
}

#m1b-paketi .ekstra-pridobivki {
    position: relative;
    bottom: 0;
    margin: 0 auto;
    display: block;
    width: 100%;
    padding: 15px 0;
}
    /*#m1b-paketi .ekstra-pridobivki:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: white;
        left: 0;
        top: 1px;
        opacity: 0.5;
    }*/
    #m1b-paketi .ekstra-pridobivki .collapseOne1-pridobivki.panel-collapse.collapse.in {
        min-height: 260px;
    }

    #m1b-paketi .ekstra-pridobivki .panel-group {
        margin: 0;
    }

        #m1b-paketi .ekstra-pridobivki .panel-group .panel-default {
            background: transparent !important;
            border: 0 !important;
            box-shadow: none;
        }

            #m1b-paketi .ekstra-pridobivki .panel-group .panel-default .panel-heading {
                padding: 0;
            }

                #m1b-paketi .ekstra-pridobivki .panel-group .panel-default .panel-heading .panel-body {
                    padding: 10px 0;
                }

    #m1b-paketi .ekstra-pridobivki .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border: 0 !important;
    }

    #m1b-paketi .ekstra-pridobivki .panel-group .panel-default .panel-heading .panel-title {
        padding-right: 25px;
    }

        #m1b-paketi .ekstra-pridobivki .panel-group .panel-default .panel-heading .panel-title a:after {
            content: "\f3d8";
            right: 10px;
            top: 15px;
            color: white;
        }

        #m1b-paketi .ekstra-pridobivki .panel-group .panel-default .panel-heading .panel-title a.collapsed:after {
            content: "\f3d0";
            color: white;
            right: 10px;
            top: 15px;
        }

#m1b-paketi .package-wrap ul li span {
    color: white;
    font-family: 'teleNeo-medium' !important;
}

    #m1b-paketi .package-wrap ul li span.magenta-text {
        /*color: #e20074;*/
        font-family: 'teleNeo-medium' !important;
        color: white;
    }

    #m1b-paketi .package-wrap ul li span.white-text.line-through {
        text-decoration: line-through;
        padding-left: 5px;
    }

    #m1b-paketi .package-wrap ul li span.new-text {
        color: #333 !important;
        font-family: 'teleNeo-medium' !important;
    }

#m1b-paketi .package-wrap .one-t-dicklaimer-message {
    z-index: 5;
    position: absolute;
    left: -80px;
}

    #m1b-paketi .package-wrap .one-t-dicklaimer-message:before {
        left: 38%;
    }

#m1b-paketi .wrapper.mobilni-uslugi .mob-package-header {
    position: relative;
    color: white;
    font-size: 30px;
    text-align: center;
    min-height: 65px;
    vertical-align: middle;
    margin-bottom: 10px;
}

#m1b-paketi .wrapper.mobilni-uslugi p.small {
    position: relative;
    padding: 0 10px;
    color: white;
    display: block;
    clear: both;
    top: 20px;
}

    #m1b-paketi .wrapper.mobilni-uslugi p.small a:hover {
        color: #00a0de;
        text-decoration: underline;
    }

#m1b-paketi .wrapper.mobilni-uslugi .mob-package-header span {
    position: relative;
    top: 12px;
    font-family: 'teleNeo-bold' !important;
}

#m1b-paketi .wrapper.mobilni-uslugi .mob-package-header:after {
    content: "";
    width: 100%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .5;
}


#m1b-paketi .wrapper.mobilni-uslugi ul li {
    color: white !important;
    font-family: 'teleNeo-medium' !important;
    font-size: 19px;
    margin-bottom: 20px;
    margin-left: 20px;
    position: relative;
    line-height: 1.2;
}

    #m1b-paketi .wrapper.mobilni-uslugi ul li:before {
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        background: white;
        border-radius: 50%;
        left: -22px;
        display: block;
        top: 50%;
        display: table-cell;
        vertical-align: middle;
    }

    #m1b-paketi .wrapper.mobilni-uslugi ul li.five-g-wrap span {
        font-size: 28px;
        font-weight: 600;
    }

#m1b-paketi .wrapper.mobilni-uslugi .roaming-magenta {
    position: relative;
    min-height: 55px;
    text-align: center;
}

#m1b-paketi .wrapper.mobilni-uslugi .mob-package-info {
    position: relative;
    min-height: 430px;
}

#m1b-paketi .wrapper.mobilni-uslugi .old-price:before {
    content: '';
    display: none;
}

#m1b-paketi .wrapper.mobilni-uslugi .mob-package-price {
    position: relative;
    bottom: 0px;
    text-align: center;
    display: block;
    width: 100%;
    margin: 0 auto;
}

    #m1b-paketi .wrapper.mobilni-uslugi .mob-package-price p {
        font-size: 27px;
        font-family: 'teleNeo-medium' !important;
        left: 0;
        right: 0;
        position: relative;
    }

    #m1b-paketi .wrapper.mobilni-uslugi .mob-package-price:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: white;
        left: 0;
        opacity: 0.5;
    }

#m1b-paketi .wrapper.fiksni-uslugi.row {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
}

    #m1b-paketi .wrapper.fiksni-uslugi.row p.promo {
        color: white;
        font-size: 17px;
        line-height: 1.2;
        margin: 30px 0;
    }

#m1b-paketi .wrapper.fiksni-uslugi p.packae-header {
    color: white;
    font-size: 21px;
}

#m1b-paketi .wrapper.fiksni-uslugi p.package-header {
    position: relative;
    color: white;
    font-size: 22px;
    font-family: 'teleNeo-medium' !important;
    margin: 30px 20px;
}

#m1b-paketi .wrapper.fiksni-uslugi .package-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    margin-bottom: 40px;
}


.fiksni-package-s,
.fiksni-package-m,
.fiksni-package-l {
    position: relative;
    height: auto;
    border: 1px solid white;
    min-height: 575px;
    padding: 0 20px 20px 20px;
    background: transparent;
}


#m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-header {
    position: relative;
    color: #e20074;
    font-size: 30px;
    text-align: center;
    min-height: 65px;
    vertical-align: middle;
    margin-bottom: 10px;
}

    #m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-header:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background: white;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: .5;
    }

    #m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-header span {
        position: relative;
        top: 12px;
        font-family: 'teleNeo-bold' !important;
    }

#m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-info ul li {
    color: white;
    font-family: 'teleNeo-medium' !important;
    font-size: 19px;
    margin-bottom: 20px;
    margin-left: 20px;
    position: relative;
    line-height: 1.2;
}

    #m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-info ul li:before {
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        background: white;
        border-radius: 50%;
        left: -22px;
        display: block;
        top: 50%;
        display: table-cell;
        vertical-align: middle;
    }

    #m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-info ul li a.text-white {
        color: white;
        text-decoration: underline;
    }

#m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-price {
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    display: block;
    width: 90%;
    margin: 0 auto;
}

    #m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-price p {
        font-size: 27px;
        font-family: 'teleNeo-medium' !important;
        left: 0;
        right: 0;
        position: relative;
        color: #e20074;
    }

    #m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-price:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: white;
        left: 0;
        opacity: 0.5;
    }

#m1b-paketi .wrapper.ekstra-uslugi.row {
    min-height: 350px;
}

#m1b-paketi .wrapper.ekstra-uslugi p.package-header {
    position: relative;
    color: white;
    font-size: 22px;
    font-family: 'teleNeo-medium' !important;
    margin: 30px 20px;
}

#m1b-paketi .wrapper.ekstra-uslugi .ekstra-package {
    position: relative;
    min-height: 255px;
    border: 1px solid white;
    padding: 20px;
}

    #m1b-paketi .wrapper.ekstra-uslugi .ekstra-package:before {
        content: '';
        width: 280px;
        height: 271px;
        border: 1px solid #e20074;
        position: absolute;
        top: -8px;
        left: -6px;
    }

    #m1b-paketi .wrapper.ekstra-uslugi .ekstra-package ul li {
        color: white;
        font-family: 'teleNeo-medium' !important;
        font-size: 19px;
        margin-bottom: 20px;
        margin-left: 20px;
        position: relative;
        line-height: 1.2;
    }

        #m1b-paketi .wrapper.ekstra-uslugi .ekstra-package ul li:before {
            content: '';
            position: absolute;
            width: 8px;
            height: 8px;
            background: white;
            border-radius: 50%;
            left: -22px;
            display: block;
            top: 50%;
            display: table-cell;
            vertical-align: middle;
        }

#m1-business-new section.magenta-bcg {
    position: relative;
    background: #e20074;
    color: white;
    padding: 3% 0;
}

    #m1-business-new section.magenta-bcg h3 {
        font-size: 42px;
        margin: 0 0px 30px 0;
        font-family: 'teleNeo-bold' !important;
    }

    #m1-business-new section.magenta-bcg p {
        font-size: 20px;
        text-align: center;
        line-height: 1.2;
        font-family: 'teleNeo-medium' !important;
    }

#m1-business-new section.additional-offer {
    position: relative;
    width: 100%;
    padding: 3% 0;
    background: white;
}

    #m1-business-new section.additional-offer h3 {
        font-size: 42px;
        margin: 0 0 30px 0;
        font-family: 'teleNeo-bold' !important;
    }

    #m1-business-new section.additional-offer p {
        font-size: 20px;
        text-align: center;
        color: black;
        font-family: 'teleNeo-medium' !important;
        line-height: 1.2;
    }

    #m1-business-new section.additional-offer .additional-offer-icons {
        position: relative;
        display: table;
        width: 100%;
        text-align: center;
    }

        #m1-business-new section.additional-offer .additional-offer-icons .box {
            display: table-cell;
            vertical-align: middle;
            width: 24% !important;
            margin: 0 !important;
        }

            #m1-business-new section.additional-offer .additional-offer-icons .box .box-header {
                position: relative;
                min-height: 90px;
                padding: 0 40px;
                /* color: black; */
            }

                #m1-business-new section.additional-offer .additional-offer-icons .box .box-header h4 {
                    font-size: 21px;
                    color: black;
                    font-family: 'teleNeo-medium' !important;
                }

            #m1-business-new section.additional-offer .additional-offer-icons .box .box-icon {
                position: relative;
                margin-bottom: 30px;
            }

            #m1-business-new section.additional-offer .additional-offer-icons .box a {
                position: relative;
                font-size: 18px;
                padding: 8px 15px;
            }

#m1-business-new .wrapper.cloud-uslugi.row {
    position: relative;
}

    #m1-business-new .wrapper.cloud-uslugi.row h3.cloud-header {
        position: relative;
        color: white;
        font-size: 25px;
        font-family: 'teleNeo-medium' !important;
        margin: 30px 0px 30px 25px;
        text-transform: uppercase;
        width: auto;
    }

        #m1-business-new .wrapper.cloud-uslugi.row h3.cloud-header span:after {
            /*content: ']$';
            font-family: 'teleicon-outline';
            position: absolute;
            color: #e20074;
            font-size: 29px;
            top: 0;
            left: 176px;
            transform: rotateZ(0deg);
            transition-property: transform;
            transition-duration: .25s;
            width: 40px;
            height: 23px;*/
        }

        #m1-business-new .wrapper.cloud-uslugi.row h3.cloud-header span {
            position: relative;
            width: auto;
        }

    #m1-business-new .wrapper.cloud-uslugi.row p {
        margin: 30px 25px;
        color: white;
        font-size: 20px;
    }

    #m1-business-new .wrapper.cloud-uslugi.row .package-wrap {
        display: table;
        width: 100%;
        margin: 40px 0;
    }

        #m1-business-new .wrapper.cloud-uslugi.row .package-wrap .box {
            display: table-cell;
            position: relative;
        }

            #m1-business-new .wrapper.cloud-uslugi.row .package-wrap .box .cloud-package-img {
                position: relative;
                display: inline;
                width: 30%;
                float: left;
                padding-top: 15px;
            }

            #m1-business-new .wrapper.cloud-uslugi.row .package-wrap .box .cloud-package-text {
                position: relative;
                display: inline;
                width: 70%;
                float: left;
                color: white;
            }

                #m1-business-new .wrapper.cloud-uslugi.row .package-wrap .box .cloud-package-text a {
                    background: #e20074;
                    color: white;
                    font-size: 19px;
                    padding: 20px 15px;
                    text-align: center;
                    width: 100%;
                }

        #m1-business-new .wrapper.cloud-uslugi.row .package-wrap.novo {
            margin: 20px auto 70px;
        }

            #m1-business-new .wrapper.cloud-uslugi.row .package-wrap.novo .box.m-365 {
                margin-left: 22%;
            }

                #m1-business-new .wrapper.cloud-uslugi.row .package-wrap.novo .box.m-365 .ec-new,
                #m1-business-new .wrapper.cloud-uslugi.row .package-wrap .box.envoice .ec-new {
                    position: absolute;
                    right: -45px;
                    top: -40px;
                    z-index: 2;
                    width: 75px;
                }

.old-price {
    color: black !important;
    font-family: 'teleNeo-regular' !important;
    text-decoration: line-through;
}


/*    .old-price:before {
        content: '';
        position: absolute;
        width: 78px;
        height: 2px;
        background: black;
        transform: rotate(-18deg);
        top: 20px;
        bottom: 0;
        text-align: center;
        left: 0;
        right: 0;
        display: block;
        width: 90%;
        margin: 0 auto;
    }*/

.mob-package-price p span {
    font-size: 24px;
    font-family: 'teleNeo-medium' !important;
    left: 0;
    right: 0;
    position: relative;
    /* color: white; */
}

#m1-business-new p.magenta-text {
    position: relative;
    display: block;
    width: 100%;
    color: white;
    font-size: 18px;
    margin: 20px 10px;
}

    #m1-business-new p.magenta-text.small {
        font-size: 14px;
    }

#m1-business-new .content-tabs h4 {
    color: white;
    font-size: 22px;
    font-family: teleNeo-bold !important;
    margin: 10px 0;
}

#m1-business-new .content-tabs p {
    color: white;
    font-size: 17px;
    font-family: teleNeo-regular !important;
    margin: 0 0 10px;
}

@media(max-width: 357px) {
    #m1-business-new .main-banner .visible-xs.image {
        background-position: 52% 0 !important;
    }

    #m1-business-new .main-banner {
        height: 420px;
    }

    business-new .main-banner .header .wrapper:before {
        height: 260px;
    }

    #m1-business-new .main-banner .header .wrapper h1 {
        font-size: 27px;
        line-height: 24px;
    }


    #m1-business-new .main-banner .header .wrapper p {
        font-size: 17px;
    }
}

@media (max-width: 767px) {

    #m1-business-new {
        padding-bottom: 20px;
    }

        #m1-business-new .image img {
            object-fit: cover;
            object-position: top center;
        }

        #m1-business-new .image .absolute-img {
            position: absolute;
            right: 0;
            width: 58%;
            height: 100%;
            text-align: right;
            top: 0;
            bottom: initial;
            margin: 0;
        }

            #m1-business-new .image .absolute-img img {
                object-position: top right;
            }

        #m1-business-new .xMas-banner-m1 {
            background-position: 60% 0;
            min-height: 320px;
            height: auto;
        }

        #m1-business-new .box#mob-m,
        #m1-business-new .box#mob-m-no,
        #m1-business-new div#fiksni-m,
        #m1-business-new div#fiksni-m-no {
            transform: scale(1);
        }

        #m1-business-new div#m1b-paketi p.copy img {
            width: 70px;
            top: -70px;
            right: 0;
        }

        #m1-business-new .wrapper.cloud-uslugi.row .package-wrap.novo .box.m-365 .ec-new,
        #m1-business-new .wrapper.cloud-uslugi.row .package-wrap .box.envoice .ec-new {
            position: absolute;
            right: -5px;
            top: -33px;
            z-index: 2;
            width: 60px;
        }

        #m1-business-new .main-banner .header {
            width: 100%;
            height: 100%;
            background-size: contain;
            top: 0 !important;
            /* overflow: hidden;*/
            left: 0;
            right: 0;
            /*background-image: none !important;*/
        }

            #m1-business-new .main-banner .header .wrapper {
                position: relative;
                padding: 5% 3% 3% 7% !important;
                padding: 20px;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                z-index: 2;
            }

                #m1-business-new .main-banner .header .wrapper:before {
                    /*background-image: url(../content/images/m1b-redesign/shape-m1-header.png);*/
                    content: '';
                    display: none;
                    /*  position: absolute;
                background-image: url(../content/images/m1b-redesign/m1business-inner-banner-2021-text.png);
                width: 100%;
                height: 200px;
                left: 0;
                top: 120px;
                background-size: contain;
                background-repeat: no-repeat;
                z-index: -1;*/
                }

    #m1b-paketi .package-wrap .one-t-dicklaimer-message {
        left: -120px;
    }

        #m1b-paketi .package-wrap .one-t-dicklaimer-message:before {
            left: 60%;
        }

    #m1-business-new .main-banner.sq .header .wrapper:before {
        background-image: url(../content/images/m1b-redesign/m1business-inner-banner-2021-text-sq.png);
    }

    #m1b-paketi .wrapper.mobilni-uslugi ul li {
        font-size: 17px !important;
    }

    #m1-business-new .main-banner .ec {
        top: -40px;
        right: 20px;
        z-index: 2;
        width: 60%;
    }

    #m1-business-new .main-banner .b2b-juni-promocija-2024 .text-promo .ec {
        top: -75px;
        right: 0;
        width: 65%;
    }

    #m1-business-new .main-banner .b2b-juni-promocija-2024 .text-promo {
        position: absolute;
    }

    #m1-business-new .main-banner .ec img {
        position: relative;
        width: 150px;
    }

    #m1-business-new .main-banner .header .wrapper h1 {
        font-size: 32px;
        font-family: 'teleNeo-extra' !important;
    }

    #m1-business-new .main-banner .header .wrapper h2 {
        color: white;
        font-size: 23px;
        text-align: left;
    }

    #m1-business-new .main-banner .header .wrapper p {
        font-size: 18px;
    }

    #m1-business-new .main-banner .visible-xs.image {
        position: relative;
        background-image: url(../content/images/m1b-redesign/mob-verzija-office.png);
        background-position: 68% 0;
        height: 300px;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
        top: 10px;
    }

    #m1-business-new .main-banner {
        height: 290px;
        /*background-image: url(../content/images/m1b-redesign/navivajte-za-makedonija-inner-banner-mob.jpg);*/
        /* background-image: url(../content/images/m1b-redesign/m-office-365-mob.jpg);*/
        background-position: 75%;
        background-size: cover;
        position: relative;
    }

        #m1-business-new .main-banner .image {
            display: none !important;
        }
        /*#m1-business-new .main-banner.sq {
            background-image: url(../content/images/m1b-redesign/navivajte-za-makedonija-inner-banner-mob-sq.jpg);
        }*/
        #m1-business-new .main-banner .wrapper {
            /*position: relative;
            height: 100%;
            display: inline-flex;
            align-items: flex-end;*/
            width: 100%;
            position: absolute;
            width: 100%;
            bottom: 0;
        }

    #m1-business-new .wrapper.cloud-uslugi.row .package-wrap {
        margin: 0 !important;
    }

    #m1-business-new .package-wrap.novo {
        margin: 0 !important;
    }

    #m1-business-new .wrapper.cloud-uslugi.row {
        padding-bottom: 40px;
    }

    #m1-business-new .box {
        width: 100%;
        display: block;
        float: left;
        margin: 15px 0;
    }

        #m1-business-new .box.m-365 {
            margin: 15px 0 !important;
        }

        #m1-business-new .box.tab-pane.fade {
            opacity: 0 !important;
            display: none;
            height: auto;
            position: relative;
            top: 0;
        }

            #m1-business-new .box.tab-pane.fade.in.active {
                opacity: 1 !important;
                display: block;
                height: auto;
                position: relative;
                top: 0;
            }

    #m1-business-new .border {
        border: 0 !important;
    }

    #m1-business-new .linked-tabs {
        position: relative;
        display: block;
        overflow: hidden;
        height: auto;
        bottom: 0;
    }

        #m1-business-new .linked-tabs .tab-right,
        #m1-business-new .linked-tabs .tab-left {
            width: 100%;
            display: block;
            float: none;
            padding: 10px;
        }

            #m1-business-new .linked-tabs .tab-right .wrap,
            #m1-business-new .linked-tabs .tab-left .wrap {
                width: 100%;
                text-align: left;
                float: none;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
            }

            #m1-business-new .linked-tabs .tab-right .img,
            #m1-business-new .linked-tabs .tab-left .img {
                width: 15%;
                float: none;
            }

            #m1-business-new .linked-tabs .tab-right .text,
            #m1-business-new .linked-tabs .tab-left .text {
                width: 75%;
            }

        #m1-business-new .linked-tabs .text p {
            padding: 0 !important;
        }

        #m1-business-new .linked-tabs a {
            position: relative;
            display: block;
            width: 100%;
        }

    #m1b-paketi .header-tabs h2 {
        font-size: 27px;
    }

        #m1b-paketi .header-tabs h2 span {
            display: inline;
            float: left;
            margin-bottom: 5px;
        }

        #m1b-paketi .header-tabs h2 ul {
            float: none;
            display: block;
        }

            #m1b-paketi .header-tabs h2 ul li {
                border: 0;
                position: relative;
                display: inline;
                float: left;
            }

                #m1b-paketi .header-tabs h2 ul li a {
                    padding: 0;
                    display: inline;
                    float: left;
                }



    #m1b-paketi .ec {
        position: absolute;
        right: -10px;
        top: 60px;
        z-index: 3;
        width: 90px;
    }

    .wrapper.mobilni-uslugi .border .mob-package-s,
    .wrapper.mobilni-uslugi .border .mob-package-m,
    .wrapper.mobilni-uslugi .border .mob-package-l {
        min-height: 455px;
    }

    .fiksni-package-s,
    .fiksni-package-m,
    .fiksni-package-l {
        min-height: 550px;
    }

        .fiksni-package-s:before,
        .fiksni-package-m:before,
        .fiksni-package-l:before {
            content: "";
            position: absolute;
            border: 1px solid #e20074;
            width: 100%;
            height: 100%;
            display: block;
            left: 0;
            right: 0;
            top: 0;
        }

    #m1b-paketi .wrapper.ekstra-uslugi .ekstra-package {
        min-height: 135px;
    }

        #m1b-paketi .wrapper.ekstra-uslugi .ekstra-package:before {
            content: '';
            width: 100%;
            height: 100%;
            border: 1px solid #e20074;
            position: absolute;
            top: 0;
            left: 0;
        }

    .mob-package-price p span {
        font-size: 22px;
    }

    #m1-business-new section.magenta-bcg h3,
    #m1-business-new section.additional-offer h3 {
        font-size: 31px;
    }

    #m1-business-new section.magenta-bcg p,
    #m1-business-new section.additional-offer p {
        font-size: 18px;
    }

    #m1-business-new section.additional-offer .additional-offer-icons .box {
        width: 50% !important;
        margin-bottom: 50px !important;
    }

    div#m1b-paketi .package-wrap ul.nav-tabs {
        width: 100%;
        margin: 0 auto;
        border: 0;
        list-style: none;
        text-align: center;
    }

        div#m1b-paketi .package-wrap ul.nav-tabs li {
            border: 0;
            border-radius: 0;
            margin: 0;
            width: 33%;
        }

            div#m1b-paketi .package-wrap ul.nav-tabs li:before {
                display: none;
            }

            div#m1b-paketi .package-wrap ul.nav-tabs li a {
                background: white;
                border: 0;
                color: #e20074;
                border-radius: 0;
                font-size: 16px;
                padding: 10px 0;
            }

            div#m1b-paketi .package-wrap ul.nav-tabs li.active a {
                background: #e20074;
                color: white !important;
            }

    #m1-business-new section.additional-offer .additional-offer-icons .box .box-header {
        min-height: 110px;
    }

    .old-price:before {
        content: '';
        top: 13px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #m1-business-new div#m1b-paketi p.copy {
        padding: 60px 150px 30px 0;
        margin: unset;
    }

        #m1-business-new div#m1b-paketi p.copy img {
            top: 20px;
            right: 0;
        }

    #m1-business-new .box#mob-m,
    #m1-business-new .box#mob-m-no,
    #m1-business-new div#fiksni-m,
    #m1-business-new div#fiksni-m-no {
        transform: scale(1);
    }

    #m1b-paketi .wrapper.mobilni-uslugi .mob-package-info {
        min-height: 390px;
    }

    #m1-business-new section.additional-offer .additional-offer-icons .box .box-header {
        min-height: 130px;
    }

    #m1-business-new .main-banner {
        background-position: 65%;
        height: 355px;
    }

        #m1-business-new .main-banner .image {
            width: 65%;
        }

        #m1-business-new .main-banner:before {
            width: 60%;
            background-repeat: no-repeat;
            left: 0;
            background-position: bottom right;
            background-size: cover;
        }

        #m1-business-new .main-banner .header {
            width: 80%;
            top: 22%;
            z-index: 0;
            overflow: hidden;
            background-size: contain;
            height: 100%;
        }

        #m1-business-new .main-banner .b2b-juni-promocija-2024 .text-promo .ec {
            width: 80%;
            top: 70px;
            right: -120px;
        }

        #m1-business-new .main-banner .header .wrapper {
            padding: 9% 50% 14% 5%;
        }

        #m1-business-new .main-banner .header h1 {
            font-size: 30px;
            line-height: 27px;
        }

        #m1-business-new .main-banner .header h2 {
            font-size: 23px;
            text-align: left;
            color: white;
            line-height: 1.2;
        }

        #m1-business-new .main-banner .header p {
            font-size: 19px;
        }

    #m1-business-new .linked-tabs .tab-right .wrap,
    #m1-business-new .linked-tabs .tab-left .wrap {
        width: 100%;
    }

    #m1-business-new .wrapper.cloud-uslugi.row .package-wrap .box .cloud-package-text {
        width: 60%;
        margin-left: 15px;
    }

        #m1-business-new .wrapper.cloud-uslugi.row .package-wrap .box .cloud-package-text a {
            white-space: pre-wrap;
        }

    #m1b-paketi .wrapper.mobilni-uslugi ul li,
    #m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-info ul li,
    #m1b-paketi .wrapper.ekstra-uslugi .ekstra-package ul li {
        font-size: 17px;
    }

    #m1b-paketi .header-tabs {
        min-height: 90px;
    }

    #m1-business-new .box {
        margin: 0 10px;
        width: 31.333%;
    }

    .wrapper.mobilni-uslugi .border .mob-package-s,
    .wrapper.mobilni-uslugi .border .mob-package-m,
    .wrapper.mobilni-uslugi .border .mob-package-l {
        padding: 0 15px 20px 15px;
    }

    .mob-package-price p span {
        font-size: 22px;
    }

    .fiksni-package-s:before, .fiksni-package-m:before, .fiksni-package-l:before {
        content: "";
        position: absolute;
        border: 1px solid #e20074;
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        right: 0;
        top: 0px;
        z-index: -1;
    }

    #m1b-paketi .wrapper.fiksni-uslugi .box .ec {
        width: 75px;
        right: -35px;
        z-index: 3;
    }

    #m1b-paketi .wrapper.ekstra-uslugi .ekstra-package:before {
        content: '';
        width: 100%;
        height: 100%;
        border: 1px solid #e20074;
        position: absolute;
        top: 0;
        left: 0;
    }

    .fiksni-package-s, .fiksni-package-m, .fiksni-package-l {
        min-height: 560px;
        z-index: -1;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #m1-business-new div#m1b-paketi p.copy {
        padding: 60px 220px 30px 20px;
        margin: unset;
    }

    #m1-business-new .image img {
        object-position: 20% 50%;
    }

    #m1-business-new div#m1b-paketi p.copy img {
        top: 20px;
        right: 0;
    }

    #m1-business-new .main-banner .header {
        width: 78%;
        top: 5%;
        height: 100%;
    }

        #m1-business-new .main-banner .header h1 {
            font-size: 30px;
            line-height: 27px;
        }

        #m1-business-new .main-banner .header p {
            font-size: 19px;
        }

    #m1-business-new .linked-tabs .tab-right .wrap,
    #m1-business-new .linked-tabs .tab-left .wrap {
        width: 100%;
    }

    #m1-business-new .box {
        margin: 0 43px 50px;
    }

    .fiksni-package-s:before, .fiksni-package-m:before, .fiksni-package-l:before {
        width: 264px;
    }

    #m1b-paketi .wrapper.ekstra-uslugi .ekstra-package:before {
        width: 265px;
    }

    #m1b-paketi .wrapper.fiksni-uslugi .box .ec {
        top: -20px !important;
        width: 80px;
    }
}
/*#endregion m1b redesign*/
/*#region mail registration*/
#mail-registration {
    position: relative;
    padding: 3% 0;
}

    #mail-registration input[type="checkbox"] {
        margin: 5px 5px 0 0;
    }
/*#endregion mail registration*/

/*#region moj klub*/
#moj-klub {
    position: relative;
    width: 100%;
    padding: 2% 0;
}

    #moj-klub .moj-klub-banner {
        position: relative;
        background-color: #e20074;
    }

        #moj-klub .moj-klub-banner a {
            position: relative;
            width: 100%;
            display: block;
        }

            #moj-klub .moj-klub-banner a img {
                position: relative;
                width: 100%;
                height: auto;
            }

    #moj-klub .moj-klub-content {
        padding-top: 30px;
    }

        #moj-klub .moj-klub-content h1 {
            color: #333;
            padding: 15px 0;
            border-bottom: none;
            text-transform: none;
            color: #383838;
            font-size: 22px;
            margin-top: 0;
            padding-top: 0;
            margin-bottom: 0 !important;
            text-align: center;
            margin-top: 15px !important;
        }

.dobivanje-poeni-naslov {
    position: relative;
    text-align: center;
    padding: 20px 0;
}

    .dobivanje-poeni-naslov h1 {
        color: #333;
        font-size: 24px;
        text-transform: none;
    }

.koristenje-na-poeni-content {
    position: relative;
    padding: 20px 0;
}

    .koristenje-na-poeni-content h1 {
        color: #333;
        padding: 15px 0;
        border-bottom: none;
        text-transform: none;
        color: #383838;
        font-size: 22px;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 0 !important;
        text-align: center;
        margin-top: 15px !important;
    }

    .koristenje-na-poeni-content ul li {
        display: block;
        background: url(../images/list-bullet.png) 0 11px no-repeat;
        padding-left: 15px;
        line-height: 145%;
        margin-bottom: 7px;
        margin-left: 15px;
    }

    .koristenje-na-poeni-content p, .koristenje-na-poeni-content ul li {
        font-size: 18px;
    }

#moj-klub-dopolnitelna {
    position: relative;
    width: 100%;
}

    #moj-klub-dopolnitelna .moj-klub-dopolnitelna-banner {
        position: relative;
        background-color: #e20074;
    }

        #moj-klub-dopolnitelna .moj-klub-dopolnitelna-banner a {
            position: relative;
            width: 100%;
            display: block;
        }

            #moj-klub-dopolnitelna .moj-klub-dopolnitelna-banner a img {
                position: relative;
                width: 100%;
                height: auto;
            }

    #moj-klub-dopolnitelna .moj-klub-dopolnitelna-content {
        position: relative;
        padding: 20px 0;
    }

        #moj-klub-dopolnitelna .moj-klub-dopolnitelna-content h1 {
            color: #333;
            padding: 15px 0;
            border-bottom: none;
            text-transform: none;
            color: #383838;
            font-size: 22px;
            margin-top: 0;
            padding-top: 0;
            margin-bottom: 0 !important;
            text-align: center;
            margin-top: 15px !important;
        }

        #moj-klub-dopolnitelna .moj-klub-dopolnitelna-content p {
            font-size: 18px;
        }

.moj-klub-privatni {
    position: relative;
    padding: 2% 0;
}

    .moj-klub-privatni h1 {
        color: #333;
        padding: 15px 0;
        border-bottom: none;
        text-transform: none;
        color: #383838;
        font-size: 22px;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 0 !important;
        text-align: center;
        margin-top: 15px !important;
    }

.opsti-informacii {
    position: relative;
    padding: 2% 0;
}

    .opsti-informacii h1 {
        color: #333;
        padding: 15px 0;
        border-bottom: none;
        text-transform: none;
        color: #383838;
        font-size: 22px;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 0 !important;
        text-align: center;
        margin-top: 15px !important;
    }

    .opsti-informacii ul li {
        display: block;
        background: url(../images/list-bullet.png) 0 11px no-repeat;
        padding-left: 15px;
        line-height: 145%;
        margin-bottom: 7px;
        margin-left: 15px;
    }

#mobilni-aplikacii {
    position: relative;
    padding: 2% 0;
}

    #mobilni-aplikacii .container h1 {
        color: #333;
        padding: 15px 0;
        border-bottom: none;
        text-transform: none;
        color: #383838;
        font-size: 22px;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 0 !important;
        text-align: center;
        margin-top: 15px !important;
    }

    #mobilni-aplikacii .aplikacii h2 {
        position: relative;
        text-align: center;
        border: 0;
    }

    #mobilni-aplikacii .aplikacii p {
        min-height: 195px;
        color: #333;
    }
/*#endregion moj klub*/

/*#region penzioner telefoni*/
#penzioner-telefoni {
    position: relative;
    width: 100%;
}

    #penzioner-telefoni section.phone-wrap {
        position: relative;
        width: 100%;
        display: table;
        margin: 30px 0;
    }

        #penzioner-telefoni section.phone-wrap .phone-box {
            position: relative;
            width: 30.3333%;
            display: inline-block;
            border: 1px solid #e5e5e5;
            margin: 0 13px;
        }

        #penzioner-telefoni section.phone-wrap .phone-price {
            position: relative;
            text-align: center;
            width: auto;
            display: inline-block;
            padding: 0px 20px;
        }

            #penzioner-telefoni section.phone-wrap .phone-price .price {
                color: #383838;
                padding-bottom: 6px;
                font-size: 30px;
                font-family: teleNeo-medium;
                padding: 5px 3px 5px 0;
                letter-spacing: -1px;
                display: table-cell;
                vertical-align: middle;
                border-bottom: 0px solid #cdcdcd;
            }

            #penzioner-telefoni section.phone-wrap .phone-price span.installments {
                display: table-cell;
                vertical-align: bottom;
                border-bottom: 0px solid #cdcdcd;
                padding-bottom: 13px;
            }

                #penzioner-telefoni section.phone-wrap .phone-price span.installments span.currency {
                    display: block;
                    text-align: left;
                    line-height: 1.2;
                    font-size: 13px;
                    border-bottom: 1px solid #333;
                }

                #penzioner-telefoni section.phone-wrap .phone-price span.installments span.rata {
                    display: block;
                    text-align: left;
                    line-height: 1.2;
                    font-size: 13px;
                }

        #penzioner-telefoni section.phone-wrap .phone-order {
            position: relative;
            width: 100%;
        }

            #penzioner-telefoni section.phone-wrap .phone-order a {
                background: #e20074;
                color: white;
            }

                #penzioner-telefoni section.phone-wrap .phone-order a:hover {
                    text-decoration: none;
                    background-color: white;
                    color: #e20074;
                    border: 1px solid #e20074;
                }

@media (max-width: 767px) {
    #penzioner-telefoni section.phone-wrap .phone-box {
        width: 100%;
        display: block;
        margin: 15px auto;
    }

        #penzioner-telefoni section.phone-wrap .phone-box .phone-header h2 {
            font-size: 19px;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    #m1-business-new .linked-tabs .tab-right .img {
        display: flex;
        align-items: center;
    }

    #m1-business-new .linked-tabs .tab-right .text {
        width: 80%;
    }

    #m1-business-new .xMas-banner-m1 {
        background-position: 50% 25%;
        height: auto;
        min-height: 490px;
    }

    #penzioner-telefoni section.phone-wrap .phone-box {
        display: inline-block;
        margin: 0 10px;
        height: auto;
    }

        #penzioner-telefoni section.phone-wrap .phone-box .phone-header h2 {
            font-size: 19px;
        }
}
/*#endregion penzioner telefoni*/
.defaultValue.disclaimerCustom span.oldPrice {
    text-decoration: line-through;
    margin-right: 3px;
}
/*za nav mobilna carousel*/
div#carouselMobileTraiffTables .tariffCol .newValue span.oldPrice {
    text-decoration: line-through;
    color: black;
    margin-right: 5px;
}

.defaultValue.disclaimerCustom span.newPrice {
    color: #e20074;
    font-family: teleNeo-medium !important;
}
/*#region osiguruvanje kaj mobile tarifa*/
.osiguruvanje-banner {
    position: relative;
    padding: 0 20px;
    /* background-image: url(../content/images/mobile-tarif/mobile-semi-banner.jpg); */
    background-color: white;
    box-shadow: 0 0 35px 8px rgba(0, 0, 0, .03);
    margin: 0 13px 30px 13px;
}

    .osiguruvanje-banner a {
        width: 100%;
        text-align: left;
        display: flex;
        color: white;
        text-decoration: none;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0;
    }

        .osiguruvanje-banner a:hover {
            text-decoration: none;
            color: white;
        }

    .osiguruvanje-banner .osiguruvanje-content {
        width: 50%;
    }

    .osiguruvanje-banner .osiguruvanje-ikona {
        width: 35%;
    }

    .osiguruvanje-banner .osiguruvanje-ec {
        width: 15%;
    }

    .osiguruvanje-banner div {
        display: inline-flex;
        position: relative;
    }

.osiguruvanje-content h3 {
    text-transform: none;
    font-size: 27px;
    font-family: 'teleNeo-bold' !important;
    margin: 0;
    color: black;
}

    .osiguruvanje-content h3 span {
        position: relative;
        display: block;
        text-transform: uppercase;
        font-size: 61px;
        font-family: 'teleNeo-extra' !important;
        line-height: 1;
    }

.osiguruvanje-content p.black-text {
    color: white;
    font-family: 'teleNeo-regular' !important;
    font-size: 21px;
    line-height: 1.2;
    padding: 0;
    margin: 0;
}

.osiguruvanje-ikona img {
    float: left;
}

.osiguruvanje-link a {
    text-align: right;
    float: right;
    background: white;
    color: #e20074;
}

    .osiguruvanje-link a:hover {
        border: 1px solid #e20074;
        color: #e20074;
    }
/*leten podarok banner*/
.banner-leten-podarok-inner {
    position: relative;
    display: table;
    width: 98.8%;
    color: white;
    padding: 10px;
    margin-bottom: 10px;
    margin-left: 9px;
    background-image: url(../content/images/banner-leten-podarok-inner.jpg);
    box-shadow: 0 0 35px 8px rgba(0, 0,0, .03);
    background-repeat: no-repeat;
    background-size: cover;
    height: 220px;
}

    .banner-leten-podarok-inner a {
        position: absolute;
        width: 100%;
        display: block;
        color: black;
        text-align: left;
        font-family: 'teleNeo-bold' !important;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

.osiguruvanje-banner-uredi {
    position: relative;
    display: table;
    width: 98.8%;
    /*background: #e20074;*/
    color: white;
    padding: 10px;
    margin-bottom: 10px;
    margin-left: 9px;
    /*background-image: url(../content/images/mobile-tarif/mobile-semi-banner.jpg);*/
    /*  background-image: url(../content/images/mobile-tarif/bg-samo-onlajn-lista.jpg);*/
    background-image: url(../content/images/mobile-tarif/bg-nov-broj.jpg);
    box-shadow: 0 0 35px 8px rgba(0, 0,0, .03);
    background-repeat: no-repeat;
    background-size: cover;
    /*   margin: 0 0px 30px 0;
    background-image: url(../content/images/webshop-details-banner.png);
    background-size: cover;
    background-position: center;
    height: 220px;*/
}

    .osiguruvanje-banner-uredi.sq {
        background-image: url(../content/images/webshop-details-banner-sq.png);
    }

    .osiguruvanje-banner-uredi.sim-card {
        padding: 11% 10px !important;
        background-image: url(../content/images/mobile-tarif/one-shop_october_2.jpg) !important;
    }

        .osiguruvanje-banner-uredi.sim-card a {
            margin: 0 !important;
        }

    .osiguruvanje-banner-uredi a {
        position: relative;
        width: 100%;
        display: block;
        color: black;
        text-align: left;
        font-family: 'teleNeo-bold' !important;
    }

        .osiguruvanje-banner-uredi a:hover {
            color: #e20074;
            text-decoration: none;
            box-shadow: none;
        }

    .osiguruvanje-banner-uredi div {
        position: relative;
        display: table-cell;
        vertical-align: middle;
    }

.osiguruvanje-button.btn.btn-white {
    right: 20px;
    position: absolute;
    bottom: 10px;
}

.osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content {
    width: 60%;
}

.osiguruvanje-banner-uredi .osiguruvanje-ikona {
    width: 15%;
}

.osiguruvanje-banner-uredi .osiguruvanje-ec {
    width: 10%;
    position: absolute;
    bottom: 5px;
    left: 40%;
}

.osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content h1 {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-family: 'teleNeo-extra' !important;
    font-size: 28px;
    color: white;
    text-align: left;
    line-height: 1.1;
    margin: 0 !important;
}

    .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content h1 span {
        position: relative;
        display: block;
        text-transform: none;
        font-style: italic;
        font-size: 24px;
        font-family: 'teleNeo-medium' !important;
        line-height: 1.1;
        color: white;
        padding-top: 30px;
    }

.osiguruvanje-banner-uredi.sim-card .osiguruvanje-banner-uredi-content h1 {
    font-size: 34px !important;
}

    .osiguruvanje-banner-uredi.sim-card .osiguruvanje-banner-uredi-content h1 strong {
        font-family: 'teleNeo-extra' !important;
    }

.osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content p {
    color: white;
    line-height: 1.2;
    margin: 0;
    font-family: 'teleNeo-medium' !important;
    font-size: 17px;
    text-align: left;
}

.osiguruvanje-banner-uredi.sim-card .osiguruvanje-banner-uredi-content p {
    font-size: 30px !important;
}

.osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-link a {
    position: relative;
    text-align: right;
    float: right;
    color: #e20074;
    background: white;
}

.osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-link {
    position: relative;
    padding-right: 10px;
}

    .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-link a:hover {
        /* color: white; */
        border: 1px solid #e20074;
        color: #e20074;
    }

@media (max-width: 767px) {
    .banner-leten-podarok-inner {
        background-position: 85%;
        background-size: 220%;
    }

    .osiguruvanje-banner-uredi {
        height: 80px;
    }

    .osiguruvanje-banner {
        margin-bottom: 30px;
    }

        .osiguruvanje-banner div {
            display: block;
            width: 100% !important;
        }

        .osiguruvanje-banner a {
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            padding: 0 0px;
            width: 100%;
        }

    .osiguruvanje-content h3,
    .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content h1 {
        font-size: 25px;
        font-family: 'teleNeo-bold' !important;
        margin: 15px 0 5px;
        width: 100%;
        white-space: pre-line;
        line-height: 1.2;
        margin-bottom: 10px !important;
    }

    .osiguruvanje-button.btn.btn-white {
        right: unset;
        position: relative;
        bottom: 0;
        display: unset !important;
    }

    .osiguruvanje-banner-uredi a {
        display: unset !important;
    }

    .osiguruvanje-content h3 span,
    .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content h1 span {
        font-size: 22px;
    }

        .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content h1 span br {
            display: none;
        }

    .osiguruvanje-banner-uredi .osiguruvanje-ec {
        width: 20%;
        bottom: -35px;
        left: 75%;
    }

    .osiguruvanje-banner .osiguruvanje-ikona,
    .osiguruvanje-banner-uredi .osiguruvanje-ikona {
        display: none;
    }

    .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content {
        display: inline !important;
        width: 50% !important;
        /* float: left; */
    }

    .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-ikona {
        width: 50% !important;
        float: left !important;
        display: inline-block !important;
    }

    .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-link {
        display: block !important;
        width: 100% !important;
    }

        .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-link a {
            top: 25px;
        }
}


@media (min-width: 768px) and (max-width: 991px) {
    .banner-leten-podarok-inner {
        background-position: 80%;
    }

    .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content h1 {
        font-size: 24px;
    }

    .osiguruvanje-banner-uredi {
        height: 150px;
    }

    .osiguruvanje-banner-uredi-content {
        width: 60% !important;
    }

    .osiguruvanje-banner-uredi-ikona {
        width: 35% !important;
    }

    .osiguruvanje-banner-uredi-link {
        width: 20% !important;
    }

    .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content h1 span {
        font-size: 22px;
    }

    .osiguruvanje-banner-uredi .osiguruvanje-ec {
        position: absolute;
        bottom: 5px;
        left: 45%;
        width: 100%;
    }

    .osiguruvanje-button.btn.btn-white {
        right: 10px;
    }
}
/*#endregion osiguruvanje kaj mobile tarifa*/

.websms-banner {
    background-image: url('../content/images/inner-pages/sms-paketi-inner.jpg');
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 380px;
    margin-bottom: 30px;
}

.nagradna-igra-banner-2020 {
    margin-bottom: 10px;
    background-image: url(../content/images/nagradna-2020-baner.jpg);
    height: 280px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .nagradna-igra-banner-2020.sq {
        background-image: url(../content/images/nagradna-2020-baner-sq.jpg);
    }

@media (max-width: 991px) {
    .nagradna-igra-banner-2020,
    .nagradna-igra-banner-2020.sq {
        height: 180px;
        background-position: left;
    }
}

/*#region iPhone 12 */
#iphone-12-pro .low-terms {
    background: #f5f5f7 !important;
    position: relative;
    top: -10px;
}

    #iphone-12-pro .low-terms p {
        color: #333 !important;
    }

#iphone-12 section.main-banner,
#iphone-12-pro section.main-banner {
    position: relative;
    width: 100%;
    padding: 5% 0 5% 0;
}

#iphone-12 .wrapper,
#iphone-12-pro .wrapper {
    position: relative;
    width: 90%;
    margin: 0 auto;
}

#iphone-12 .main-img,
#iphone-12-pro .main-img {
    display: inline;
    width: 50%;
    float: left;
}

#iphone-12 .main-content,
#iphone-12-pro .main-content {
    position: relative;
    display: inline;
    width: 50%;
    float: left;
    padding-right: 160px;
    min-height: 400px;
}

#iphone-12-pro .main-content {
    padding-right: 100px;
}

#iphone-12-pro .dizajn-displej .main-content {
    padding-right: 180px;
}

#iphone-12 .main-banner .main-content,
#iphone-12-pro .main-banner .main-content {
    padding-left: 40px;
}

#iphone-12-pro .battery p {
    color: black !important;
    font-family: 'teleNeo-bold' !important;
    line-height: 1.2;
    padding-top: 5px;
}

#iphone-12 .main-banner .main-content h1,
#iphone-12-pro .main-banner .main-content h1 {
    margin-top: 30px;
    font-family: 'teleNeo-extra' !important;
    font-size: 52px;
}

#iphone-12 .main-banner .main-content p,
#iphone-12-pro .main-banner .main-content p {
    padding-top: 30px;
}

#iphone-12 .main-content p,
#iphone-12-pro .main-content p {
    font-size: 19px;
    color: black;
    font-family: 'teleNeo-medium' !important;
    line-height: 1.2;
}

#iphone-12 .main-content .logo,
#iphone-12-pro .main-content .logo {
    position: relative;
    margin-bottom: 20px;
}

    #iphone-12 .main-content .logo img,
    #iphone-12-pro .main-content .logo img {
        width: 110px;
    }

#iphone-12 .main-content h1,
#iphone-12-pro .main-content h1 {
    position: relative;
    color: black;
    font-family: 'teleNeo-bold' !important;
    font-size: 39px;
    text-transform: none;
    line-height: 1.1;
}

#iphone-12 .main-content a.border-btn,
#iphone-12-pro .main-content a.border-btn {
    position: absolute;
    bottom: 0;
    color: #bababa;
    border: 1px solid #bababa;
    border-radius: 50px;
    padding: 4px 25px;
    font-size: 18px;
}

#iphone-12 h3,
#iphone-12-pro h3 {
    color: #9f9fa6;
    font-size: 25px;
    font-family: 'teleNeo-bold' !important;
}

#iphone-12 .dizajn-displej .wrapper,
#iphone-12-pro .dizajn-displej .wrapper {
    background-color: #fbf6f1;
    padding: 4% 0;
    position: relative;
}

#iphone-12 .dizajn-displej .main-img {
    position: absolute;
    bottom: 0;
}

#iphone-12-pro .dizajn-displej .main-img {
    position: relative;
}

#iphone-12 .dizajn-displej .ekran,
#iphone-12-pro .dizajn-displej .ekran {
    position: relative;
    display: table;
}

    #iphone-12 .dizajn-displej .ekran img,
    #iphone-12 .dizajn-displej .ekran p {
        display: table-cell;
        width: auto;
        vertical-align: middle;
    }

    #iphone-12 .dizajn-displej .ekran img,
    #iphone-12-pro .dizajn-displej .ekran img {
        width: 30px !important;
    }

    #iphone-12 .dizajn-displej .ekran p,
    #iphone-12-pro .dizajn-displej .ekran p {
        padding-left: 15px;
        font-size: 15px !important;
        line-height: 1.1 !important;
    }

#iphone-12 section.bezichno-povrzuvanje,
#iphone-12-pro section.bezichno-povrzuvanje {
    background: #f5f5f7;
    padding: 3% 0 0 0;
    position: relative;
}

    #iphone-12 section.bezichno-povrzuvanje .main-img {
        bottom: -57px;
        position: relative;
    }

    #iphone-12-pro section.bezichno-povrzuvanje .main-img {
        bottom: 0;
    }

#iphone-12-pro .chip-bionic .main-content {
    top: 110px;
}

#iphone-12 .chip-bionic .wrapper,
#iphone-12-pro .chip-bionic .wrapper {
    padding: 3% 0;
    background: #e7f4e0;
}

#iphone-12 .chip-bionic .chip,
#iphone-12-pro .chip-bionic .chip {
    position: relative;
    display: table;
}

    #iphone-12 .chip-bionic .chip p,
    #iphone-12-pro .chip-bionic .chip p {
        width: auto;
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px !important;
        font-size: 15px !important;
    }

    #iphone-12 .chip-bionic .chip img,
    #iphone-12-pro .chip-bionic .chip img {
        display: table-cell;
        width: 40px;
        vertical-align: middle;
    }

#iphone-12 .chip-bionic .main-img,
#iphone-12-pro .chip-bionic .main-img {
    top: 30px;
    position: relative;
}

#iphone-12 .dual-camera,
#iphone-12-pro .dual-camera {
    position: relative;
    background: #f5f5f7;
    padding: 3% 0;
}

    #iphone-12 .dual-camera .main-content,
    #iphone-12-pro .dual-camera .main-content {
        padding-left: 45px;
        padding-right: 0 !important;
    }

        #iphone-12 .dual-camera .main-content p.features,
        #iphone-12-pro .dual-camera .main-content p.features {
            position: relative;
            border-bottom: 1px solid #bcbcbf;
            padding-bottom: 10px;
        }

    #iphone-12 .dual-camera .camera,
    #iphone-12-pro .dual-camera .camera {
        position: relative;
        display: table;
        padding-bottom: 20px;
    }

section.dual-camera.mb10 .main-img {
    height: 360px;
    position: relative;
}

    section.dual-camera.mb10 .main-img img {
        width: auto;
        height: 100%;
        position: absolute;
        transform: translate(-50%,50%);
        margin-left: 50%;
        top: -80px;
    }

#iphone-12 .dual-camera .camera img {
    display: table-cell;
    width: 55px;
    vertical-align: middle;
}

#iphone-12 .dual-camera .camera p,
#iphone-12-pro .dual-camera .camera p {
    display: table-cell;
    padding-left: 20px !important;
    font-size: 15px !important;
    width: 250px;
    vertical-align: middle;
}

#iphone-12 .video-features,
#iphone-12-pro .video-features {
    position: relative;
    display: table;
    padding-bottom: 20px;
}

#iphone-12 section.video.mb10 .main-img,
#iphone-12-pro section.video.mb10 .main-img {
    position: relative;
    top: 70px;
}

#iphone-12 .video.mb10 .wrapper,
#iphone-12-pro .video.mb10 .wrapper {
    padding: 2% 0;
    background: #c9e2ef;
}

#iphone-12 .video-features img,
#iphone-12-pro .video-features img {
    display: table-cell;
    width: 30px;
    vertical-align: middle;
}

#iphone-12 .video-features p,
#iphone-12-pro .video-features p {
    width: 320px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    font-size: 15px !important;
}

#iphone-12 section.why-iphone,
#iphone-12-pro section.why-iphone {
    position: relative;
    width: 100%;
    background: #f5f5f7 !important;
}

    #iphone-12 section.why-iphone .wrapper,
    #iphone-12-pro section.why-iphone .wrapper {
        position: relative;
        width: 70% !important;
        margin: 0 auto;
    }

        #iphone-12 section.why-iphone .wrapper .colums,
        #iphone-12-pro section.why-iphone .wrapper .colums {
            background: white;
            padding: 20px;
        }

#iphone-12 .why-iphone h1,
#iphone-12-pro .why-iphone h1 {
    position: relative;
    color: black;
    font-family: 'teleNeo-bold' !important;
    font-size: 39px;
    text-transform: none;
    line-height: 1.1;
}

#iphone-12 .why-iphone .colums.mb5,
#iphone-12-pro .why-iphone .colums.mb5 {
    position: relative;
    display: block;
}

#iphone-12 .why-iphone .col,
#iphone-12-pro .why-iphone .col {
    display: table-cell;
    width: auto;
    text-align: left;
    vertical-align: top;
    float: none;
    width: 25%;
    height: 170px;
    padding: 20px;
}

    #iphone-12 .why-iphone .col img,
    #iphone-12-pro .why-iphone .col img {
        width: auto;
        height: auto;
    }

#iphone-12 .why-iphone p strong,
#iphone-12-pro .why-iphone p strong {
    font-size: 17px;
    color: black;
}

#iphone-12 .why-iphone p,
#iphone-12-pro .why-iphone p {
    color: #6e6e73;
}

#iphone-12 .why-iphone .like-header,
#iphone-12-pro .why-iphone .like-header {
    position: relative;
    min-height: 48px;
}

#iphone-12 .why-iphone .telefoni .tel,
#iphone-12-pro .why-iphone .telefoni .tel {
    text-align: center;
    padding-bottom: 0px;
    /*border-bottom: 1px solid #d2d2d7;*/
}

    #iphone-12 .why-iphone .telefoni .tel h4,
    #iphone-12-pro .why-iphone .telefoni .tel h4 {
        text-align: center;
        color: #333;
        font-family: 'teleNeo-bold' !important;
        font-size: 22px;
        /*border-bottom: 1px solid #d2d2d7;*/
        padding-bottom: 10px;
    }

#iphone-12 .why-iphone .telefoni .col,
#iphone-12-pro .why-iphone .telefoni .col {
    width: 25% !important;
    padding: 30px !important;
}

#iphone-12 .why-iphone .telefoni .tel img:first-of-type,
#iphone-12-pro .why-iphone .telefoni .tel img:first-of-type {
    padding-top: 35px;
}

#iphone-12 .why-iphone .telefoni img.colors,
#iphone-12-pro .why-iphone .telefoni img.colors {
    height: auto !important;
    width: 100%;
    padding-top: 19px;
    display: block;
    margin: 0;
}

#iphone-12 .why-iphone .telefoni .link,
#iphone-12-pro .why-iphone .telefoni .link {
    position: relative;
    text-align: center;
    border: 1px solid #d2d2d7;
    width: 100px;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 50px;
}

    #iphone-12 .why-iphone .telefoni .link a,
    #iphone-12-pro .why-iphone .telefoni .link a {
        color: #656567;
        font-size: 16px;
        padding: 3px 15px;
    }

#iphone-12 .why-iphone .dimension,
#iphone-12-pro .why-iphone .dimension {
    text-align: center;
    min-height: 230px;
    padding-top: 40px;
}

    #iphone-12 .why-iphone .dimension P,
    #iphone-12-pro .why-iphone .dimension P {
        font-size: 33px;
        color: black !important;
        font-family: 'teleNeo-extra' !important;
        text-align: center;
        line-height: 1.2;
        padding: 0;
    }

    #iphone-12 .why-iphone .dimension span,
    #iphone-12-pro .why-iphone .dimension span {
        font-family: 'teleNeo-bold' !important;
        line-height: 1;
        font-size: 16px;
    }

#iphone-12 .why-iphone .five-g,
#iphone-12-pro .why-iphone .five-g {
    position: relative;
    text-align: center;
    min-height: 200px;
}

    #iphone-12 .why-iphone .five-g img,
    #iphone-12-pro .why-iphone .five-g img {
        width: 90px !important;
        height: auto;
    }

    #iphone-12 .why-iphone .five-g p,
    #iphone-12-pro .why-iphone .five-g p {
        color: black !important;
        font-family: 'teleNeo-bold' !important;
        line-height: 1.2;
        padding-top: 5px;
    }

#iphone-12 .why-iphone .camera,
#iphone-12-pro .why-iphone .camera {
    position: relative;
    min-height: 170px;
    text-align: center;
}

    #iphone-12 .why-iphone .camera img,
    #iphone-12-pro .why-iphone .camera img {
        width: 55px;
        height: auto;
    }

    #iphone-12 .why-iphone .camera p,
    #iphone-12-pro .why-iphone .camera p {
        color: black !important;
        font-family: 'teleNeo-bold' !important;
        line-height: 1.2;
        padding-top: 5px;
    }

#iphone-12 .why-iphone .video,
#iphone-12-pro .why-iphone .video {
    text-align: center;
    position: relative;
}

    #iphone-12 .why-iphone .video p,
    #iphone-12-pro .why-iphone .video p {
        color: black !important;
        font-family: 'teleNeo-bold' !important;
        line-height: 1.2;
        padding-top: 5px;
    }

#iphone-12 .why-iphone .zoom,
#iphone-12-pro .why-iphone .zoom {
    position: relative;
    text-align: center;
    padding-top: 20px;
}

    #iphone-12 .why-iphone .zoom img,
    #iphone-12-pro .why-iphone .zoom img {
        width: 55px !important;
    }

    #iphone-12 .why-iphone .zoom p,
    #iphone-12-pro .why-iphone .zoom p {
        color: black !important;
        font-family: 'teleNeo-bold' !important;
        line-height: 1.2;
        padding-top: 5px;
    }

#iphone-12 .why-iphone .scanner,
#iphone-12-pro .why-iphone .scanner {
    position: relative;
    min-height: 190px;
    text-align: center;
}

    #iphone-12 .why-iphone .scanner img,
    #iphone-12-pro .why-iphone .scanner img {
        width: 60px !important;
    }

    #iphone-12 .why-iphone .scanner p,
    #iphone-12-pro .why-iphone .scanner p {
        color: black !important;
        font-family: 'teleNeo-bold' !important;
        line-height: 1.2;
        padding-top: 5px;
    }

#iphone-12 .why-iphone .battery,
#iphone-12-pro .why-iphone .battery {
    position: relative;
    text-align: center;
    min-height: 100px;
}

    #iphone-12 .why-iphone .battery img,
    #iphone-12-pro .why-iphone .battery img {
        width: 70px !important;
    }

#iphone-12 .low-terms,
#iphone-12-pro .low-terms {
    background: #f5f5f7;
}

#iphone-12 .why-iphone .colums.gadgets,
#iphone-12-pro .why-iphone .colums.gadgets {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

    #iphone-12 .why-iphone .colums.gadgets .left-side,
    #iphone-12 .why-iphone .colums.gadgets .right-side,
    #iphone-12-pro .why-iphone .colums.gadgets .left-side,
    #iphone-12-pro .why-iphone .colums.gadgets .right-side {
        display: inline;
        width: 50%;
        float: left;
    }

    #iphone-12 .why-iphone .colums.gadgets .left-side,
    #iphone-12-pro .why-iphone .colums.gadgets .left-side {
        padding-right: 40px;
    }

        #iphone-12 .why-iphone .colums.gadgets .left-side p,
        #iphone-12-pro .why-iphone .colums.gadgets .left-side p {
            color: black !important;
            font-family: 'teleNeo-medium' !important;
            font-size: 19px;
        }

        #iphone-12 .why-iphone .colums.gadgets .left-side a.arrow-btn,
        #iphone-12-pro .why-iphone .colums.gadgets .left-side a.arrow-btn {
            font-family: 'teleNeo-medium' !important;
            font-size: 19px;
            position: relative;
            width: 200px;
        }

            #iphone-12 .why-iphone .colums.gadgets .left-side a.arrow-btn:after,
            #iphone-12-pro .why-iphone .colums.gadgets .left-side a.arrow-btn:after {
                content: '%';
                position: absolute;
                font-family: 'teleicon-outline' !important;
                color: #00a0de;
                height: 15px;
                width: 15px;
                right: -12px;
                top: 12px;
                transform: rotate(180deg);
            }

#iphone-12-pro .lidar-technology {
    position: relative;
    padding: 4% 0 2% 0;
}

@media(max-width: 767px) {
    #iphone-12-pro .dizajn-displej .main-content {
        padding-right: 0;
    }

    #iphone-12 .main-img, #iphone-12-pro .main-img {
        width: 100%;
        display: block;
        float: none;
    }

    #iphone-12 .main-content,
    #iphone-12-pro .main-content {
        width: 100%;
        display: block;
        float: none;
        padding-right: 0;
        min-height: 350px;
    }

        #iphone-12 .main-content a.border-btn,
        #iphone-12-pro .main-content a.border-btn {
            position: relative;
            margin-top: 20px
        }

    #iphone-12 .main-banner .main-content h1,
    #iphone-12-pro .main-banner .main-content h1 {
        font-size: 36px;
    }

    #iphone-12 .dizajn-displej .main-img,
    #iphone-12-pro .dizajn-displej .main-img {
        position: relative;
    }

    #iphone-12 section.bezichno-povrzuvanje .main-img,
    #iphone-12-pro section.bezichno-povrzuvanje .main-img {
        bottom: 0;
    }

    section.dual-camera.mb10 .main-img {
        height: 350px;
    }

        section.dual-camera.mb10 .main-img img {
            width: auto;
            height: auto;
            position: relative;
            transform: translate(0%,0%);
            margin-left: 0;
            top: 0;
        }

    #iphone-12 .dual-camera .main-content,
    #iphone-12-pro .dual-camera .main-content {
        padding-left: 0;
    }

    #iphone-12 section.why-iphone .wrapper,
    #iphone-12-pro section.why-iphone .wrapper {
        width: 100% !important;
    }

    #iphone-12 .why-iphone .col,
    #iphone-12-pro .why-iphone .col {
        display: block;
        width: auto;
        padding: 20px 0;
        height: 200px;
    }

    #iphone-12 .why-iphone .telefoni .col,
    #iphone-12-pro .why-iphone .telefoni .col {
        width: auto !important;
        height: auto !important;
    }

    #iphone-12 .why-iphone .colums.gadgets .left-side,
    #iphone-12 .why-iphone .colums.gadgets .right-side,
    #iphone-12-pro .why-iphone .colums.gadgets .left-side,
    #iphone-12-pro .why-iphone .colums.gadgets .right-side {
        display: block;
        width: 100%;
        float: none;
    }

    #iphone-12 .why-iphone .colums.gadgets .left-side,
    #iphone-12-pro .why-iphone .colums.gadgets .left-side {
        padding-right: 0;
    }

    #iphone-12 .why-iphone .colums.gadgets .right-side,
    #iphone-12-pro .why-iphone .colums.gadgets .right-side {
        padding-top: 30px;
    }

    #telefoni-carousel {
        background: white;
        padding: 0 20px;
    }

        #telefoni-carousel p {
            display: block;
        }

    #iphone-12 .why-iphone .scanner,
    #iphone-12-pro .why-iphone .scanner {
        min-height: initial;
    }

    #telefoni-carousel a.left:after {
        content: ']%';
        font-family: 'teleicon-outline';
        color: #333;
        font-size: 80px;
        top: 50%;
        position: absolute;
    }

    #telefoni-carousel a.right:after {
        content: ']%';
        font-family: 'teleicon-outline';
        color: #333;
        font-size: 80px;
        top: 50%;
        position: absolute;
        transform: rotate(180deg);
        right: 40px;
    }

    #iphone-12 .video-features p,
    #iphone-12-pro .video-features p {
        width: 250px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #iphone-12 .main-content,
    #iphone-12-pro .main-content {
        padding-right: 50px;
        padding-left: 20px;
    }

    #telefoni-carousel {
        background: white;
    }

        #telefoni-carousel p {
            display: block;
        }

    #iphone-12 .why-iphone .scanner,
    #iphone-12-pro .why-iphone .scanner {
        min-height: initial;
    }

    #telefoni-carousel a.left:after {
        content: ']%';
        font-family: 'teleicon-outline';
        color: #333;
        font-size: 80px;
        top: 50%;
        position: absolute;
    }

    #telefoni-carousel a.right:after {
        content: ']%';
        font-family: 'teleicon-outline';
        color: #333;
        font-size: 80px;
        top: 50%;
        position: absolute;
        transform: rotate(180deg);
        right: 40px;
    }

    #iphone-12 section.why-iphone .wrapper,
    #iphone-12-pro section.why-iphone .wrapper {
        width: 90%;
    }

    #iphone-12 .video-features p,
    #iphone-12-pro .video-features p {
        width: 250px;
    }
}

#iphone-12-pro {
    background: #161617;
}

    #iphone-12-pro section,
    #iphone-12-pro section .wrapper {
        background: black !important;
    }

    #iphone-12-pro h1,
    #iphone-12-pro p {
        color: #f5f5f7 !important;
    }

        #iphone-12-pro p.features {
            color: #67a7b9 !important;
            font-family: 'teleNeo-regular' !important;
        }

    #iphone-12-pro .dual-camera .camera {
        display: inline;
        float: left;
        width: 45%;
        margin-left: 20px;
    }

        #iphone-12-pro .dual-camera .camera img {
            width: 50px;
            display: block !important;
        }

        #iphone-12-pro .dual-camera .camera p {
            display: block !important;
            padding: 10px 0 !important;
            padding-right: 70px !important;
            color: #ccc !important;
        }

    #iphone-12-pro .why-iphone h1 {
        color: #333 !important;
    }

    #iphone-12-pro .why-iphone p {
        color: #6e6e73 !important;
    }

#iphone-12 section.why-iphone.sporedba {
    background: white !important;
}

    #iphone-12 section.why-iphone.sporedba .link {
        position: relative;
        border: 0;
        border-radius: 0;
        width: auto;
        border-bottom: 1px solid #ccc;
        padding-bottom: 30px;
    }

        #iphone-12 section.why-iphone.sporedba .link a {
            position: relative;
            border: 1px solid #000;
            border-radius: 50px;
            display: inline-block;
            padding: 8px 15px;
            width: 130px;
            margin: 10px 0;
            color: #000;
        }

    #iphone-12 section.why-iphone.sporedba .boja h4 {
        font-family: 'teleNeo-extra' !important;
        font-size: 20px;
    }

/*#endregion iPhone 12*/
/*#region business tarifi new*/
@media(min-width: 992px) {
    #business-tarifi-new .tab-content > .tab-pane {
        float: left;
        display: inline;
        height: auto !important;
        overflow: visible;
        opacity: 1;
        width: 180px;
        margin: 10px 9px;
        padding: 0;
    }
}

#business-tarifi-new .main-banner {
    position: relative;
    /*background-image: url(../content/images/business-tarifi-new-banner.jpg);*/
    /*background-image: url(../content/images/business-tarifi-new-banner-new.jpg);*/
    background-image: url(../content/images/banner-business-l-inner-bg.jpg);
    background-position: center;
    height: 400px;
    background-size: cover;
}

    #business-tarifi-new .main-banner.sq {
        /*background-image: url(../content/images/business-tarifi-new-banner-sq.jpg);*/
        /*background-image: url(../content/images/business-tarifi-new-banner-new-sq.jpg);*/
        background-image: url(../content/images/banner-business-l-inner-bg-sq.jpg);
    }

#business-tarifi-new .tab-content {
    position: relative;
    width: 100%;
    height: auto;
    overflow: visible;
    padding-bottom: 25px;
    display: block;
    clear: both;
    z-index: 2;
}

    #business-tarifi-new .tab-content .smart-table {
        min-height: 700px;
        border-top: 1px solid #e0e0e0;
    }

        #business-tarifi-new .tab-content .smart-table .one-t-dicklaimer-message {
            position: absolute;
            left: -90px;
        }

            #business-tarifi-new .tab-content .smart-table .one-t-dicklaimer-message:before {
                left: 45%;
            }

        #business-tarifi-new .tab-content .smart-table.smart-tariff-m {
            border: 2px solid #e20074;
            position: relative;
        }

            /*#business-tarifi-new .tab-content .smart-table.smart-tariff-l {
            border: 2px solid #e20074 !important;
        }
*/
            #business-tarifi-new .tab-content .smart-table.smart-tariff-m .tariff-title {
                color: #e20074;
            }

        #business-tarifi-new .tab-content .smart-table div {
            position: relative;
            text-align: center;
            font-size: 16px;
            padding-left: 5px;
            padding-right: 5px;
        }

#business-tarifi-new h2 {
    color: #e20074;
    text-align: center;
    font-size: 27px;
    text-transform: uppercase;
    margin: 35px 0 30px 0;
    font-family: 'teleNeo-bold' !important;
}

#business-tarifi-new .content p {
    font-size: 18px;
    line-height: 1.2;
}

#business-tarifi-new .content .bg {
    position: relative;
    padding: 50px;
    background: #e20074;
    box-shadow: 0 0 35px 7px #e200741f;
    color: white;
    margin-bottom: 40px;
    background: transparent linear-gradient( 60deg, #c80c6d 0%, #e20074 100%) 0% 0% no-repeat padding-box;
}

    #business-tarifi-new .content .bg a {
        color: white;
        text-decoration: underline;
    }

    #business-tarifi-new .content .bg .ec {
        position: absolute;
        right: 20px;
        top: -50px;
        width: 90px;
    }

    #business-tarifi-new .content .bg h3 {
        font-size: 30px;
        font-family: teleNeo-bold !important;
        padding: 0;
        margin: 0 0 30px 0;
    }

#business-tarifi-new .text {
    padding: 20px;
    position: relative;
    width: 100%;
    box-shadow: 0 0 35px 7px #00000014;
    margin: 20px auto;
    text-align: left;
}

    #business-tarifi-new .text h3 {
        font-size: 22px;
        margin: 10px 0 20px;
    }

    #business-tarifi-new .text ul {
        margin-bottom: 20px;
    }

        #business-tarifi-new .text ul li {
            font-size: 18px;
            margin-left: 10px;
        }

div#business-tarifi-new .smart-tarifa {
    background: transparent;
    text-align: center;
    padding-bottom: 15px;
}

    div#business-tarifi-new .smart-tarifa .tariff-title {
        font-size: 28px;
        color: rgba(0,0,0,0.70);
        padding: 15px 0 5px;
        display: block;
        text-align: center;
    }

div#business-tarifi-new .smart-razgovori-box {
    padding-bottom: 10px;
    min-height: 102px;
}

    div#business-tarifi-new .smart-razgovori-box .smartBoxBold {
        font-weight: 600;
        text-transform: uppercase;
    }

div#business-tarifi-new .stream-on {
    min-height: 35px !important;
}

    div#business-tarifi-new .stream-on span {
        font-weight: 600;
    }

div#business-tarifi-new .smart-internet-box {
    min-height: 55px !important;
}

    div#business-tarifi-new .smart-internet-box span {
        font-size: 18px;
    }

div#business-tarifi-new .minuti-box {
    min-height: 75px !important;
}

div#business-tarifi-new .smart-priceWraper {
    display: inline-block;
    margin: 0 auto;
    min-height: 45px;
}

    div#business-tarifi-new .smart-priceWraper .p-left-smart {
        font-size: 30px !important;
        float: left;
        text-align: left !important;
        line-height: 1.2;
    }

        div#business-tarifi-new .smart-priceWraper .p-left-smart span {
            font-size: 29px;
            width: 100%;
            margin: 0 auto;
            text-align: center;
        }

    div#business-tarifi-new .smart-priceWraper span.old-price:before {
        content: '';
        display: none;
    }

    div#business-tarifi-new .smart-priceWraper span.old-price {
        font-size: 17px !important;
    }

div#business-tarifi-new .p-right-smart {
    margin-left: 0px;
    float: left;
    padding-top: 7px;
}

    div#business-tarifi-new .p-right-smart span {
        color: #333;
        font-size: 11px !important;
    }

div#business-tarifi-new .roaming-box {
    min-height: 60px;
}

div#business-tarifi-new .internet-roaming-box {
    min-height: 65px;
}

div#business-tarifi-new .business-travel-surf {
    min-height: 60px;
}

div#business-tarifi-new .roaming-magenta {
    min-height: 80px;
}



div#business-tarifi-new .smartPanelBox.ekstra-pridobivki {
    min-height: 55px !important;
}

    div#business-tarifi-new .smartPanelBox.ekstra-pridobivki .panel-group {
        margin: 0;
    }

div#business-tarifi-new #accordion-pridobivki .panel-heading > .panel-title > a.collapsed:after,
div#business-tarifi-new #accordion-pridobivki .panel-heading > .panel-title > a:after {
    right: 0;
    top: 17px;
}

div#business-tarifi-new #accordion-pridobivki .panel-collapse div {
    text-align: left;
}

div#business-tarifi-new .collapseOne1-pridobivki.panel-collapse.collapse.in {
    min-height: 450px;
    padding: 0;
}

div#business-tarifi-new .collapseOne1-pridobivki label {
    padding-left: 22px;
}

    div#business-tarifi-new .collapseOne1-pridobivki label span.checkmark {
        height: 15px;
        width: 15px;
        top: 5px;
    }



#business-tarifi-new .povlastena-pretplata .panel-group,
#business-tarifi-new .povlastena-pretplata .panel-group .panel-default,
#business-tarifi-new .povlastena-pretplata .panel-group .panel-title {
    position: relative;
    padding: 0 !important;
    border: 0;
    box-shadow: none;
}

    #business-tarifi-new .povlastena-pretplata .panel-group * {
        padding: 0 !important;
    }

    #business-tarifi-new .povlastena-pretplata .panel-group#accordion .panel-title a {
        background: transparent !important;
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
        background-image: none !important;
    }

    #business-tarifi-new .povlastena-pretplata .panel-group .panel-title a:after {
        content: "\f3d8";
        font-family: "Ionicons";
        position: absolute;
        color: #888888;
        font-size: 15px;
        top: 3px;
        right: 0;
        margin: auto;
        transform: rotateZ( -180deg );
        transition-property: transform;
        transition-duration: .25s;
    }

    #business-tarifi-new .povlastena-pretplata .panel-group .panel-title a.collapsed:after {
        content: "\f3d0";
        font-family: "Ionicons";
        position: absolute;
        color: #888888;
        font-size: 20px;
        top: 3px;
        right: 0;
        margin: auto;
        transform: rotateZ( 0deg );
    }

    #business-tarifi-new .povlastena-pretplata .panel-group .panel-title a .povlastenaPretplataAcc {
        padding-right: 15px !important;
        text-align: center;
        line-height: 1.2;
        font-size: 15px;
    }

#business-tarifi-new .povlastena-pretplata .panel-body .one-t-dicklaimer img {
    width: 10px;
    height: 10px;
}

#business-tarifi-new .povlastena-pretplata .panel-body .one-t-dicklaimer .one-t-dicklaimer-message {
    width: 150px !important;
    bottom: 30px !important;
    left: -50px;
    position: absolute;
}

#business-tarifi-new .povlastena-pretplata .panel-body .optionName {
    width: 45%;
    display: inline;
    float: left;
    margin-right: 8px;
    font-size: 14px !important;
}

#business-tarifi-new .povlastena-pretplata .panel-body .optionPrice {
    width: 50%;
    display: inline;
    float: left;
}

    #business-tarifi-new .povlastena-pretplata .panel-body .optionPrice .p-left-smart span {
        font-size: 20px;
        font-family: 'teleNeo-regular' !important;
        font-weight: 500;
        color: #333;
        text-align: right;
    }

    #business-tarifi-new .povlastena-pretplata .panel-body .optionPrice .p-right-smart {
        margin-left: 5px !important;
    }

        #business-tarifi-new .povlastena-pretplata .panel-body .optionPrice .p-right-smart span {
            color: #333;
            font-size: 11px !important;
            text-transform: none;
        }

div#business-tarifi-new .small-text p {
    font-size: 13px;
}

#business-tarifi-new .panel-default .panel-heading {
    background-color: transparent;
}

@media(max-width: 767px) {
    ul.nav.nav-tabs.visible-xs {
        width: 100%;
        border-bottom: 0px;
        display: block !important;
        margin: 0px auto;
        position: relative;
        text-align: center;
    }

    div#business-tarifi-new .smart-priceWraper {
        display: flex;
        margin: 0 auto;
        min-height: 45px;
        width: 65%;
        justify-content: center;
        align-items: center;
        padding: 20px 0 0 0 !important;
    }

    div#business-tarifi-new ul.nav.nav-tabs.visible-xs li {
        border: 1px solid #cacaca;
        background: #f5f5f5;
        width: 20%;
        display: table-cell;
    }

        div#business-tarifi-new ul.nav.nav-tabs.visible-xs li a {
            margin-right: 0px;
            line-height: 1.2;
            border: 1px solid transparent;
            border-radius: 0;
            border-left: 0;
            border-right: 0px;
            color: #333;
            font-size: 15px;
            padding: 9px 0;
            width: 100%;
            text-align: center;
        }

        div#business-tarifi-new ul.nav.nav-tabs.visible-xs li.active a {
            color: #e20074;
        }

            div#business-tarifi-new ul.nav.nav-tabs.visible-xs li.active a:before {
                content: '';
                width: 100%;
                position: absolute;
                top: -2px;
                bottom: auto;
                height: 2px;
                background: #e20074;
                z-index: 2;
                left: 0px;
                right: 0px;
            }

    #business-tarifi-new .tab-content .smart-table .one-t-dicklaimer-message {
        left: -110px;
    }

        #business-tarifi-new .tab-content .smart-table .one-t-dicklaimer-message:before {
            left: 50%;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    ul.nav.nav-tabs.visible-xs {
        width: 42%;
        margin: 0px auto;
    }
}
/*#endregion business tarifi new*/


/*#region iRobots*/

#irobots .irobots-banner {
    background-color: #e20074;
    padding: 60px 0;
    text-align: center;
    padding-bottom: 285px;
    color: white;
    background-image: url(../content/images/iRobots/irobots-header-bcg.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

    #irobots .irobots-banner h1 {
        position: relative;
        color: white;
        font-size: 75px;
        font-family: 'teleNeo-regular' !important;
    }

        #irobots .irobots-banner h1 span {
            font-family: 'teleNeo-extra' !important;
        }

#irobots .irobots-introTxt p {
    font-size: 19px;
}

#irobots .smartHome-tabsBox {
    box-shadow: none;
}

#irobots .nav.nav-tabs {
    border-bottom: 1px solid #e5e5e5;
}

    #irobots .nav.nav-tabs li {
        width: 33.333%;
    }

        #irobots .nav.nav-tabs li a {
            min-height: 60px;
            background-color: transparent;
            color: #333;
        }

            #irobots .nav.nav-tabs li a:before {
                content: '';
                display: none;
            }

        #irobots .nav.nav-tabs li.active {
            background-color: transparent;
        }

            #irobots .nav.nav-tabs li.active a {
                border-bottom: 2px solid #e20074;
                color: #e20074 !important;
            }

#irobots .tab-content .wrapper {
    position: relative;
    padding: 2% 0 0;
}

    #irobots .tab-content .wrapper .shape {
        position: relative;
        width: 80%;
        height: 300px;
        margin: 80px auto 50px;
        z-index: 2;
        border: 0;
    }

        #irobots .tab-content .wrapper .shape h3 {
            position: relative;
            margin: 0 0 30px;
            font-size: 33px;
            z-index: 3;
            font-family: 'teleNeo-medium' !important;
        }

            #irobots .tab-content .wrapper .shape h3:before {
                content: '';
                position: absolute;
                background-image: url(../content/images/iRobots/irobot-shape.png);
                height: 160px;
                width: 130px;
                top: -60px;
                left: -4.9%;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                z-index: 0;
            }

            #irobots .tab-content .wrapper .shape h3 span {
                position: relative;
                z-index: 9;
                color: white;
            }

        #irobots .tab-content .wrapper .shape ul {
            position: relative;
            padding-left: 5%;
        }

            #irobots .tab-content .wrapper .shape ul li {
                font-size: 19px;
                margin-bottom: 15px;
            }

#irobots .wrapper .info {
    position: relative;
    border: 0;
    width: 100%;
    color: #333;
    margin: 0;
    padding: 0;
}

    #irobots .wrapper .info:after {
        position: absolute;
        content: '';
        background-image: url(../content/images/iRobots/irobot-shape-two.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 480px;
        height: 950px;
        right: 0;
        top: -330px;
        z-index: 0;
        transform: scale(1.2);
    }

    #irobots .wrapper .info .text {
        position: relative;
        width: 40%;
        display: inline-block;
        float: left;
        margin: 20px 0 20px 80px;
    }

        #irobots .wrapper .info .text h2 {
            color: #e20074;
            font-size: 40px;
            border-bottom: 1px solid #ccc;
            width: 82%;
            font-family: 'teleNeo-bold' !important;
            margin-bottom: 35px;
        }

        #irobots .wrapper .info .text p {
            font-size: 19px;
            line-height: 1.2;
            font-family: 'teleNeo-medium' !important;
        }

    #irobots .wrapper .info .img {
        position: relative;
        width: 50%;
        display: inline-block;
        float: left;
        z-index: 5;
        text-align: right;
    }

        #irobots .wrapper .info .img img {
            width: 300px;
            height: auto;
        }

#irobots .are-u-ready {
    position: relative;
    padding: 7% 0 3%;
}

    #irobots .are-u-ready h2 {
        position: relative;
        font-size: 40px;
        text-align: center;
        font-family: 'teleNeo-regular' !important;
        margin-bottom: 40px;
    }

        #irobots .are-u-ready h2 span {
            font-family: 'teleNeo-extra' !important;
            color: #e20074;
        }

    #irobots .are-u-ready .wrap {
        position: relative;
        display: block;
        overflow: hidden;
    }

        #irobots .are-u-ready .wrap .left-img {
            position: relative;
            width: 50%;
            display: inline-block;
            float: left;
            text-align: center;
        }

        #irobots .are-u-ready .wrap .right-img {
            position: relative;
            width: 50%;
            display: inline-block;
            float: left;
            text-align: center;
        }

        #irobots .are-u-ready .wrap img {
            width: 300px;
            height: auto;
        }

        #irobots .are-u-ready .wrap .right-text {
            position: relative;
            width: 50%;
            display: inline-block;
            float: left;
            padding: 3% 15% 0 0%;
        }

        #irobots .are-u-ready .wrap .left-text {
            position: relative;
            width: 50%;
            display: inline-block;
            float: left;
            padding: 3% 0% 0 15%;
            text-align: left;
        }

        #irobots .are-u-ready .wrap p {
            font-size: 19px;
            font-family: 'teleNeo-medium' !important;
        }

    #irobots .are-u-ready .link {
        position: relative;
        display: block;
        text-align: center;
        margin: 30px 0;
    }

        #irobots .are-u-ready .link a {
            margin: 0 auto;
            width: 100px;
            position: relative;
            text-transform: uppercase;
            font-size: 17px;
            border-radius: 0;
        }

#irobots .big-image-section {
    position: relative;
    background-image: url(../content/images/iRobots/irobot-shape-three-2.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 7% 0 4%;
}

    #irobots .big-image-section .img-wrap {
        position: relative;
        width: 65%;
        margin: 0 auto;
    }

        #irobots .big-image-section .img-wrap h2 {
            position: relative;
            font-family: 'teleNeo-regular' !important;
            color: white;
            font-size: 55px;
        }

            #irobots .big-image-section .img-wrap h2 span {
                font-family: 'teleNeo-extra' !important;
                color: white;
            }

#irobots .slider-wrap {
    width: 980px;
    margin: 0 auto;
    display: block;
    position: absolute;
    bottom: 100%;
    text-align: center;
    /* max-height: 440px; */
    /* display: flex; */
}


    #irobots .slider-wrap .slick-slider.slider-nav {
        width: 100%;
        background-color: transparent;
        left: 0;
    }

        #irobots .slider-wrap .slick-slider.slider-nav .item {
            position: relative;
            text-align: center;
            text-align: center;
            margin: 0 auto;
        }

            #irobots .slider-wrap .slick-slider.slider-nav .item img {
                width: 200px;
                height: auto;
            }

    #irobots .slider-wrap .slider-nav .item span {
        position: relative;
        color: white;
        font-family: 'teleNeo-medium' !important;
        font-size: 25px;
    }

    #irobots .slider-wrap .slick-slider.slider-nav .item.slick-slide {
        transform: scale(0.7) translate3d(-161px,0,0);
    }

        #irobots .slider-wrap .slick-slider.slider-nav .item.slick-slide.slick-active.slick-center {
            transform: scale(1.1) translate(-165px) !important;
        }

        #irobots .slider-wrap .slick-slider.slider-nav .item.slick-slide.slick-active + .slick-slide {
            transform: scale(0.8) translate3d(-320px, 0,0);
            /* z-index: 10; */
            /* opacity: 1; */
        }

        #irobots .slider-wrap .slick-slider.slider-nav .item.slick-slide.slick-center {
            /* margin: 0 -10%; */
            transform: scale(1);
            z-index: 30;
        }


    #irobots .slider-wrap .slick-slider.slider-nav .item.slick-active.slick-center {
        filter: none;
        transform: scale(1.05);
        transition: all ease .6s;
        /* width: 100px !important; */
    }


    #irobots .slider-wrap .slick-slider.slider-nav .item.slick-cloned,
    #irobots .slider-wrap .slick-slider.slider-nav .item.slick-active,
    #irobots .slider-wrap .slick-slider.slider-nav .item.slick-active.slick-cloned {
        -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
        filter: blur(5px);
        /* width: 130px !important; */
    }


/*mora visina zosto aos ne raboti*/
#irobots .tab-content {
    position: relative;
    width: 100%;
    height: 2450px;
}

    #irobots .tab-content .tab-pane {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }

#irobots .slider-wrap .slick-slider.slider-nav .slick-track {
    margin: 0 auto;
    left: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {
    #irobots .irobots-banner {
        padding-bottom: 235px;
    }

    #irobots .slider-wrap {
        width: 90%;
    }

        #irobots .slider-wrap .slider-nav .item span {
            font-size: 18px;
        }

    #irobots .irobots-banner h1 {
        font-size: 34px;
    }

    #irobots .nav.nav-tabs li a {
        min-height: 65px;
        font-size: 17px;
    }


    #irobots .slider-wrap .slick-slider.slider-nav .item.slick-active.slick-slide {
        opacity: 1;
    }

    #irobots .tab-content .wrapper .shape {
        height: auto !important;
    }

        #irobots .tab-content .wrapper .shape h3 {
            font-size: 29px;
        }

            #irobots .tab-content .wrapper .shape h3:before {
                content: '';
                position: absolute;
                background-image: url(../content/images/iRobots/irobot-shape.png);
                height: 150px;
                width: 110px;
                z-index: -1;
                display: block;
            }

        #irobots .tab-content .wrapper .shape ul li {
            font-size: 17px;
            margin-bottom: 10px;
        }

    #irobots .wrapper .info:after {
        content: '';
        display: none;
    }

    #irobots .wrapper .info .text {
        position: relative;
        width: 100%;
        display: inline-block;
        float: none;
        margin: 20px 0 20px 0px;
    }

        #irobots .wrapper .info .text h2 {
            font-size: 30px;
            width: 70%;
            margin-bottom: 30px;
        }

        #irobots .wrapper .info .text p {
            font-size: 17px;
        }

    #irobots .wrapper .info .img {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        z-index: 5;
        text-align: center;
    }

    #irobots .are-u-ready h2 {
        font-size: 34px;
    }

    #irobots .are-u-ready .wrap .left-img,
    #irobots .are-u-ready .wrap .right-text,
    #irobots .are-u-ready .wrap .left-text,
    #irobots .are-u-ready .wrap .right-img {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        text-align: center;
        padding: 0;
    }

    #irobots .big-image-section {
        padding: 20% 0 0%;
    }

        #irobots .big-image-section .img-wrap {
            width: 100%;
        }

            #irobots .big-image-section .img-wrap h2 {
                font-size: 40px;
            }

    #irobots .tab-content {
        height: 2690px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #irobots .slider-wrap {
        width: 100%;
    }

    #irobots .wrapper .info:after {
        position: absolute;
        content: '';
        background-image: url(../content/images/iRobots/irobot-shape-two.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 340px;
        height: 950px;
        right: 0;
        top: -330px;
        z-index: 0;
    }

    #irobots .tab-content {
        height: 2580px;
    }

    #irobots .wrapper .info .img {
        width: 47%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #irobots .wrapper .info:after {
        position: absolute;
        content: '';
        width: 470px;
    }
}
/*#endregion iRobots*/
/*#region stream on redesign landing*/

#stream-on-landing {
    overflow: hidden;
}

.stream-on-banner {
    background: rgb(226,0,116);
    background: linear-gradient(270deg, rgba(226,0,116,1) 0%, rgba(191,4,100,1) 100%);
    padding-top: 4%;
}

.stream-on-landing-intro {
    position: relative;
    overflow: hidden;
}

    .stream-on-landing-intro > img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

.stream-on-white-green {
    padding: 120px 0 110px;
    position: relative;
}

    .stream-on-white-green h2 {
        font-family: 'teleNeo-bold' !important;
        color: black;
        font-size: 34px;
        margin-bottom: 40px;
        margin-top: 10px;
    }

        .stream-on-white-green h2 span {
            font-size: 60px;
            display: block;
            font-family: 'teleNeo-extra' !important;
        }

#stream-on-landing p {
    font-size: 20px;
}

    #stream-on-landing p strong {
        font-family: 'teleNeo-extra' !important;
    }

.stream-on-banner img {
    width: 30%;
}



#stream-on-landing h3 {
    font-family: 'teleNeo-medium' !important;
    font-size: 34px;
    margin-bottom: 40px;
}

    #stream-on-landing h3 span {
        font-size: 60px;
        display: block;
        font-family: 'teleNeo-extra' !important;
        text-transform: uppercase;
    }


#stream-on-landing .stream-on-black-box h3 {
    color: white;
    width: 40%;
    /*margin-bottom: 20%;*/
    margin-bottom: 205px;
    width: 40%;
    /*padding-top: 10%;*/
    padding-top: 100px;
}

.stream-on-black-box h3 span {
    color: #e20074;
}


.stream-on-black-box {
    background: #000000;
    color: #fff;
    padding: 70px 0 0;
    position: relative;
    z-index: 10;
}

    .stream-on-black-box .container {
        position: relative;
    }

.stream-on-blackBox-magentaBox-left {
    position: absolute;
    background: #e20074;
    width: 55%;
    left: 0;
    top: 100%;
    padding: 40px 60px;
}

.stream-on-black-box-txt {
    position: relative;
}

.stream-on-blackBox-magentaBox-right {
    position: absolute;
    background: #e20074;
    width: 50%;
    right: 0;
    top: 0;
    padding: 40px 60px 90px;
}

.stream-on-activation {
    /*background: url(../content/images/stream-on/stream-on-white-green-activation.jpg) no-repeat center;*/
    background-size: cover;
    padding: 410px 0 140px;
    background: rgb(255,206,113);
    background: linear-gradient( 49deg, rgba(255,206,113,1) 0%, rgba(254,228,177,1) 51%, rgba(255,231,193,1) 100%);
}


.stream-on-activation-box {
    background: white;
    text-align: center;
    padding: 62px 20px;
    border: 1px solid transparent;
}

    .stream-on-activation-box:hover {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipInX;
        animation-name: flipInX;
    }

.stream-on-activation-txt {
    text-align: right;
}

.stream-on-activation-box.activation-box-magen {
    background-color: transparent;
    border: 1px solid #ffffff;
}

.stream-on-loop-text {
    height: 110px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    transform: translate3d(0,0,0);
    z-index: 3;
}

    .stream-on-loop-text .mover-1 {
        animation: moveSlideshow 12s linear infinite;
        background-image: url(../content/images/stream-on/stream-on-text-horizontal.png);
        height: 45px;
        width: 5100px;
    }


.stream-on-work {
    background: white;
    padding: 2% 0 7%;
    position: relative;
}


    .stream-on-work img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 40%;
    }

.stream-on-work-txt {
    width: 50%;
}

#stream-on-landing .stream-on-work-txt h3 span {
    color: #e20074;
}


.stream-on-work a {
    display: inline-block;
    padding: 15px 45px 20px;
    text-decoration: underline;
    font-size: 20px;
    color: white;
    background: #000;
    transition: 1s;
    transform: skewX(-25deg);
    margin-top: 55px;
    margin-left: 90px;
}

    .stream-on-work a:hover {
        transition: 0.5s;
        transform: skewX(0deg);
    }

.stream-on-activation_work {
    position: relative;
}

    .stream-on-activation_work .stream-on-loop-text-vertical {
        width: auto;
        max-width: 100%;
        height: 108px;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        transform: rotate(-90deg) translate(0, -100%);
        transform-origin: 100% 0;
    }


        .stream-on-activation_work .stream-on-loop-text-vertical .mover-1 {
            animation: moveSlideshow 12s linear infinite;
            background-image: url(../content/images/stream-on/stream-on-text-vertical-2.png);
            height: 108px;
            width: 5373px;
        }


.stream-on-animated {
    position: absolute;
    width: 220px;
    top: 40%;
}

    .stream-on-animated img {
        margin-top: -19px;
        filter: grayscale(1);
    }


.stream-on-white-green > img {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
}

.stream-on-white-green .container {
    position: relative;
    z-index: 1;
}

.stream-on-sodrzhini {
    background: url(../content/images/stream-on/stream-on-gray-background.png) no-repeat center;
    background-size: cover;
    background-position: left center;
    margin-top: -42px;
    color: #000000;
    padding: 130px 0 110px;
    position: relative;
    z-index: 1;
    clear: both;
}

#stream-on-landing .stream-on-sodrzhini h3 span {
    color: #ffffff;
}

.stream-on-sodrzhini-box {
    text-align: right;
}

#stream-on-landing .stream-on-sodrzhini h3 {
    margin-top: 10px;
}

#stream-on-landing .stream-on-sodrzhini h3, #stream-on-landing .stream-on-work h3 {
    font-family: 'teleNeo-bold' !important;
    text-transform: uppercase;
}

.stream-on-magenBox {
    background-size: contain;
    padding: 59px 20px;
    text-align: center;
}

    .stream-on-magenBox.stream-on-magenBox-1 {
        background: url(../content/images/stream-on/stream-on-magenta-box-1.png) no-repeat center;
    }

    .stream-on-magenBox.stream-on-magenBox-2 {
        background: url(../content/images/stream-on/stream-on-magenta-box-2.png) no-repeat center;
    }

    .stream-on-magenBox.stream-on-magenBox-3 {
        background: url(../content/images/stream-on/stream-on-magenta-box-3.png) no-repeat center;
    }

    .stream-on-magenBox.stream-on-magenBox-4 {
        background: url(../content/images/stream-on/stream-on-magenta-box-4.png) no-repeat center;
    }


.stream-on-white-green .row:first-of-type,
.stream-on-white-green .row:nth-child(2) {
    margin-bottom: 70px;
}


@media (min-width:1400px) and (max-width:1599px) {

    .stream-on-animated {
        width: 200px;
        left: -51px;
    }

        .stream-on-animated img {
            margin-top: -19px;
        }
}

/*@media (min-width:1600px) {
    #m1-business-new .main-banner {
        height: 800px;
    }
}*/
@media (min-width:1300px) and (max-width:1399px) {

    .stream-on-animated {
        width: 191px;
        left: -96px;
    }
}

@media (min-width:1199px) and (max-width:1399px) {


    .stream-on-activation_work .stream-on-loop-text-vertical {
        height: 79px;
    }

        .stream-on-activation_work .stream-on-loop-text-vertical .mover-1 {
            height: 79px;
            background-size: 20%;
        }
}


@media (max-width:1199px) {

    .stream-on-white-green > img {
        display: none;
    }

    .stream-on-white-green {
        background: url(../content/images/stream-on/stream-on-white-green-mob.jpg) no-repeat center;
        background-size: cover;
    }

    .stream-on-activation_work .stream-on-loop-text-vertical {
        display: none;
    }
}


@media (max-width:1299px) {

    .stream-on-animated {
        width: 190px;
        top: 60%;
        bottom: auto;
        left: 20px;
    }

        .stream-on-animated > img:nth-of-type(2), .stream-on-animated > img:nth-of-type(3) {
            display: none;
        }
}

@media (min-width:992px) and (max-width:1199px) {

    .stream-on-activation_work .stream-on-loop-text-vertical .mover-1 {
        height: 68px;
        background-size: 17%;
    }

    .stream-on-activation_work .stream-on-loop-text-vertical {
        height: 68px;
    }

    #stream-on-landing .stream-on-black-box h3 {
        margin-bottom: 265px;
    }
}


@media (max-width:991px) {



    .stream-on-activation .pr0 {
        padding-right: 0px !important;
    }

    .stream-on-activation .pl0 {
        padding-left: 0px !important;
    }


    #stream-on-landing p {
        font-size: 18px;
    }

    .stream-on-landing-intro > img {
        z-index: 0;
    }
}


@media (min-width:768px) and (max-width:991px) {

    .stream-on-white-green {
        padding: 80px 0 70px;
    }

        .stream-on-white-green h2 span, #stream-on-landing h3 span {
            font-size: 50px;
        }

        .stream-on-white-green h2, #stream-on-landing h3 {
            font-size: 29px;
        }

    .stream-on-blackBox-magentaBox-right {
        padding: 20px 30px 40px;
    }

    .stream-on-blackBox-magentaBox-left {
        padding: 30px;
        width: 52%;
    }

    #stream-on-landing .stream-on-black-box h3, .stream-on-moreInfo-txt {
        padding-left: 30px;
    }

    .stream-on-activation-box {
        padding: 27px 20px;
    }

    .stream-on-activation_work .stream-on-loop-text-vertical {
        display: none;
    }

    .stream-on-activation {
        padding: 330px 0 100px;
    }

    .stream-on-black-box {
        padding: 40px 0 0;
    }

    .stream-on-work-txt {
        width: 80%;
    }

    .stream-on-work {
        padding: 2% 0 100px;
    }

        .stream-on-work a {
            margin-left: 60px;
        }

    .stream-on-magenBox {
        padding: 39px 20px;
    }

    .stream-on-sodrzhini {
        padding: 100px 0;
    }
}


@media (max-width:767px) {


    #stream-on-landing .stream-on-black-box h3 {
        margin-bottom: 30px;
        width: 90%;
        padding-top: 0px;
    }

    .stream-on-loop-text {
        height: 80px;
    }

    .stream-on-blackBox-magentaBox-right {
        position: relative;
        width: 100%;
        padding: 20px 25px 20px;
    }

    .stream-on-blackBox-magentaBox-left {
        position: relative;
        width: 100%;
        padding: 20px 25px 20px;
        margin: 20px 0 55px;
    }

    .stream-on-white-green h2 span, #stream-on-landing h3 span {
        font-size: 40px;
    }

    .stream-on-white-green h2, #stream-on-landing h3 {
        font-size: 27px;
    }

    .stream-on-activation_work .stream-on-loop-text-vertical .mover-1 {
        height: 79px;
        background-size: 20%;
    }

    .stream-on-activation_work .stream-on-loop-text-vertical {
        height: 79px;
        transform: none;
        display: block;
    }

    .stream-on-activation {
        padding: 140px 0 100px;
    }

    .stream-on-activation-box {
        padding: 46px 20px;
    }

    .stream-on-activation-txt {
        margin-top: 50px;
    }

    .stream-on-work-txt h3 {
        margin-top: 0;
    }

    .stream-on-work-txt {
        width: 95%;
    }

    .stream-on-work a {
        padding: 20px 25px 20px;
        font-size: 18px;
        margin-top: 25px;
        margin-left: 15px;
    }

    .stream-on-black-box {
        padding: 25px 0 0;
    }

    .stream-on-work img {
        position: relative;
        width: 70%;
        float: right;
        margin-top: 30px;
    }

    .stream-on-white-green {
        padding: 25px 0 90px;
    }

    .stream-on-sodrzhini {
        padding: 45px 0;
        background: #c4c6c5;
    }

    .stream-on-sodrzhini-box {
        text-align: left;
    }

    #stream-on-landing h3 {
        margin-bottom: 25px;
    }

    .stream-on-magenBox {
        padding: 35px 20px;
        margin-bottom: 25px;
    }

    .stream-on-white-green h2 {
        margin-bottom: 25px;
    }

    .stream-on-animated {
        top: auto;
        bottom: 20px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 150px;
    }

    .stream-on-white-green .row:first-of-type {
        margin-bottom: 40px;
    }
}



/*#endregion stream on redesign landing*/


/*#region speak out redesign landing*/
.speak-out-banner {
    background: rgb(181,184,183);
    background: linear-gradient(90deg, rgba(181,184,183,1) 0%, rgba(215,215,214,1) 100%);
    background-size: cover;
    padding-top: 4%;
    position: relative;
}

    .speak-out-banner:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 0px solid transparent;
        border-right: 50px solid transparent;
        border-top: 60px solid #cecfce;
        position: absolute;
        bottom: -60px;
        right: 20%;
        z-index: 3;
    }

.speak-out-landing-intro {
    position: relative;
    overflow: hidden;
}

    .speak-out-landing-intro > img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }

.speak-out-magenta {
    background: #e20074;
    padding: 120px 0 0px;
    position: relative;
}

.speak-out-moreInfo-txt {
    background: white;
    padding: 40px 40px 100px;
}

    .speak-out-moreInfo-txt h3 {
        font-size: 29px;
    }

    .speak-out-moreInfo-txt:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: #e20074;
        width: 100px;
        height: 80px;
    }

    .speak-out-moreInfo-txt:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #e20074;
        width: 100px;
        height: 80px;
    }

.speak-out-socialIcon-box.speak-out-transparent-box {
    border: 1px solid white;
}

.speak-out-socialIcon-box.speak-out-white-box {
    background: white;
    box-shadow: inset 1px 1px 24px -5px #C4C4C4;
    -webkit-box-shadow: inset 1px 1px 24px -5px #C4C4C4;
    -moz-box-shadow: inset 1px 1px 24px -5px #C4C4C4;
    -o-box-shadow: inset 1px 1px 24px -5px #C4C4C4;
}

.speak-out-social-box {
    display: table;
    width: 100%;
    margin-top: 80px;
}

.speak-out-social-row {
    display: table-row;
}

.speak-out-socialIcon-box {
    display: table-cell;
    width: 33.3333%;
    text-align: center;
    padding: 40px;
}

.speak-out-magenta h2 {
    font-family: 'teleNeo-bold' !important;
    color: black;
    font-size: 34px;
    margin-bottom: 40px;
    margin-top: 10px;
}

    .speak-out-magenta h2 span {
        font-size: 60px;
        display: block;
        font-family: 'teleNeo-extra' !important;
        color: #e20074;
        line-height: 55px;
    }

#speak-out-landing p {
    font-size: 19px;
}

    #speak-out-landing p strong {
        font-family: 'teleNeo-extra' !important;
    }

.speak-out-banner > img {
    width: 42%;
    padding-left: 8%;
}


#speak-out-landing h3 {
    font-family: 'teleNeo-medium' !important;
    font-size: 34px;
    margin-bottom: 40px;
}

    #speak-out-landing h3 span {
        font-size: 60px;
        display: block;
        font-family: 'teleNeo-extra' !important;
        text-transform: uppercase;
    }

.speak-out-blackBox-magentaBox-left p {
    width: 44%;
    color: white;
}

.speak-out-black-box:before {
    content: '';
    width: 0;
    height: 0;
    border-right: 0px solid transparent;
    border-left: 40px solid transparent;
    border-top: 30px solid #e20074;
    position: absolute;
    top: 0;
    left: 33%;
    z-index: 9;
}

#speak-out-landing .speak-out-black-box h3 {
    color: white;
    width: 40%;
    margin-bottom: 205px;
    width: 40%;
    padding-top: 100px;
}

.speak-out-black-box h3 span {
    color: #e20074;
}


.speak-out-black-box {
    background: #000000;
    color: #fff;
    padding: 70px 0 0;
    position: relative;
    z-index: 10;
}

    .speak-out-black-box .container {
        position: relative;
    }

.speak-out-blackBox-magentaBox-left {
    position: relative;
    background: #e20074;
    padding: 60px 0 60px 70px;
    margin-bottom: 100px;
}

.speak-out-black-box-txt {
    position: relative;
}

.speak-out-blackBox-magentaBox-right {
    position: absolute;
    background: #e20074;
    width: 50%;
    right: 0;
    top: 30px;
    padding: 40px 40px 20px;
}

.speak-out-blackBox-magentaBox-left img {
    position: absolute;
    top: 26%;
    right: 0;
    z-index: 10;
    width: 65%;
}

.speak-out-activation {
    /*background: url(../content/images/speak-out/speak-out-gradient-activation.jpg) no-repeat center;*/
    background-size: cover;
    background-position: bottom center;
    padding: 0 0 250px;
    background: rgb(255,206,113);
    background: linear-gradient( 49deg, rgba(255,206,113,1) 0%, rgba(254,228,177,1) 51%, rgba(255,231,193,1) 100%);
}

.speak-out-activation-box:hover {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

.speak-out-activation-box {
    background: white;
    text-align: center;
    padding: 62px 20px;
    border: 1px solid transparent;
}

.speak-out-activation-txt {
    text-align: right;
    color: #000000;
}

.speak-out-activation-box.activation-box-magen {
    background-color: transparent;
    border: 1px solid #ffffff;
}

.speak-out-loop-text {
    height: 110px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    transform: translate3d(0,0,0);
    z-index: 3;
    margin-top: 40px;
}

    .speak-out-loop-text .mover-1 {
        animation: moveSlideshow 12s linear infinite;
        background-image: url(../content/images/speak-out/speak-out-text-horizontal.png);
        height: 49px;
        width: 5400px;
    }

    .speak-out-loop-text.sq .mover-1 {
        animation: moveSlideshow 12s linear infinite;
        background-image: url(../content/images/speak-out/speak-out-text-horizontal-sq.png);
        height: 49px;
        width: 5400px;
    }

.speak-out-work {
    background: white;
    padding: 0 0 7%;
    position: relative;
}


    .speak-out-work img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 40%;
    }

.speak-out-work-txt {
    width: 50%;
}

#speak-out-landing .speak-out-work-txt h3 span {
    color: #e20074;
}


.speak-out-work a {
    display: inline-block;
    padding: 15px 45px 20px;
    text-decoration: underline;
    font-size: 20px;
    color: white;
    background: #000;
    transition: 1s;
    transform: skewX(-25deg);
    margin-top: 55px;
    margin-left: 90px;
}

    .speak-out-work a:hover {
        transition: 0.5s;
        transform: skewX(0deg);
    }


.speak-out-activation_work {
    position: relative;
    overflow-y: hidden;
}

    .speak-out-activation_work .speak-out-loop-text-vertical {
        width: auto;
        max-width: 100%;
        height: 108px;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        transform: rotate(-90deg) translate(0, -100%);
        transform-origin: 100% 0;
    }


        .speak-out-activation_work .speak-out-loop-text-vertical .mover-1 {
            animation: moveSlideshow 12s linear infinite;
            background-image: url(../content/images/speak-out/speak-out-text-vertical-2.png);
            height: 108px;
            width: 5373px;
        }


.speak-out-animated {
    position: absolute;
    width: 220px;
    top: 40%;
    z-index: 10;
}

    .speak-out-animated img {
        margin-top: -19px;
        filter: grayscale(1);
    }


.speak-out-magenta > img {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
}

.speak-out-magenta .container {
    position: relative;
    z-index: 1;
}


.speak-out-magenta .row:first-of-type {
    margin-bottom: 70px;
}

.speak-out-work h3 {
    margin-top: 0;
}

.speak-out-video-box {
    position: absolute;
    top: 41%;
    z-index: 10;
    width: 15%;
}

.speak-out-video-box-img {
    position: relative;
    background: #000000;
}

.speak-out-video-box a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.speak-out-video-box-img img:first-of-type {
    width: 90%;
    padding: 35px 0px 25px 0;
}

.speak-out-video-box-img img:nth-of-type(2) {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 25%;
    -moz-animation: zoom ease-in-out 2s forwards;
    -webkit-animation: zoom ease-in-out 2s forwards;
    animation: zoomIn ease-in-out 1.2s forwards;
    transform-origin: center;
    animation-iteration-count: 1;
    /*transform: scale(.85);*/
    transition: transform .2s;
}

    .speak-out-video-box-img img:nth-of-type(2):hover {
        transform: scale(1.05);
    }

#speak-out-Modals .modal-dialog {
    width: 80%;
    margin: 30px auto;
    text-align: center;
}

    #speak-out-Modals .modal-dialog .modal-header .close {
        position: absolute;
        top: 18px;
        right: 5px;
        background: #000000;
        border-radius: 0;
        opacity: 1;
        width: 21px;
        height: 21px;
    }

        #speak-out-Modals .modal-dialog .modal-header .close > span {
            color: white;
            text-shadow: none !important;
            font-weight: normal;
            font-size: 20px;
            margin-top: -5px;
            display: block;
            font-family: 'teleicon-outline' !important;
        }

    #speak-out-Modals .modal-dialog .modal-header {
        border-bottom: none;
    }

.speak-out-modal-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

    .speak-out-modal-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#speak-out-Modals .modal-content {
    background: #000000;
}


@media (min-width:1400px) and (max-width:1599px) {

    .speak-out-animated {
        width: 200px;
        left: -51px;
    }

        .speak-out-animated img {
            margin-top: -19px;
        }
}


@media (min-width:1300px) and (max-width:1399px) {

    .speak-out-animated {
        width: 191px;
        left: -96px;
    }
}

@media (min-width:1199px) and (max-width:1399px) {


    .speak-out-activation_work .speak-out-loop-text-vertical {
        height: 79px;
    }

        .speak-out-activation_work .speak-out-loop-text-vertical .mover-1 {
            height: 79px;
            background-size: 20%;
        }
}


@media (max-width:1199px) {

    .speak-out-magenta > img {
        display: none;
    }

    .speak-out-activation_work .speak-out-loop-text-vertical {
        display: none;
    }
}


@media (max-width:1299px) {


    .speak-out-animated {
        width: 190px;
        top: auto;
        bottom: 18%;
        right: 16%;
    }

        .speak-out-animated > img:nth-of-type(2), .speak-out-animated > img:nth-of-type(3) {
            display: none;
        }
}

@media (min-width:992px) and (max-width:1199px) {

    .speak-out-activation_work .speak-out-loop-text-vertical .mover-1 {
        height: 68px;
        background-size: 17%;
    }

    .speak-out-activation_work .speak-out-loop-text-vertical {
        height: 68px;
    }

    #speak-out-landing .speak-out-black-box h3 {
        margin-bottom: 265px;
    }
}


@media (max-width:991px) {



    .speak-out-activation .pr0 {
        padding-right: 0px !important;
    }

    .speak-out-activation .pl0 {
        padding-left: 0px !important;
    }


    #speak-out-landing p {
        font-size: 18px;
    }
}


@media (min-width:768px) and (max-width:991px) {

    .speak-out-magenta {
        padding: 80px 0 0;
    }

        .speak-out-magenta h2 span, #speak-out-landing h3 span {
            font-size: 50px;
        }

        .speak-out-magenta h2, #speak-out-landing h3 {
            font-size: 29px;
        }

    .speak-out-blackBox-magentaBox-right {
        padding: 20px 30px 40px;
    }

    .speak-out-blackBox-magentaBox-left img {
        top: 43%;
        width: 70%;
    }

    .speak-out-blackBox-magentaBox-left {
        padding: 110px 0 30px 30px;
    }

    #speak-out-landing .speak-out-black-box h3, .speak-out-moreInfo-txt {
        padding-left: 30px;
    }

    .speak-out-activation-box {
        padding: 27px 20px;
    }

    .speak-out-activation_work .speak-out-loop-text-vertical {
        display: none;
    }

    .speak-out-activation {
        padding: 330px 0 100px;
    }

    .speak-out-black-box {
        padding: 40px 0 0;
    }

    .speak-out-work-txt {
        width: 80%;
    }

    .speak-out-work {
        padding: 0 0 100px;
    }

        .speak-out-work a {
            margin-left: 35px;
        }

    .speak-out-magenta .row:first-of-type {
        margin-bottom: 10px;
    }

    .speak-out-activation {
        background-position: bottom right 25%;
        padding: 0 0 140px;
    }

    .speak-out-magenta .pr0 {
        padding-right: 0px !important;
    }

    .speak-out-animated {
        bottom: 30%;
        right: 14%;
    }

    .speak-out-video-box-img img:nth-of-type(2) {
        width: 28%;
    }
}


@media (max-width:767px) {
    #speak-out-landing .speak-out-black-box h3 {
        margin-bottom: 30px;
        width: 90%;
        padding-top: 0px;
    }

    .speak-out-loop-text {
        height: 80px;
        margin-top: 20px;
    }

    .speak-out-moreInfo-txt:after, .speak-out-moreInfo-txt:before {
        display: none;
    }

    .speak-out-moreInfo-txt {
        padding: 20px 20px 30px;
    }

    .speak-out-social-box {
        margin-top: 40px;
    }

    .speak-out-blackBox-magentaBox-right {
        position: relative;
        width: 100%;
        padding: 20px 25px 10px;
        top: 0;
    }

    .speak-out-blackBox-magentaBox-left {
        position: relative;
        width: 100%;
        padding: 0 25px 120px;
        margin: 0 0 40px;
        overflow: hidden;
    }

        .speak-out-blackBox-magentaBox-left img {
            top: 60%;
            width: 100%;
        }


    .speak-out-magenta h2 span, #speak-out-landing h3 span {
        font-size: 38px;
        line-height: 1;
    }

    .speak-out-magenta h2, #speak-out-landing h3 {
        font-size: 27px;
    }

    .speak-out-activation_work .speak-out-loop-text-vertical .mover-1 {
        height: 79px;
        background-size: 50%;
    }

    .speak-out-activation_work .speak-out-loop-text-vertical {
        height: 79px;
        transform: none;
        display: block;
        position: relative;
        margin-bottom: 40px;
        margin-top: 5px;
    }

    .speak-out-activation {
        padding: 0 0 40px;
        /*background: rgb(149,206,165);
        background: linear-gradient(90deg, rgba(149,206,165,1) 0%, rgba(107,201,185,1) 100%);*/
        background: rgb(255,206,113);
        background: linear-gradient( 49deg, rgba(255,206,113,1) 0%, rgba(254,228,177,1) 51%, rgba(255,231,193,1) 100%);
    }

    .speak-out-activation-box {
        padding: 46px 20px;
    }

    .speak-out-activation-txt {
        margin-top: 50px;
    }

    .speak-out-work-txt h3 {
        margin-top: 0;
    }

    .speak-out-work-txt {
        width: 95%;
    }

    .speak-out-work a {
        padding: 20px 25px 20px;
        font-size: 18px;
        margin-top: 25px;
        margin-left: 15px;
    }

    .speak-out-black-box {
        padding: 25px 0 0;
    }

    .speak-out-work img {
        position: relative;
        width: 70%;
        float: right;
        margin-top: 30px;
    }

    .speak-out-magenta {
        padding: 25px 0 40px;
    }

    .speak-out-blackBox-magentaBox-left p {
        width: 100%;
    }

    #speak-out-landing h3 {
        margin-bottom: 25px;
    }

    .speak-out-magenta h2 {
        margin-bottom: 25px;
    }

    .speak-out-animated {
        bottom: 20px;
        left: 0;
        right: 0;
        position: relative;
        margin: 0 auto;
        top: 15px;
        width: 150px;
    }

    .speak-out-magenta .row:first-of-type {
        margin-bottom: 40px;
    }

    .speak-out-video-box-img img:first-of-type {
        display: none;
    }

    .speak-out-video-box-img img:nth-of-type(2) {
        position: relative;
        right: auto;
        bottom: auto;
        width: auto;
    }

    .speak-out-video-box-img {
        padding: 8px;
    }

    .speak-out-video-box {
        width: 55px;
    }

    #speak-out-Modals .modal-dialog {
        width: 95%;
    }

    .speak-out-banner > img {
        width: 48%;
        padding-left: 2%;
    }
}

/*#endregion speak out redesign landing*/

/*#region dopolnuvanje-smetka*/
.tarifi-dopolnuvanje-smetka {
    background-image: url(/content/images/dopolnuvanje-smetka-full-banner-2.jpg);
    position: relative;
    height: 375px;
    background-size: cover;
    background-position: center;
}

div#dopolnuvanje-smetka h2 {
    font-size: 27px;
    text-transform: uppercase;
}

div#dopolnuvanje-smetka h3 {
    position: relative;
    font-size: 21px;
    color: #e20074;
    font-family: 'teleNeo-bold' !important;
    margin-bottom: 25px;
}

div#dopolnuvanje-smetka a.btn-collapse {
    position: relative;
    display: block;
    overflow: hidden;
    background: #eee;
    margin-bottom: 10px;
    border-bottom: 1px solid #e20074;
    width: 80%;
    padding: 0 10px;
}

    div#dopolnuvanje-smetka a.btn-collapse.collapsed:after {
        content: ']$';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 18px;
        top: 12px;
        right: 10px;
        margin: auto;
        transform: rotateZ( 0deg );
        transition-property: transform;
        transition-duration: .25s;
        z-index: 9;
        width: 15px;
        height: 15px;
    }

    div#dopolnuvanje-smetka a.btn-collapse:after {
        content: ']$';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 18px;
        top: 12px;
        right: 10px;
        margin: auto;
        transform: rotateZ( -180deg );
        transition-property: transform;
        transition-duration: .25s;
        z-index: 9;
        width: 15px;
        height: 15px;
    }

    div#dopolnuvanje-smetka a.btn-collapse:hover,
    div#dopolnuvanje-smetka a.btn-collapse:focus {
        text-decoration: none;
    }

div#dopolnuvanje-smetka .btn-wrapper {
    position: relative;
    width: 150px;
    margin: 30px auto;
    display: block;
}

    div#dopolnuvanje-smetka .btn-wrapper a {
        border-radius: 0;
        padding: 15px 20px;
        font-size: 19px;
        transition: all ease .3s;
    }

        div#dopolnuvanje-smetka .btn-wrapper a:hover {
            transition: all ease .3s;
            border: 0;
        }

@media(max-width: 767px) {
    div #dopolnuvanje-smetka a.btn-collapse {
        width: 100%;
        padding: 0 10px;
    }

        div#dopolnuvanje-smetka a.btn-collapse p {
            padding-right: 15px;
        }
}

/*#endregion dopolnuvanje smetka*/
/*#region iphone 12 sporedba*/
#iphone-12 section.why-iphone.sporedba .col div {
    text-align: left;
    margin-bottom: 10px;
    min-height: 200px;
    margin-bottom: 15px;
    position: relative;
}

    #iphone-12 section.why-iphone.sporedba .col div.link {
        text-align: center !important;
        min-height: 50px !important;
        border: 0;
        margin-top: 30px;
        padding-bottom: 0;
    }

    #iphone-12 section.why-iphone.sporedba .col div.boja {
        min-height: 100px !important;
    }

    #iphone-12 section.why-iphone.sporedba .col div.link {
        text-align: center !important;
    }


    #iphone-12 section.why-iphone.sporedba .col div p {
        color: black !important;
        font-family: 'teleNeo-bold' !important;
        line-height: 1.2;
        padding-top: 5px;
        font-size: 17px;
    }

#iphone-12 section.why-iphone.sporedba .col .border-top {
    border-top: 1px solid #ccc;
}

#iphone-12 section.why-iphone.sporedba .col h4 {
    font-family: teleNeo-extra !important;
    font-size: 27px;
    position: absolute;
    top: -70px;
    width: 550px;
    text-align: left;
}

#iphone-12 section.why-iphone.sporedba .kamera.border-top {
    min-height: 530px !important;
}

#iphone-12 section.why-iphone.sporedba .videozapis.border-top {
    min-height: 580px !important;
}

#iphone-12 section.why-iphone.sporedba .predna-kamera.border-top {
    min-height: 710px !important;
}

#iphone-12 section.why-iphone.sporedba .mreza.border-top {
    min-height: 360px !important;
}

#iphone-12 section.why-iphone.sporedba .baterija.border-top {
    min-height: 420px !important;
}

@media (max-width: 767px) {
    #iphone-12 section.why-iphone.sporedba .col h4 {
        position: relative;
        text-align: center;
        top: 0;
        width: auto;
    }

    #iphone-12 section.why-iphone.sporedba .col .border-top {
        border: 0;
    }

    #iphone-12 section.why-iphone.sporedba .col div {
        text-align: center !important;
    }

    #iphone-12 section.why-iphone.sporedba .kamera.border-top,
    #iphone-12 section.why-iphone.sporedba .videozapis.border-top,
    #iphone-12 section.why-iphone.sporedba .predna-kamera.border-top,
    #iphone-12 section.why-iphone.sporedba .mreza.border-top,
    #iphone-12 section.why-iphone.sporedba .mreza.border-top,
    #iphone-12 section.why-iphone.sporedba .baterija.border-top {
        min-height: initial !important;
    }

    #iphone-12 section.why-iphone.sporedba #telefoni-carousel .carousel-control {
        position: fixed;
    }

    #iphone-12 section.why-iphone.sporedba #telefoni-carousel a.left::after {
        font-size: 60px;
        left: 0;
    }

    #iphone-12 section.why-iphone.sporedba #telefoni-carousel a.right:after {
        font-size: 60px;
        right: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #iphone-12 section.why-iphone.sporedba .col h4 {
        position: relative;
        text-align: center;
        top: 0;
        width: auto;
    }

    #iphone-12 section.why-iphone.sporedba #telefoni-carousel .carousel-control {
        position: fixed;
        z-index: 3;
    }

    #iphone-12 section.why-iphone.sporedba .col .border-top {
        border: 0 !important;
    }

    #iphone-12 section.why-iphone.sporedba .col div {
        text-align: center !important;
    }
}
/*#endregion iphone 12 sporedba*/
/*#region smart-start*/
@keyframes fadein {
    0% {
        opacity: 0;
    }

    66% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    66% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes slide {
    100% {
        right: 0;
    }
}

@keyframes slide {
    100% {
        right: 0;
    }
}

html {
    scroll-behavior: smooth;
}

#smart-start section.main-image {
    position: relative;
    background-image: url(../content/images/smart-start/SmartStart-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 900px;
    padding: 4% 0;
}

    #smart-start section.main-image img.absolute-img {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 0;
    }

    #smart-start section.main-image .container img {
        position: relative;
        z-index: 2;
    }


    #smart-start section.main-image img.absolute-img {
        animation-name: slidingstep1;
        animation-duration: 2s;
        animation-iteration-count: 1;
        animation-direction: normal;
        animation-timing-function: ease-out;
        animation-fill-mode: forwards;
    }

    #smart-start section.main-image.container div.bounce {
        animation-name: bounce;
        animation-duration: 3s;
        top: -70px;
        position: relative;
    }

    #smart-start section.main-image .container {
        position: relative;
        height: 100%;
    }

    #smart-start section.main-image .wrapper {
        position: absolute;
        bottom: -20px;
        width: 100%;
        height: 270px;
    }

        #smart-start section.main-image .wrapper div {
            position: absolute;
            width: 45%;
            display: inline-block;
            float: left;
        }

        #smart-start section.main-image .wrapper .left-box {
            left: 0;
            padding: 30px;
        }

            #smart-start section.main-image .wrapper .left-box h3 {
                color: white;
                font-size: 30px;
                font-family: 'teleNeo-regular' !important;
            }

                #smart-start section.main-image .wrapper .left-box h3 span {
                    font-family: 'teleNeo-extra' !important;
                    display: block;
                }

        #smart-start section.main-image .wrapper .right-box {
            background: white;
            padding: 10px 30px;
            border-radius: 30px;
            border-top-left-radius: 0;
            right: 0;
        }

            #smart-start section.main-image .wrapper .right-box p {
                font-size: 18px;
                font-family: teleNeo-bold !important;
                line-height: 1.2 !important;
            }

#smart-start section.questions {
    position: relative;
    padding: 4% 0;
}

    #smart-start section.questions #smart-questions {
        position: relative;
        z-index: 2;
        margin-top: 70px;
    }

        #smart-start section.questions #smart-questions:after {
            content: '';
            background-image: url(../content/images/smart-start/arrow-trans.png);
            width: 490px;
            height: 270px;
            position: absolute;
            top: 0;
            right: 9%;
            background-size: contain;
            background-repeat: no-repeat;
            z-index: -1;
        }

    #smart-start section.questions .question-wrap {
        z-index: 2;
        margin-bottom: 10px;
    }

        #smart-start section.questions .question-wrap a {
            background: #F1F1F1;
            color: #333;
            font-family: 'teleNeo-medium' !important;
            font-size: 18px;
            border-radius: 13px;
            border-top-left-radius: 0;
            position: relative;
            border: 0;
            outline: none;
            padding: 12px 25px;
            border: 0;
            outline: none;
        }

        #smart-start section.questions .question-wrap .box .box-inner a {
            color: white !important;
            background: transparent !important;
            text-decoration: underline;
            padding: 0;
        }

            #smart-start section.questions .question-wrap .box .box-inner a:after {
                content: '';
                display: none;
            }

        #smart-start section.questions .question-wrap a.active {
            outline: none;
            border: none;
            border-color: transparent;
        }

    #smart-start section.questions a:after {
        position: absolute;
        content: '';
        background-image: url(../content/images/smart-start/arrow-accord.png);
        background-position: center;
        background-size: contain;
        top: 18px;
        right: -35px;
        display: block;
        width: 15px;
        height: 15px;
        background-repeat: no-repeat;
        filter: grayscale(1);
        transition: all ease-in .5s;
    }

    #smart-start section.questions .box.active ~ a:after {
        transform: rotate( 180deg);
    }

    #smart-start section.questions .box.active ~ a.btn {
        background: #e20074;
        color: white;
    }

        #smart-start section.questions .box.active ~ a.btn:after {
            filter: grayscale(0);
            transition: all ease-in .7s;
        }

    #smart-start section.questions .question-wrap a:hover,
    #smart-start section.questions .question-wrap a:focus {
        background: #e20074;
        color: white;
        border: 0;
        outline: none;
    }

    #smart-start section.questions .question-wrap a:visited {
        outline: none;
        border: 0;
    }

    #smart-start section.questions h2 {
        position: relative;
        color: #e20074;
        font-family: 'teleNeo-extra' !important;
        font-size: 40px;
        text-transform: uppercase;
    }

    #smart-start section.questions p {
        position: relative;
        font-size: 19px;
        line-height: 1.2;
        padding-right: 23%;
        font-family: 'teleNeo-bold' !important;
    }

    #smart-start section.questions .box-inner p {
        font-size: 17px;
        line-height: 21px;
        font-family: 'teleNeo-regular' !important;
    }

    #smart-start section.questions .box-inner ul li {
        font-size: 16px;
        line-height: 20px;
    }

    #smart-start section.questions .arrow {
        position: absolute;
        top: -50px;
        width: 440px;
        right: 0;
    }

    #smart-start section.questions .box {
        background: #e20074;
        color: white;
        position: absolute;
        width: auto;
        border-radius: 15px;
        border-top-right-radius: 0;
        box-shadow: -7px 7px 25px 0px rgba(155, 162, 165, 0.56);
        opacity: 0;
        right: -650px;
        top: 10%;
    }


        #smart-start section.questions .box.active {
            opacity: 1;
            -webkit-animation: slide 0.5s forwards;
            -webkit-animation-delay: 2s;
            animation: slide 0.5s forwards;
        }

    #smart-start section.questions .box-inner {
        width: 400px;
        padding: 25px;
        font-size: 16px;
        line-height: 21;
    }

#smart-start section.how-to-start {
    position: relative;
    padding: 4% 0;
    background-image: url('../content/images/smart-start/projects-bg.png');
    background-size: cover;
    height: auto;
    color: white;
    text-align: center;
}

    #smart-start section.how-to-start h2 {
        position: relative;
        font-size: 44px;
        font-family: 'teleNeo-extra' !important;
    }

    #smart-start section.how-to-start p {
        font-size: 19px;
        padding: 0 55px;
        line-height: 1.2;
    }

#smart-start .vertical-carousel {
    position: relative;
    width: 80%;
    margin: 30px auto 50px auto;
    height: 345px;
}

#smart-start #vertical-slick-qa a.item-link {
    position: relative;
    display: block;
    text-align: left;
    position: relative;
    display: block;
    width: 100%;
    text-indent: 0;
    padding: 10px;
    margin: 0;
    height: auto;
    font-size: 20px;
    padding: 20px 20px;
    color: white;
    border-bottom: 0;
    line-height: 1.2;
}

    #smart-start #vertical-slick-qa a.item-link:hover,
    #smart-start #vertical-slick-qa a.item-link:focus {
        text-decoration: none;
    }

    #smart-start #vertical-slick-qa a.item-link.collapsed {
        border-bottom: 1px solid #fafafa47;
    }

#smart-start #vertical-slick-qa .panel-default {
    border: 0;
    background-color: transparent !important;
    text-align: left;
    margin: 0;
}

    #smart-start #vertical-slick-qa .panel-default .panel-heading {
        background-color: transparent;
        color: white;
        border: 0 !important;
        padding: 0 !important;
    }

        #smart-start #vertical-slick-qa .panel-default .panel-heading .panel-title {
            padding: 0;
            margin: 0;
        }

#smart-start #vertical-slick-qa .panel-title a.item-link:after {
    content: '-';
    font-family: teleicon-outline;
    position: absolute;
    color: white;
    font-size: 17px;
    top: 25px;
    right: 20px;
    margin: auto;
    transition-property: transform;
    transition-duration: .25s;
}

#smart-start #vertical-slick-qa .panel-title a.collapsed.item-link:after {
    content: '+';
    font-family: teleicon-outline;
    position: absolute;
    color: white;
    font-size: 17px;
    top: 25px;
    right: 20px;
    margin: auto;
    transition-property: transform;
    transition-duration: .25s;
}

#smart-start div.panel-collapse {
    border: 0 !important;
}

    #smart-start div.panel-collapse .panel-body {
        padding: 0;
        border: 0;
    }

        #smart-start div.panel-collapse .panel-body p {
            padding: 0 !important;
            font-size: 16px;
            line-height: 1.2;
            display: block;
        }

    #smart-start div.panel-collapse a {
        background: rgba(132, 0, 66, .55);
        border-radius: 10px;
        border-top-left-radius: 0 !important;
        padding: 10px 70px 10px 20px !important;
        min-height: 80px;
    }

div#vertical-slick-qa span.one-t-dicklaimer {
    position: absolute;
    left: initial;
    right: 0;
    display: inline-block;
    width: 70px;
    height: 80px;
}

    div#vertical-slick-qa span.one-t-dicklaimer:before {
        content: '\f3d7';
        right: 20px !important;
        top: 20px;
        background: #d3056c;
        width: 40px;
        height: 40px;
        border-radius: 50px;
        font-family: "Ionicons";
        transform: rotate( 45deg );
        font-size: 30px;
        padding: 0px 10px;
        text-align: center;
        position: absolute;
        left: initial;
        z-index: 3;
        line-height: 40px;
    }

    div#vertical-slick-qa span.one-t-dicklaimer .one-t-dicklaimer-message {
        left: -5px;
        position: absolute;
        bottom: 70px !important;
        width: 65px !important;
    }
/*#smart-start div.panel-collapse a:after {
            content: '\f3d7';
            position: absolute;
            right: 20px;
            top: 20px;
            background: #d3056c;
            width: 40px;
            height: 40px;
            border-radius: 50px;
            font-family: "Ionicons";
            transform: rotate( 45deg );
            font-size: 30px;
            padding: 0px 10px;
            text-align: center;
        }*/
#smart-start div.panel-collapse a:hover {
    text-decoration: none;
}

#smart-start #vertical-slick-qa a.item-link:hover {
    text-decoration: none;
    /*background: rgba(132, 0, 66, .55);*/
}




#smart-start section.how-to-start .item-wrap {
    position: absolute;
    background: white;
    height: auto;
    text-align: left;
    padding: 15px 35px;
    bottom: -20px;
    z-index: 3;
    width: 260px;
    left: 0;
    right: 0;
    margin: 20px auto;
    display: none;
}

    #smart-start section.how-to-start .item-wrap:before {
        content: '';
        border-top: 43px solid white;
        border-right: 125px solid transparent;
        position: absolute;
        z-index: 3;
        right: -1px;
        bottom: -61%;
        transform: rotate( 0deg );
    }

    #smart-start section.how-to-start .item-wrap:after {
        content: '';
        border-top: 43px solid white;
        border-left: 136px solid transparent;
        position: absolute;
        z-index: 3;
        left: 0;
        bottom: -61%;
        transform: rotate( 0deg );
    }

    #smart-start section.how-to-start .item-wrap h4 {
        text-align: center;
        margin: 0;
        padding: 0;
        top: 0;
    }


    #smart-start section.how-to-start .item-wrap p {
        color: black;
        display: block;
        padding: 0 !important;
        font-family: 'teleNeo-regular' !important;
        line-height: 1.2 !important;
        font-size: 19px !important;
    }

    #smart-start section.how-to-start .item-wrap h4 a {
        font-family: 'teleNeo-bold' !important;
        font-size: 17px;
        margin-top: 30px;
        color: #333;
        line-height: 1.2;
        text-transform: uppercase;
        text-align: center;
    }

        #smart-start section.how-to-start .item-wrap h4 a:hover {
            text-decoration: none;
        }

#smart-start section.how-to-start .bottom {
    position: relative;
    bottom: 0;
    text-align: right;
}

    #smart-start section.how-to-start .bottom a {
        color: #e20074;
        font-size: 24px;
        display: inline;
        float: left;
        margin-right: 20px;
        text-decoration: underline;
        font-family: 'teleNeo-medium' !important;
    }

#smart-start section.steps {
    position: relative;
    background-image: url(../content/images/smart-start/steps-bcg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    height: auto;
    padding-bottom: 1%;
}

    #smart-start section.steps .stepper {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden;
        padding: 4% 0;
    }

    #smart-start section.steps h2 {
        text-align: center;
        color: #e20074;
        text-transform: uppercase;
        margin: 75px 0 10px 0;
        font-size: 45px;
        font-family: 'teleNeo-extra' !important;
    }

    #smart-start section.steps p {
        text-align: center;
        font-size: 21px;
        font-family: 'teleNeo-medium' !important;
    }

    #smart-start section.steps .stepper .img {
        position: relative;
        display: inline;
        width: 20%;
        float: left;
        margin: 0 20px;
        text-align: center;
    }

    #smart-start section.steps .stepper .img-one:after {
        content: '';
        position: relative;
        background-image: url(../content/images/smart-start/apply.png);
        height: 65px;
        width: 100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        display: block;
    }

    #smart-start section.steps .stepper .img-one.active:after {
        background-image: url(../content/images/smart-start/laptop-w.png);
        height: 115px;
        width: 100%;
    }

    #smart-start section.steps .stepper .img-two:after {
        content: '';
        position: relative;
        background-image: url(../content/images/smart-start/select.png);
        height: 65px;
        width: 100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        display: block;
    }

    #smart-start section.steps .stepper .img-two.active:after {
        background-image: url(../content/images/smart-start/document-w.png);
        height: 115px;
        width: 100%;
    }

    #smart-start section.steps .stepper .img-three:after {
        content: '';
        position: relative;
        background-image: url(../content/images/smart-start/interview-m.png);
        height: 65px;
        width: 100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        display: block;
    }

    #smart-start section.steps .stepper .img-three.active:after {
        background-image: url(../content/images/smart-start/interview-w.png);
        height: 115px;
        width: 100%;
    }

    #smart-start section.steps .stepper .img-four:after {
        content: '';
        position: relative;
        background-image: url(../content/images/smart-start/star.png);
        height: 65px;
        width: 100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        display: block;
    }

    #smart-start section.steps .stepper .img-four.active:after {
        background-image: url(../content/images/smart-start/star-w.png);
        height: 115px;
        width: 100%;
    }

    #smart-start section.steps .content {
        position: relative;
        width: 100%;
        display: block;
        overflow: hidden;
    }

    #smart-start section.steps .box {
        position: relative;
        display: inline-block;
        float: left;
        margin: 0 9px;
        display: none;
        width: 23%;
        padding: 20px;
        text-align: center;
    }

    #smart-start section.steps .progress {
        height: 24px;
        overflow: hidden;
        position: relative;
        background-color: transparent;
        border: 0;
        margin: 20px 40px;
        box-shadow: none;
    }

        #smart-start section.steps .progress div {
            position: relative;
            visibility: visible;
            opacity: 1;
            position: absolute;
            left: 0;
            top: 12px;
            background-color: #ccc;
            height: 1px;
        }

            #smart-start section.steps .progress div.active {
                visibility: visible;
                opacity: 1;
                background-color: #e20074;
                height: 3px;
                top: 11px;
                z-index: 3;
            }

            #smart-start section.steps .progress div:before {
                content: '';
                position: absolute;
                background: #ccc;
                width: 13px;
                height: 13px;
                bottom: -5px;
                right: 6px;
                display: block;
                z-index: 8;
                border-radius: 50px;
            }

            #smart-start section.steps .progress div.active:before {
                background: #e20074;
            }

            #smart-start section.steps .progress div:after {
                content: '';
                position: absolute;
                background: rgbA(204, 204, 204, 0.5);
                width: 21px;
                height: 21px;
                bottom: -9px;
                right: 2px;
                display: block;
                z-index: 7;
                border-radius: 50px;
            }

            #smart-start section.steps .progress div.active:after {
                background: rgba(226, 0, 116, 0.17);
            }

    #smart-start section.steps .box h3 {
        font-family: 'teleNeo-bold' !important;
        color: #e20074;
        text-transform: uppercase;
        font-size: 24px;
        margin-bottom: 10px;
    }

    #smart-start section.steps .box p {
        font-size: 16px;
        font-family: 'teleNeo-regular' !important;
        line-height: 1.2;
    }

#smart-start .iskustva {
    position: relative;
}

    #smart-start .iskustva .item-wrapper {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
        height: 100%;
        background-image: url(../content/images/smart-start/bg-iskustva-baner.png);
        background-size: cover;
        background-position: center;
        padding: 30px 0;
    }

        #smart-start .iskustva .item-wrapper .white-text-wrap {
            width: 100%;
            margin-top: -40px;
            position: relative;
            padding: 0 0 0 80px;
        }

            #smart-start .iskustva .item-wrapper .white-text-wrap h2 {
                font-size: 36px;
                color: white;
                font-family: 'teleNeo-boldItalic' !important;
                line-height: 1.2;
                text-transform: uppercase;
            }

                #smart-start .iskustva .item-wrapper .white-text-wrap h2 span {
                    display: block;
                    font-size: 32px;
                    text-transform: uppercase;
                }

    #smart-start .iskustva a {
        position: absolute;
        bottom: -70px;
    }

    #smart-start .iskustva .item-wrapper .right-img-wrap {
        width: 75%;
        top: -30px;
        position: relative;
        right: 55px;
    }

#smart-start section.video {
    position: relative;
    padding: 3% 0;
    height: auto;
}

    #smart-start section.video .wrapper {
        position: relative;
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }

        #smart-start section.video .wrapper:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/smart-start/arrow-trans.png);
            background-size: contain;
            height: 200px;
            width: 400px;
            top: -30px;
            z-index: 0;
            background-repeat: no-repeat;
            right: -90px;
        }

    #smart-start section.video p {
        font-size: 21px;
        padding: 10px 10%;
        font-family: 'teleNeo-medium' !important;
        margin: 40px 0;
    }

        #smart-start section.video p span.magenta-text {
            color: #e20074;
            font-family: 'teleNeo-medium' !important;
        }

    #smart-start section.video .video-wrapper-overlay {
        position: absolute;
        width: 80%;
        height: 390px;
        left: 0;
        right: 0;
        top: 0;
        pointer-events: none;
        background: #333333e6;
        background-image: url(../content/images/smart-start/play-btn.png);
        z-index: 10;
        transition: all ease-out .8s;
        background-repeat: no-repeat;
        background-size: 10%;
        background-position: center;
        margin: 0 auto;
    }

    #smart-start section.video .video-wrap {
        position: relative;
        background-image: url(../content/images/smart-start/shape.png);
        background-position: center;
        background-size: cover;
        height: 100%;
        min-height: 440px;
    }

        #smart-start section.video .video-wrap iframe {
            width: 80%;
            height: 390px;
            position: relative;
            margin: 0 auto;
        }

        #smart-start section.video .video-wrap.active iframe {
            display: block;
        }

        #smart-start section.video .video-wrap.active .video-wrapper-overlay {
            display: none;
            transition: all ease-out .8s;
        }

#smart-start section.last-section {
    position: relative;
    overflow: hidden;
    padding: 4% 0;
}

    #smart-start section.last-section .text-wrap {
        padding-right: 25%;
        padding-top: 15%;
    }

        #smart-start section.last-section .text-wrap p {
            font-size: 21px;
            font-family: 'teleNeo-medium' !important;
        }


.arrow-scroll-to {
    position: fixed;
    right: 30px !important;
    top: 50% !important;
    z-index: 5 !important;
    display: none;
}

    .arrow-scroll-to a {
        z-index: 3;
        background: #e20074;
        border-radius: 50px;
        width: 60px;
        height: 60px;
        padding: 10px;
        box-shadow: 0px 6px 26px #00000054;
    }

        .arrow-scroll-to a p {
            position: absolute;
            right: 0px;
            background: white !important;
            color: #e20074 !important;
            font-family: 'teleNeo-bold' !important;
            text-transform: none !important;
            font-size: 19px;
            top: 2px;
            z-index: -1;
            border-radius: 50px;
            padding: 11px 25px !important;
            height: 60px !important;
            width: 0;
            box-shadow: 0px 6px 26px #00000054;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            -ms-opacity: 0;
            opacity: 0;
            overflow: hidden;
        }

        .arrow-scroll-to a:hover p {
            width: 200px !important;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

#smart-start a.prev,
#smart-start a.next {
    color: white;
}

div#vertical-slick-qa a.prev, #vertical-slick-qa a.next {
    position: absolute;
    left: -60px !important;
    top: 40% !important;
    z-index: 4;
    width: 40px;
    height: 40px;
    display: inline-block;
}

#smart-start a.prev i {
    left: -30px;
}

#smart-start a.prev i,
#smart-start a.next i {
    position: relative;
    font-size: 35px;
    opacity: .7;
    transition: all ease-in .5s;
}

#smart-start a.prev:hover i,
#smart-start a.next:hover i {
    opacity: 1;
    transition: all ease-in .5s;
}

@media(max-width: 767px) {

    #smart-start .iskustva .item-wrapper {
        padding: 50px 0 120px;
        flex-direction: column;
    }

        #smart-start .iskustva .item-wrapper .white-text-wrap {
            width: 100%;
            margin-top: -40px;
            padding: 0;
        }

            #smart-start .iskustva .item-wrapper .white-text-wrap h2 {
                font-size: 24px;
                text-transform: uppercase;
            }

                #smart-start .iskustva .item-wrapper .white-text-wrap h2 span {
                    font-size: 21px;
                    margin-bottom: 10px;
                    text-transform: uppercase;
                }

    #smart-start .iskustva a {
        margin: 0 auto;
        left: 0;
        right: 0;
        width: 35%;
    }

    #smart-start .iskustva .item-wrapper .right-img-wrap {
        width: 100%;
        top: unset;
        bottom: -100px;
        text-align: center;
        right: unset;
    }

    #smart-start section.main-image {
        position: relative;
        height: auto;
        padding: 4% 0;
    }

        #smart-start section.main-image img.absolute-img {
            position: absolute;
            height: auto;
            top: 0px;
        }

        #smart-start section.main-image .container div.bounce {
            top: -30px;
        }

        #smart-start section.main-image .wrapper {
            position: relative;
            bottom: 90px;
            width: 100%;
            height: auto;
        }

            #smart-start section.main-image .wrapper div {
                position: relative;
                width: 100%;
                display: block;
                float: none;
            }

    #smart-start .questions .starter {
        position: relative;
        margin-top: 60px;
    }

    #smart-start section.questions p {
        padding-bottom: 30px;
        padding-right: 0;
    }

    #smart-start section.questions #smart-questions:after {
        z-index: -1;
    }

    #smart-start section.questions .question-wrap a {
        z-index: 5;
    }

    #questions-mobile .panel-collapse {
        position: relative;
        width: 100%;
    }

        #questions-mobile .panel-collapse .box-inner {
            position: relative;
            width: 100% !important;
            background: #e20074;
            color: white;
            margin: 10px 0;
            padding: 10px !important;
            font-size: 18px !important;
        }

    #smart-start section.how-to-start h2 {
        font-size: 34px;
    }

    #smart-start section.how-to-start p {
        padding: 0;
    }


    #smart-start section.how-to-start .item-wrap {
        height: auto;
        padding: 0;
        margin: auto auto;
        bottom: 0;
        min-height: 70px;
    }

    #smart-start section.steps .stepper .img {
        margin: 0 8px;
    }

    #smart-start section.steps .box {
        position: relative;
        display: inline-block;
        float: none;
        width: 100%;
    }

    #smart-start section.video p {
        padding: 10px 3%;
    }

    #smart-start section.last-section .text-wrap {
        padding-right: 0;
        padding-top: 40px;
    }

    #smart-start section.video .wrapper::before {
        content: '';
        display: none;
    }

    #smart-start .vertical-slick-slider {
        height: auto;
        width: 100%;
        margin: 30px auto 90px auto;
    }

    #smart-start span.prev i, #smart-start span.next i {
        bottom: 50px;
    }

    #smart-start section.how-to-start .item-wrap:after {
        border-top: 44px solid white;
        border-left: 136px solid transparent;
    }

    #smart-start section.how-to-start .item-wrap:before {
        border-top: 44px solid white;
        border-right: 126px solid transparent;
    }

    .control.smart-start-control h2 {
        margin-top: 30px;
    }

    #smart-start section.how-to-start .item-wrap h4 {
        margin-top: 10px;
    }

    #vertical-slick-qa.carousel.vertical .prev {
        top: 40% !important;
        left: -15px !important;
    }

    div#vertical-slick-qa a.next {
        top: 50% !important;
        left: -45px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .vertical-slick-slider button.slick-prev {
        top: 20%;
    }

    .vertical-slick-slider button.slick-next {
        top: 45%;
    }

    #smart-start section.steps .stepper .img {
        margin: 0 17px;
    }

    #smart-start section.steps .box h3 {
        font-size: 22px;
    }

    #smart-start section.steps .box {
        margin: 0 7px;
    }

    #smart-start section.video .video-wrap .video-wrapper-overlay {
        display: none;
    }
}

#questions-mobile .panel-default {
    border: 0;
}

    #questions-mobile .panel-default .panel-title {
        padding: 0;
        font-size: 18px;
    }

        #questions-mobile .panel-default .panel-title a:focus,
        #questions-mobile .panel-default .panel-title a:active {
            color: #e20074;
            text-decoration: none;
        }

#questions-mobile .panel-collapse.collapse.in {
    background: #e20074;
    color: white;
    font-size: 18px;
    line-height: 1.2;
}



.vertical .carousel-inner {
    height: 100%;
}

.carousel.vertical .item {
    -webkit-transition: 0.6s ease-in-out top;
    -moz-transition: 0.6s ease-in-out top;
    -ms-transition: 0.6s ease-in-out top;
    -o-transition: 0.6s ease-in-out top;
    transition: 0.6s ease-in-out top;
}

#vertical-slick-qa.carousel.vertical .active {
    top: 0;
}

#vertical-slick-qa.carousel.vertical .next {
    top: 100%;
}

#vertical-slick-qa.carousel.vertical .prev {
    top: -100%;
}

    #vertical-slick-qa.carousel.vertical .next.left,
    #vertical-slick-qa.carousel.vertical .prev.right {
        top: 0;
    }

#vertical-slick-qa.carousel.vertical .active.left {
    top: -100%;
}

#vertical-slick-qa.carousel.vertical .active.right {
    top: 100%;
}

#vertical-slick-qa.carousel.vertical .item {
    left: 0;
}
/*#endregion smart start*/
/*#region smart start form*/
.pb-40 {
    padding-bottom: 40px;
}

.control.smart-start-control {
    position: relative;
    background-color: #373737;
    color: white;
    padding: 4% 0;
}

    .control.smart-start-control .separated-sections {
        background: transparent linear-gradient(180deg, #00000045 0%, #00000000 100%);
        position: relative;
        padding-top: 50px;
    }

        .control.smart-start-control .separated-sections .col-sm-4.disabled {
            opacity: .3;
            cursor: not-allowed;
            pointer-events: none;
        }

    .control.smart-start-control .back-header {
        position: absolute;
        top: 20px;
        width: 90%;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 0
    }

        .control.smart-start-control .back-header h1 {
            position: relative;
            width: 100%;
            font-size: 290px;
            text-align: center;
            background: -webkit-linear-gradient(#545353, #373737);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-family: 'teleNeo-extra' !important;
            opacity: .5;
            color: rgba(153, 153, 153, 0.2);
        }

    .control.smart-start-control .container {
        position: relative;
        z-index: 2;
    }

    .control.smart-start-control h2 {
        position: relative;
        color: #e20074;
        font-size: 25px;
        z-index: 1;
    }

    .control.smart-start-control .form-box {
        position: relative;
        margin: 10px 0;
    }

    .control.smart-start-control .form-group {
        margin-bottom: 0;
    }

    .control.smart-start-control input {
        border-color: #585858;
        background-color: #434343;
        z-index: 1;
        height: 40px;
        width: 100%;
        color: white;
    }

        .control.smart-start-control input#captcha {
            position: relative;
            width: 100%;
            border-bottom: 0;
            padding: 0 15px;
        }

        .control.smart-start-control input:focus {
            border-color: #555;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0, 0, .8), 0 0 8px #555;
            box-shadow: none !important;
        }

    .control.smart-start-control .form-box.has-error input,
    .control.smart-start-control .form-box.has-error .form-control {
        border-color: #e20974bd;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .8), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .8), 0 0 0px 5px rgba(226, 9, 116,.2);
    }

    .control.smart-start-control hr {
        margin: 25px 0;
        border-top: 1px solid rgba(255,255, 255, .2);
    }

    .control.smart-start-control input[type="checkbox"]:checked,
    .control.smart-start-control input[type="checkbox"]:not(checked) {
        position: absolute;
        opacity: 0;
        left: 4px;
        z-index: 99;
        cursor: pointer;
    }

    .control.smart-start-control .checkbox-wrap:before {
        content: "";
        position: absolute;
        left: 0;
        top: 5px;
        width: 18px;
        height: 18px;
        border: 1px solid #555;
        background: #434343;
        border-radius: 3px;
    }

    .control.smart-start-control .checkbox-wrap span:last-of-type {
        margin-left: 30px;
        position: relative;
        font-size: 17px;
    }

    .control.smart-start-control input[type="checkbox"]:checked + .checkmark::after {
        content: 'V';
        position: absolute;
        color: white;
        font-family: 'Teleicon-outline';
        display: block;
        left: 2px;
        right: 0;
        top: 2px;
        bottom: 0;
        opacity: 1;
        z-index: 3;
        font-size: 16px;
    }

    .control.smart-start-control .checkbox-wrap span#textCheckbox {
        font-size: 17px;
        line-height: 1.2;
        color: white;
        margin-right: 10px;
    }

    .control.smart-start-control label {
        position: relative;
        color: white;
        font-size: 17px;
        line-height: 1.2;
        font-family: teleNeo-regular !important;
    }

    .control.smart-start-control select {
        background-color: #434343 !important;
        color: white !important;
        border-color: #585858 !important;
        z-index: 1;
        height: 40px;
    }

        .control.smart-start-control select:focus {
            border-color: #555;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0, 0, .8), 0 0 8px #555;
            box-shadow: none !important;
        }

    .control.smart-start-control p {
        font-size: 19px;
        color: white;
        line-height: 1.2;
        z-index: 1;
    }

    .control.smart-start-control .webshop-fake-upload-document {
        position: relative;
        width: 100%;
        display: inline-block;
        float: left;
        border-color: #272727;
        background-color: #272727;
        cursor: pointer;
        margin-right: 23px;
        height: 42px;
    }

    .control.smart-start-control .right-side {
        position: relative;
        display: block;
        width: auto;
        float: none;
    }

        .control.smart-start-control .right-side span {
            position: relative;
            color: white;
            margin-left: 40px;
        }

            .control.smart-start-control .right-side span:before {
                content: '';
                position: absolute;
                left: -30px;
                width: 20px;
                height: 50px;
                top: -13px;
                background-image: url(/content/images/smart-start/file-pdf.png);
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
            }

    .control.smart-start-control .webshop-fake-upload-document span.fake-upload-placeholder {
        position: absolute;
        left: 13px;
        text-align: center;
        color: #ffffff47;
        font-size: 14px;
        top: 10px;
    }

    .control.smart-start-control .btn-default.btn-magen {
        position: relative;
        margin: 30px 0;
        width: 180px;
        text-transform: uppercase;
        padding: 10px 0;
        font-size: 17px;
        box-shadow: 0px 23px 36px #46002445;
        border-radius: 7px;
        cursor: pointer;
    }

    .control.smart-start-control .errorMsg {
        color: #c35977 !important;
        overflow: hidden;
        display: block;
        line-height: 12px;
        margin-top: 0;
        top: 0px;
        margin-bottom: -5px;
        font-family: 'teleNeo-medium' !important;
    }

        .control.smart-start-control .errorMsg.fake-upload {
            display: inline-block;
            top: -12px;
        }

    .control.smart-start-control .checkbox-wrap.disabled {
        opacity: .6;
        cursor: not-allowed;
    }

@media(max-width:767px) {
    #smart-start section.questions .arrow {
        top: -140px;
    }

    .control.smart-start-control .back-header h1 {
        font-size: 70px;
    }

    #smart-start section.questions a:after {
        display: none;
    }

    #smart-start .vertical-carousel {
        position: relative;
        width: 90%;
        margin: 30px auto 120px auto;
        height: auto;
    }

    #smart-start a.prev i, #smart-start a.next i {
        bottom: -20px;
    }

    div#smart-start .accordion .panel-body {
        padding: 20px;
    }

    #smart-start ul.t-ul-new-white li {
        font-size: 15px;
    }

    #smart-start div.panel-collapse .panel-body p a {
        color: white !important;
        background: transparent !important;
        text-decoration: underline;
        padding: 0 !important;
    }

    .control.smart-start-control .webshop-fake-upload-document span.fake-upload-placeholder {
        text-align: left;
        left: 10px;
    }

    .control.smart-start-control .right-side {
        float: none;
        margin: 20px 0;
    }

        .control.smart-start-control .right-side span {
            margin-left: 30px;
        }
}
/*#endregion smart start form*/

/*#region smart start oglas*/
#smart-start-oglas {
    position: relative;
    height: auto;
}

    #smart-start-oglas .wrapper {
        position: relative;
        background-image: url('../content/images/smart-start/smart-start-background.jpg');
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
        padding: 7% 0 5% 0;
    }

        #smart-start-oglas .wrapper:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/smart-start/smart-start-left-arrow.png);
            width: 300px;
            height: 200px;
            left: 0;
            top: 30%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
        }

        #smart-start-oglas .wrapper h1 {
            color: white;
            font-size: 37px;
            font-family: 'teleNeo-regular' !important;
            margin: 30px 0;
            width: 60%;
            margin: 0 auto;
        }

            #smart-start-oglas .wrapper h1 span {
                color: white;
                font-family: 'teleNeo-extra' !important;
            }

        #smart-start-oglas .wrapper .oglas-wrap {
            position: relative;
            width: 60%;
            margin: 0 auto;
            background: white;
            margin-top: 60px;
            padding: 40px 50px;
        }

            #smart-start-oglas .wrapper .oglas-wrap ul li {
                font-size: 16px;
            }

            #smart-start-oglas .wrapper .oglas-wrap ul {
                margin: 20px 0;
            }

            #smart-start-oglas .wrapper .oglas-wrap h3 {
                color: #333;
                width: 70%;
                text-align: left;
                font-size: 21px;
                font-family: 'teleNeo-medium' !important;
                margin-bottom: 30px;
                margin-top: 30px;
            }

            #smart-start-oglas .wrapper .oglas-wrap p {
                font-size: 17px;
                line-height: 1.2;
                font-family: 'teleNeo-medium' !important;
            }

            #smart-start-oglas .wrapper .oglas-wrap:after {
                content: '';
                position: absolute;
                background-image: url(../content/images/smart-start/smart-start-right-arrow.PNG);
                background-position: center;
                height: 240px;
                width: 350px;
                background-size: contain;
                background-repeat: no-repeat;
                top: -100px;
                right: -200px;
            }

            #smart-start-oglas .wrapper .oglas-wrap .btn-wrap {
                position: absolute;
                right: -60px;
                background-color: #4b483f;
                color: white;
                padding: 20px 30px;
                width: 240px;
                text-align: left;
                text-transform: uppercase;
                border-top-right-radius: 35px;
                border-bottom-right-radius: 35px;
                border-bottom-left-radius: 35px;
                box-shadow: 0px 0px 20px 10px #02020236;
            }

                #smart-start-oglas .wrapper .oglas-wrap .btn-wrap a.apply-btn {
                    color: white;
                    font-family: 'teleNeo-bold' !important;
                    font-size: 16px;
                }

    #smart-start-oglas a.apply-btn:hover,
    #smart-start-oglas a.apply-btn:focus {
        text-decoration: none;
    }

    #smart-start-oglas a.apply-btn .arrow,
    #smart-start-oglas a.apply-btn .arrow:before {
        position: absolute;
    }

    #smart-start-oglas a.apply-btn .arrow {
        width: 25px;
        height: 25px;
        top: 40px;
        margin: -20px 0 0 -20px;
        -webkit-transform: rotate( -45deg );
        border-left: none;
        border-top: none;
        border-right: 4px #fff solid;
        border-bottom: 4px #fff solid;
        right: 30px;
    }

        #smart-start-oglas a.apply-btn .arrow:before {
            content: '';
            width: 20px;
            height: 20px;
            top: 0;
            margin: -10px 0 0 -10px;
            border-left: none;
            border-top: none;
            border-right: 3px #fff solid;
            border-bottom: 3px #fff solid;
            animation-duration: 2s;
            animation-iteration-count: infinite;
            animation-name: arrow;
            right: 10px;
        }

@keyframes arrow {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(-10px, -10px);
    }
}

@media(max-width: 767px) {
    #smart-start-oglas .wrapper h1 {
        font-size: 24px;
        width: 90%;
    }

    #smart-start-oglas .wrapper {
        padding: 7% 0 17% 0;
    }

        #smart-start-oglas .wrapper .oglas-wrap {
            width: 90%;
            padding: 20px 20px;
        }

            #smart-start-oglas .wrapper .oglas-wrap h3 {
                width: 90%;
                font-size: 20px;
            }

            #smart-start-oglas .wrapper .oglas-wrap:after {
                content: '';
                height: 190px;
                width: 140px;
                top: -100px;
                right: -30px;
            }

            #smart-start-oglas .wrapper .oglas-wrap .btn-wrap {
                position: absolute;
                right: 0;
            }
}

@media(min-width: 1500px) {
    #smart-start section.questions .arrow {
        position: absolute;
        top: -10px;
        width: 440px;
        right: 40px;
    }

    #m1-business-new .main-banner .header {
        width: 100%;
        top: 0;
        text-align: left;
    }

        #m1-business-new .main-banner .header .wrapper {
            padding: 3% 40% 20% 30%;
        }

        #m1-business-new .main-banner .header h1 {
            font-size: 48px;
            line-height: 1;
            font-family: 'teleNeo-extra' !important;
        }

        #m1-business-new .main-banner .header h2 {
            color: white;
            font-size: 35px;
            line-height: 1.2;
        }

        #m1-business-new .main-banner .header p {
            font-size: 27px;
            line-height: 28px;
        }
}
/*#endregion smart start oglas*/

/*#region safenet home mobile*/
div#safenet-home-mobile {
    position: relative;
    height: auto;
}

    div#safenet-home-mobile .main-header {
        position: relative;
        background-color: white;
        height: 680px;
        background-image: url(../content/images/safenet-home-mobile/net-bcg.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 6% 0 3%;
    }

    div#safenet-home-mobile p {
        font-size: 18px;
        line-height: 1.2;
    }

        div#safenet-home-mobile p.small {
            font-size: 13px;
            line-height: 1.2;
        }

    div#safenet-home-mobile .main-header .left-side-header {
        position: relative;
        width: 50%;
        display: inline-block;
        float: left;
        z-index: 2;
    }

        div#safenet-home-mobile .main-header .left-side-header:before {
            content: '';
            position: absolute;
            left: 0;
            background-image: url(../content/images/safenet-home-mobile/safenet-bcg-shape.png);
            width: 100%;
            height: 300px;
            background-size: cover;
            background-repeat: no-repeat;
            z-index: 0;
            display: block;
            top: 0;
            z-index: -1;
        }

        div#safenet-home-mobile .main-header .left-side-header h1 {
            color: white;
            font-size: 38px;
            font-family: 'teleNeo-regular' !important;
            text-transform: none;
            z-index: 2;
            margin: 30px 25% 30px 7%;
            width: 71%;
            line-height: 1.2;
        }

            div#safenet-home-mobile .main-header .left-side-header h1 span {
                font-family: teleNeo-extra !important;
            }

    div#safenet-home-mobile .main-header .right-side-icon {
        position: relative;
        width: 50%;
        display: inline-block;
        float: left;
        text-align: right;
    }

        div#safenet-home-mobile .main-header .right-side-icon img {
            width: 350px;
            height: auto;
            position: relative;
            right: 10%;
        }

    div#safenet-home-mobile .main-header .left-side-header h3 {
        color: black;
        margin: 30px 25% 30px 7%;
        font-family: teleNeo-bold !important;
        font-style: italic;
        font-size: 22px;
    }

    div#safenet-home-mobile .main-header .ec {
        position: absolute;
        bottom: -100px;
        z-index: 3;
        right: -50px;
        width: 170px;
    }

    div#safenet-home-mobile section.magenta-bcg {
        position: relative;
        background: #e20074;
        padding: 1% 0;
        text-align: center;
        color: white;
        font-size: 18px;
    }

        div#safenet-home-mobile section.magenta-bcg.thin {
            padding: 0;
        }

        div#safenet-home-mobile section.magenta-bcg p {
            padding: 0 10%;
        }

    div#safenet-home-mobile section.white-bcg {
        position: relative;
        padding: 1% 0;
        text-align: center;
    }

        div#safenet-home-mobile section.white-bcg p {
            padding: 0 10%;
        }

    div#safenet-home-mobile section.uslugi {
        position: relative;
        padding: 3% 0;
        background: white;
    }

        div#safenet-home-mobile section.uslugi h2 {
            color: #e20074;
            font-family: 'teleNeo-bold' !important;
            font-size: 29px;
        }

        /*div#safenet-home-mobile section.uslugi .icon-wrap img {
            width: 80px;
            height: auto;
        }*/

        div#safenet-home-mobile section.uslugi .icon-wrap .icon-wrap p {
            font-size: 15px;
            padding: 0 30px;
            font-family: 'teleNeo-bold' !important;
        }

        div#safenet-home-mobile section.uslugi .icon-wrap .row {
            margin-top: 50px;
            margin-bottom: 50px;
        }

    div#safenet-home-mobile .wrap {
        position: relative;
        width: 100%;
        height: 110px;
    }

        div#safenet-home-mobile .wrap p.text-magenta {
            font-family: 'teleNeo-bold' !important;
        }

        div#safenet-home-mobile .wrap:before {
            content: '';
            position: absolute;
            border-top: 1px solid #e20074;
            height: 1px;
            width: 70%;
            top: -30px;
            margin: 0 auto;
            left: 0;
            right: 0;
        }

    div#safenet-home-mobile .wrap-one:before {
        content: '';
        position: absolute;
        border-left: 1px solid #e20074;
        height: 24px;
        width: 1px;
        top: -30px;
        left: 41%;
    }

    div#safenet-home-mobile .wrap-two:before {
        content: '';
        position: absolute;
        border-left: 1px solid #e20074;
        height: 25px;
        width: 1px;
        left: 50%;
        top: -42px;
    }

    div#safenet-home-mobile .wrap-three:before {
        content: '';
        position: absolute;
        border-right: 1px solid #e20074;
        height: 24px;
        width: 1px;
        top: -30px;
        right: 41%;
    }

    div#safenet-home-mobile section.najsigurna-mreza {
        position: relative;
        padding: 2% 0;
        height: 400px;
        margin: 5% 0;
    }

        div#safenet-home-mobile section.najsigurna-mreza .text-wrap {
            position: relative;
            width: 70%;
            text-align: left;
            display: inline-block;
            float: left;
        }

            div#safenet-home-mobile section.najsigurna-mreza .text-wrap h2 {
                color: #333;
                font-family: 'teleNeo-regular' !important;
                font-size: 43px;
                text-transform: uppercase;
                margin-bottom: 40px;
            }

            div#safenet-home-mobile section.najsigurna-mreza .text-wrap p {
                font-size: 18px;
                line-height: 1.2;
                color: black;
            }

            div#safenet-home-mobile section.najsigurna-mreza .text-wrap h2 span {
                font-family: 'teleNeo-extra' !important;
                color: #e20074;
                font-size: 60px;
            }

        div#safenet-home-mobile section.najsigurna-mreza .img-wrap {
            position: relative;
            width: 30%;
            height: 100%;
            position: absolute;
            right: 0;
            height: 100%;
            float: left;
            right: 0;
            top: 0;
            background-image: url(../content/images/safenet-home-mobile/surfaj-bezbedno.png);
            background-size: cover;
            background-position: center right;
            background-repeat: no-repeat;
        }

            div#safenet-home-mobile section.najsigurna-mreza .img-wrap img {
                position: absolute;
                width: auto;
                height: 100%;
                right: 0;
            }

    div#safenet-home-mobile section.safenet-home {
        position: relative;
        padding: 2% 0;
        height: auto;
        margin: 5% 0;
    }

        div#safenet-home-mobile section.safenet-home .img-wrap {
            position: absolute;
            left: 0;
            width: 50%;
            top: 0;
            display: inline-block;
            float: left;
            height: 100%;
            background-image: url(../content/images/safenet-home-mobile/safenet-mobile-icon.png);
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

            div#safenet-home-mobile section.safenet-home .img-wrap img {
                position: absolute;
                left: 0;
                width: auto;
                height: 100%;
            }

        div#safenet-home-mobile section.safenet-home .text-wrap {
            position: relative;
            width: 50%;
            display: inline-block;
            float: right;
            padding-left: 40px;
        }

            div#safenet-home-mobile section.safenet-home .text-wrap h2 {
                position: relative;
                font-size: 44px;
                color: black;
                font-family: 'teleNeo-extra' !important;
            }

                div#safenet-home-mobile section.safenet-home .text-wrap h2 span {
                    color: #e20074;
                    font-family: 'teleNeo-extra' !important;
                }

            div#safenet-home-mobile section.safenet-home .text-wrap p {
                font-size: 18px;
                color: black;
                line-height: 1.2;
            }

    div#safenet-home-mobile section.safenet-mobile {
        position: relative;
        padding: 2% 0;
        margin: 5% 0;
    }

        div#safenet-home-mobile section.safenet-mobile .ec {
            position: absolute;
            right: 0;
            top: -55px;
        }

        div#safenet-home-mobile section.safenet-mobile .container:before {
            background-image: url(../content/images/safenet-home-mobile/safenet-home-mobile-object.png);
            content: '';
            position: absolute;
            left: 0;
            width: 290px;
            height: 310px;
            background-size: contain;
            background-repeat: no-repeat;
        }

        div#safenet-home-mobile section.safenet-mobile .text-wrap {
            position: relative;
            width: 50%;
            float: left;
            display: inline-block;
        }

            div#safenet-home-mobile section.safenet-mobile .text-wrap h2 {
                position: relative;
                font-size: 44px;
                color: black;
                font-family: 'teleNeo-extra' !important;
            }

            div#safenet-home-mobile section.safenet-mobile .text-wrap p {
                font-size: 18px;
                line-height: 1.2;
                color: black;
            }

            div#safenet-home-mobile section.safenet-mobile .text-wrap h2 span {
                color: #e20074;
                font-family: 'teleNeo-extra' !important;
            }

        div#safenet-home-mobile section.safenet-mobile .img-wrap {
            width: 50%;
            right: 0;
            position: absolute;
            float: right;
            height: 100%;
            top: -60px;
            background-image: url(../content/images/safenet-home-mobile/safenet-home.png);
            background-size: contain;
            background-position: top center;
            background-repeat: no-repeat;
            height: 440px;
            z-index: 0;
            display: block;
        }

            div#safenet-home-mobile section.safenet-mobile .img-wrap img {
                width: auto;
                height: 100%;
                position: absolute;
                right: 0;
            }

    div#safenet-home-mobile section.qa {
        position: relative;
        z-index: 1;
        padding: 2% 0;
        background: #e20074;
    }

        div#safenet-home-mobile section.qa:after {
            content: '';
            position: absolute;
            right: 0;
            bottom: 0;
            background-image: url(../content/images/safenet-home-mobile/safenet-last-section-img.png);
            height: 240px;
            width: 140px;
            background-position: center right;
            background-size: contain;
            background-repeat: no-repeat;
        }

        div#safenet-home-mobile section.qa h3 {
            position: relative;
            margin-bottom: 10px;
            color: white;
            text-transform: uppercase;
            font-size: 28px;
            border-bottom: 1px solid RGBA(247,247,247,0.65);
        }

        div#safenet-home-mobile section.qa .panel-default *,
        div#safenet-home-mobile section.qa .panel-default {
            background-color: transparent;
            border: 0;
            color: white;
        }

        div#safenet-home-mobile section.qa .panel-default {
            margin-top: 0 !important;
            /*  box-shadow: 0 1px 0px rgba(247, 247, 247, .65);*/
            border-bottom: 1px solid rgba(247,247,247,0.65);
        }

        div#safenet-home-mobile section.qa .panel-heading {
            padding: 5px 10px;
        }

        div#safenet-home-mobile section.qa h4.panel-title {
            padding: 0;
        }

            div#safenet-home-mobile section.qa h4.panel-title a {
                display: block;
                width: 100%;
                padding: 20px 45px 20px 0;
                font-size: 19px;
                position: relative;
                line-height: 1.2;
            }

                div#safenet-home-mobile section.qa h4.panel-title a.collapsed:after {
                    content: ']$';
                    font-family: 'teleicon-outline';
                    position: absolute;
                    color: white;
                    font-size: 22px;
                    top: 32px;
                    right: 20px;
                    margin: auto;
                    transform: rotateZ( 0deg );
                    transition-property: transform;
                    transition-duration: .25s;
                }

                div#safenet-home-mobile section.qa h4.panel-title a:after {
                    content: ']$';
                    font-family: 'teleicon-outline';
                    position: absolute;
                    color: white;
                    font-size: 22px;
                    top: 40px;
                    right: 20px;
                    margin: auto;
                    transform: rotateZ( -180deg );
                    transition-property: transform;
                    transition-duration: .25s;
                }

                div#safenet-home-mobile section.qa h4.panel-title a:hover,
                div#safenet-home-mobile section.qah4.panel-title a:focus {
                    text-decoration: none;
                }

        div#safenet-home-mobile section.qa .panel-body {
            font-size: 18px;
        }

@media(max-width: 767px) {
    div #safenet-home-mobile .main-header {
        height: auto;
    }

    div#safenet-home-mobile section.safenet-mobile .ec {
        position: absolute;
        right: 0;
        top: -75px;
    }

    div#safenet-home-mobile .main-header .left-side-header {
        width: 100%;
        float: none;
    }

        div#safenet-home-mobile .main-header .left-side-header:before {
            content: '';
            width: 100%;
            height: 250px;
        }

        div#safenet-home-mobile .main-header .left-side-header h1 {
            font-size: 28px;
            margin: 25px 4% 25px 4%;
            width: 90%;
        }

        div#safenet-home-mobile .main-header .left-side-header h3 {
            color: black;
            margin: 25px 45% 25px 4%;
            font-family: teleNeo-bold !important;
            font-style: italic;
            font-size: 20px;
        }

    div#safenet-home-mobile .main-header .ec {
        position: absolute;
        bottom: 0px;
        z-index: 3;
        width: 120px;
        right: 0;
    }

    div#safenet-home-mobile .main-header .right-side-icon {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        text-align: center;
    }

        div#safenet-home-mobile .main-header .right-side-icon img {
            width: 170px;
            right: 0;
        }

    div#safenet-home-mobile section.uslugi .icon-wrap img {
        width: 55px;
    }

    div#safenet-home-mobile section.uslugi .icon-wrap p {
        font-size: 13px;
        padding: 0;
    }

    div#safenet-home-mobile section.najsigurna-mreza .text-wrap {
        position: relative;
        width: 100%;
        text-align: left;
        display: block;
        float: none;
    }

    div#safenet-home-mobile section.najsigurna-mreza .text-wrap {
        position: relative;
        width: 100%;
        text-align: left;
        display: block;
        float: none;
    }

    div#safenet-home-mobile section.najsigurna-mreza .img-wrap {
        position: relative;
        width: 100%;
        right: 0;
        height: 100%;
        float: none;
        display: block;
    }

    div#safenet-home-mobile section.najsigurna-mreza img {
        position: relative !important;
        width: auto !important;
        height: auto !important;
    }

    div#safenet-home-mobile section.safenet-home .img-wrap {
        position: relative;
        left: 0;
        width: 100%;
        top: 0;
        display: block;
        float: none;
        height: 300px;
    }

    div#safenet-home-mobile section.safenet-home img {
        position: relative !important;
        width: auto !important;
        height: auto !important;
    }

    div#safenet-home-mobile section.safenet-home .text-wrap {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        padding-left: 0px;
    }

    div#safenet-home-mobile section.safenet-mobile .text-wrap {
        position: relative;
        width: 100%;
        float: none;
        display: block;
    }

    div#safenet-home-mobile section.safenet-mobile .img-wrap {
        width: 100%;
        right: 0;
        position: relative;
        float: none;
        height: 300px;
        top: 0;
    }

    div#safenet-home-mobile section.safenet-mobile img {
        position: relative !important;
        width: auto !important;
        height: auto !important;
    }

    div#safenet-home-mobile section.najsigurna-mreza,
    div#safenet-home-mobile section.safenet-home,
    div#safenet-home-mobile section.safenet-mobile {
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 30px;
        height: auto;
    }

        div#safenet-home-mobile section.safenet-mobile .container:before {
            content: '';
            display: none !important;
        }

    div#safenet-home-mobile section.qa:after {
        content: '';
        display: none !important;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#safenet-home-mobile .main-header {
        height: 600px;
    }

    div#safenet-home-mobile section.safenet-mobile .ec {
        position: absolute;
        right: -60px;
        top: -55px;
    }

    div#safenet-home-mobile .main-header .left-side-header:before {
        content: '';
        width: 430px;
        height: 430px;
    }

    div#safenet-home-mobile .main-header .left-side-header h1 {
        color: white;
        font-size: 31px;
        width: 90%;
        margin-bottom: 20px;
    }

    div#safenet-home-mobile .main-header .left-side-header h3 {
        color: black;
        margin: 10px 25% 10px 7%;
        font-size: 20px;
    }

    div#safenet-home-mobile .main-header .ec {
        position: absolute;
        width: 140px;
        right: -30px;
    }

    div#safenet-home-mobile .main-header .right-side-icon img {
        width: 240px;
        right: 10%;
    }

    div#safenet-home-mobile section.najsigurna-mreza .text-wrap h2 {
        font-size: 33px;
    }

        div#safenet-home-mobile section.najsigurna-mreza .text-wrap h2 span {
            font-size: 40px;
        }

    div#safenet-home-mobile section.najsigurna-mreza,
    div#safenet-home-mobile section.safenet-home,
    div#safenet-home-mobile section.safenet-mobile {
        height: auto;
    }

        div#safenet-home-mobile section.najsigurna-mreza .img-wrap {
            width: 45%;
        }

        div#safenet-home-mobile section.najsigurna-mreza .text-wrap {
            width: 60%;
        }

        div#safenet-home-mobile section.safenet-home .img-wrap {
            width: 50%;
            height: 250px;
            position: absolute;
            top: 20%;
        }
}
/*#endregion safenet home mobile*/
/*#region safenet portfolio*/
#safenet-portfolio .main-header {
    position: relative;
    background-image: url(../content/images/safenet-portfolio/safenet-intoBanner.jpg);
    height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 3%;
}

#safenet-portfolio .header {
    z-index: 1;
    position: absolute;
    bottom: -1px;
    width: 530px;
    padding: 0 20px;
    height: 290px;
    background-image: url(../content/images/safenet-portfolio/safenet-magenta-box.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
}

    #safenet-portfolio .header h1 {
        font-size: 35px;
        color: white;
        font-family: 'teleNeo-regular' !important;
        position: absolute;
        bottom: 0;
        margin-left: 30px;
    }

        #safenet-portfolio .header h1 span {
            position: relative;
            font-family: 'teleNeo-extra' !important;
            font-size: 60px;
        }

#safenet-portfolio .safe-net-lock {
    position: relative;
    float: right;
    right: 22%;
    width: 230px;
    vertical-align: middle;
    top: 10%;
}

#safenet-portfolio section.main-content {
    position: relative;
    padding-bottom: 3%;
    background-color: #f0f0f0;
}

    #safenet-portfolio section.main-content .left-part {
        position: relative;
        width: 45%;
        float: left;
        display: inline;
        padding-top: 30px;
    }

    #safenet-portfolio section.main-content .right-part {
        position: relative;
        width: 45%;
        float: right;
        display: inline;
        padding-top: 30px;
    }

#safenet-portfolio .content {
    position: relative;
    background: #e20074;
    display: block;
    overflow: hidden;
    padding: 0 55px 30px 55px;
    color: white;
    font-size: 19px;
}

#safenet-portfolio .net-boxes {
    position: relative;
    display: table;
    width: 100%;
    text-align: center;
    margin: 50px 0;
}

    #safenet-portfolio .net-boxes .box {
        display: table-cell;
        width: auto;
        position: relative;
        background: #e20074;
        width: 30.333%;
        left: 0;
        top: 100%;
        background-image: -webkit-gradient(to bottom, #d7c96d, #a3bc86,#bdc279, #89bc98, #9cbcbc, #74b8a6, #33aece,#2eaed2 100%);
        background-image: linear-gradient(to bottom, #d7c96d, #a3bc86,#bdc279, #89bc98, #9cbcbc, #74b8a6, #33aece,#2eaed2 100%);
        min-height: 250px;
    }

        #safenet-portfolio .net-boxes .box:before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            bottom: 100%;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0 6px 6px;
            border-color: transparent transparent #d8c96c transparent;
            -webkit-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
            border-color: transparent transparent #d8c96c transparent;
        }

        #safenet-portfolio .net-boxes .box:after {
            content: '';
            display: block;
            position: absolute;
            left: 100%;
            bottom: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 6px 0 0;
            border-color: #2eaed2 transparent transparent transparent;
            -webkit-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
            border-width: 8px 8px 0 0;
            border-color: #2eaed2 transparent transparent transparent;
            z-index: 2;
        }

        #safenet-portfolio .net-boxes .box:hover:before {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1);
            border-width: 0 0 8px 8px;
        }

        #safenet-portfolio .net-boxes .box:hover .wrap {
            transform: translate(8px, -8px);
            z-index: 3;
            background: white;
        }

        #safenet-portfolio .net-boxes .box:hover:after {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        #safenet-portfolio .net-boxes .box .wrap {
            background: #fafafa;
            position: relative;
            -webkit-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;
            height: 100%;
            padding: 50px;
        }

            #safenet-portfolio .net-boxes .box .wrap a {
                color: black;
            }

                #safenet-portfolio .net-boxes .box .wrap a:hover {
                    text-decoration: none;
                }

            #safenet-portfolio .net-boxes .box .wrap h2 {
                font-family: 'teleNeo-medium' !important;
                font-size: 26px;
                margin-bottom: 40px;
            }

                #safenet-portfolio .net-boxes .box .wrap h2 span {
                    font-family: 'teleNeo-bold' !important;
                }

            #safenet-portfolio .net-boxes .box .wrap .icon {
                margin-bottom: 20px;
            }

                #safenet-portfolio .net-boxes .box .wrap .icon img {
                    height: 90px;
                    width: auto;
                }

            #safenet-portfolio .net-boxes .box .wrap p {
                font-size: 15px;
                text-transform: uppercase;
                font-weight: 600;
                padding: 0 30px;
            }

@media(max-width: 767px) {
    #safenet-portfolio .main-header {
        height: 400px;
    }

    #safenet-portfolio .header {
        bottom: -1px;
        width: 100%;
        padding: 0 20px;
        height: 150px;
    }

        #safenet-portfolio .header h1 {
            font-size: 35px;
        }

            #safenet-portfolio .header h1 span {
                font-size: 38px;
            }

    #safenet-portfolio .safe-net-lock {
        position: relative;
        float: none;
        right: 0;
        width: 100%;
        vertical-align: middle;
        top: 10%;
        text-align: center;
    }

        #safenet-portfolio .safe-net-lock img {
            width: 150px;
        }

    #safenet-portfolio .content {
        padding: 0 35px 30px 55px;
    }

    #safenet-portfolio section.main-content .left-part,
    #safenet-portfolio section.main-content .right-part {
        position: relative;
        width: 100%;
        float: none;
        display: block;
        padding-top: 30px;
    }

    #safenet-portfolio .net-boxes .box {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #safenet-portfolio .safe-net-lock {
        position: relative;
        float: right;
        right: 0%;
        width: 210px;
        top: 20%;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #safenet-portfolio .safe-net-lock {
        position: relative;
        float: right;
        right: 10%;
        width: 250px;
        top: 20%;
    }

    #smart-start section.how-to-start .item-wrap:before {
        content: '';
        border-top: 44px solid white;
        border-right: 126px solid transparent;
    }

    #smart-start section.how-to-start .item-wrap:after {
        content: '';
        border-top: 44px solid white;
        border-left: 136px solid transparent;
    }
}

@media(min-width: 1400px) and (max-width: 1920px) {
    #safenet-portfolio .safe-net-lock {
        right: 30%;
    }
}
/*#endregion safenet portfolio*/


/*#nov broj 2021*/
a.nov-broj-link {
    position: relative;
    width: 100%;
    display: block;
}

.nov-broj-banner {
    position: relative;
    /*background: #e20074; */
    width: 100%;
    padding: 20px 0;
    margin-bottom: 15px;
    display: block;
    width: 100%;
    /*background-image: url(../content/images/prepaid/10gb-banner-full-prepaid.jpg);*/
    background-image: url(../content/images/prepaid/10GB-banner-full-new.jpg);
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .nov-broj-banner h2 {
        width: 40%;
        display: inline;
        float: left;
        position: relative;
        vertical-align: middle;
        top: 60px;
        font-size: 37px;
        color: white;
    }

    .nov-broj-banner .wrap {
        width: 30%;
        display: inline;
        float: left;
        vertical-align: middle;
    }

    .nov-broj-banner .ec {
        width: 15%;
        display: inline;
        float: right;
        position: relative;
        vertical-align: middle;
    }

    .nov-broj-banner.sq {
        /*background-image: url(../content/images/prepaid/10gb-banner-full-prepaid-sq.jpg);*/
        background-image: url(../content/images/prepaid/10GB-banner-full-new-sq.jpg);
    }

    .nov-broj-banner.en {
        /*background-image: url(../content/images/prepaid/10gb-banner-full-prepaid-en.jpg);*/
        background-image: url(../content/images/prepaid/10GB-banner-full-new-en.jpg);
    }

.prepaid-landing-bannerBox.prepaid-landing-bannerBox-second {
    background-image: url(../content/images/prepaid/15gb-pripejd-banner-new.jpg) !important;
    background-size: cover;
    background-position: center;
    min-height: 300px !important;
    width: 100%;
    display: block;
    margin: 10px auto;
}

.prepaid-landing-bannerBox.prepaid-landing-bannerBox-second {
    /* background-image: url(../content/images/prepaid/20gb-banner-full-prepaid.jpg) !important;*/
    background-image: url(../content/images/prepaid/20GB-banner-full-new.jpg) !important;
}



.prepaid-landing-bannerBox.prepaid-landing-bannerBox-second-en {
    /*background-image: url(../content/images/nov-broj-najdobra-ponuda-big-en.jpg);*/
    background-image: url(../content/images/prepaid/20GB-banner-full-new-en.jpg) !important;
}

.prepaid-landing-bannerBox.prepaid-landing-bannerBox-second-sq {
    /*  background-image: url(../content/images/prepaid/20gb-banner-full-prepaid-sq.jpg) !important;*/
    background-image: url(../content/images/prepaid/20GB-banner-full-new-sq.jpg) !important;
}



@media(max-width: 767px) {
    .nov-broj-banner {
        /*background-image: url(../content/images/prepaid/10gb-banner-full-prepaid-mob.jpg);*/
        background-image: url(../content/images/prepaid/10GB-banner-full-new-mob.jpg);
        height: 250px;
        background-position: center;
    }

    .prepaid-landing-bannerBox.prepaid-landing-bannerBox-second {
        background-position: center;
        /* background-image: url('../content/images/prepaid/20gb-banner-full-prepaid-mob.jpg') !important;*/
        background-image: url('../content/images/prepaid/20GB-banner-full-new-mob.jpg') !important;
    }

    /*  .prepaid-landing-bannerBox.prepaid-landing-bannerBox-second-sq {
        background-image: url(../content/images/prepaid/15gb-pripejd-banner-new-mob-sq.jpg) !important;
    }
*/
    .nov-broj-banner.sq {
        /*  background-image: url(../content/images/prepaid/10gb-banner-full-prepaid-mob-sq.jpg);*/
        background-image: url(../content/images/prepaid/10GB-banner-full-new-mob-sq.jpg);
    }

    .nov-broj-banner.en {
        /* background-image: url(../content/images/prepaid/10gb-banner-full-prepaid-mob-en.jpg);*/
        background-image: url(../content/images/prepaid/10GB-banner-full-new-mob-en.jpg);
    }

    .nov-broj-banner h2 {
        width: 40%;
        display: inline;
        float: left;
        position: relative;
        vertical-align: middle;
        top: 0;
        font-size: 19px;
        color: white;
    }

    .prepaid-landing-bannerBox.prepaid-landing-bannerBox-second {
        background-position: left 43% center;
        /*background-image: url(../content/images/prepaid/20gb-banner-full-prepaid-mob.jpg) !important;*/
        background-image: url(../content/images/prepaid/20GB-banner-full-new-mob.jpg) !important;
        min-height: 270px !important;
    }

    .prepaid-landing-bannerBox.prepaid-landing-bannerBox-second-sq {
        /* background-image: url(../content/images/prepaid/20gb-banner-full-prepaid-mob-sq.jpg) !important;*/
        background-image: url(../content/images/prepaid/20GB-banner-full-new-mob-sq.jpg) !important;
    }


    .prepaid-landing-bannerBox.prepaid-landing-bannerBox-second-en {
        /* background-image: url(../content/images/prepaid/20gb-banner-full-prepaid-mob-en.jpg) !important;*/
        background-image: url(../content/images/prepaid/20GB-banner-full-new-mob-en.jpg) !important;
    }

    .home-one.prePaid .pozitivni-vibracii-banner {
        min-height: 250px !important;
        background-position: 10% 50% !important;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .nov-broj-banner .ec {
        float: left;
    }

    .nov-broj-banner {
        /*  background-image: url(../content/images/prepaid/5gb-pripejd-banner-new-mob.jpg);*/
        height: 200px;
    }

    .prepaid-landing-bannerBox.prepaid-landing-bannerBox-second {
        /*background-image: url(../content/images/prepaid/15gb-pripejd-banner-new-mob.jpg) !important;*/
        min-height: 200px !important;
    }

    .home-one.prePaid .pozitivni-vibracii-banner {
        min-height: 200px !important;
    }
}
/*#region moj telekom*/
#moj-telekom-new .first-banner {
    position: relative;
    background-image: url(../content/images/moj-telekom/main-banner-bcg.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5% 0 3%;
    z-index: 1;
    height: 600px;
}

    #moj-telekom-new .first-banner:before {
        content: '';
        position: absolute;
        left: -160px;
        top: -190px;
        background-image: url(../content/images/moj-telekom/shape.png);
        background-position: left top;
        background-size: cover;
        height: 390px;
        width: 380px;
        z-index: 0;
    }

    #moj-telekom-new .first-banner .header {
        position: relative;
        width: 50%;
        float: left;
        display: inline-block;
        top: 10%;
        z-index: 2;
    }

        #moj-telekom-new .first-banner .header .najava {
            position: relative;
            margin-top: 50px;
            width: 160px;
            display: block;
        }

            #moj-telekom-new .first-banner .header .najava a {
                width: 100%;
                padding: 8px 0;
                font-size: 19px;
                box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.10);
                transition: all ease-in .5s;
                margin-bottom: 10px;
            }

                #moj-telekom-new .first-banner .header .najava a:hover {
                    transition: all ease-in .5s;
                    text-decoration: none;
                    background: linear-gradient(to bottom, #c50367 0,#b0025b 100%);
                }

#moj-telekom-new a.btn.magenta-btn:hover {
    text-decoration: none;
    background: linear-gradient(to bottom, #c50367 0,#b0025b 100%) !important;
}

#moj-telekom-new .first-banner .header h1 {
    color: #e20074;
    font-size: 78px;
    text-transform: uppercase;
    margin-bottom: 50px;
    font-family: 'teleNeo-extra' !important;
    line-height: 1.1;
}

#moj-telekom-new .first-banner .header h2 {
    color: black;
    font-size: 30px;
    font-family: 'teleNeo-medium' !important;
}

#moj-telekom-new .first-banner .header p {
    position: relative;
    color: black;
    opacity: .75;
    font-size: 19px;
    line-height: 1.2;
}

#moj-telekom-new .first-banner .image {
    position: absolute;
    right: -20px;
    top: 0;
    width: 50%;
}

#moj-telekom-new .section.pridobivki {
    position: relative;
    padding: 3% 0;
}

#moj-telekom-new .section h2 {
    color: black;
    text-transform: uppercase;
    font-size: 40px;
    font-family: 'teleNeo-bold' !important;
    margin-bottom: 40px;
}

#moj-telekom-new .section.pridobivki .pridobivki-text p {
    color: black;
    font-size: 18px;
    font-family: 'teleNeo-medium' !important;
}

#moj-telekom-new .pridobivki-icons .icon-wrap {
    position: relative;
}

#moj-telekom-new .pridobivki-icons .text-right .icon-wrap {
    right: 30px;
}

#moj-telekom-new .pridobivki-icons .text-left .icon-wrap {
    left: 30px;
}

#moj-telekom-new .pridobivki-icons .icon-wrap .icon {
    position: relative;
    min-height: 70px;
    vertical-align: middle;
}


#moj-telekom-new .pridobivki-icons p {
    color: black;
    font-size: 16px;
    line-height: 1.2;
    font-family: 'teleNeo-bold' !important;
}

#moj-telekom-new .pridobivki-icons .row {
    margin-bottom: 60px;
}

#moj-telekom-new .section.virtuelen-tehnicar {
    padding: 1% 0;
}

    #moj-telekom-new .section.virtuelen-tehnicar .text-wrap {
        padding: 0 0 0 40px;
    }

    #moj-telekom-new .section.virtuelen-tehnicar p {
        color: black;
        font-size: 18px;
        font-family: 'teleNeo-medium' !important;
    }

#moj-telekom-new .text-wrap .video-link {
    position: relative;
    bottom: 0;
    margin: 30px 0 0;
}

    #moj-telekom-new .text-wrap .video-link a {
        background: #e20074;
        border-radius: 0;
        color: white;
        width: 150px;
        padding: 8px 0;
        text-transform: uppercase;
        font-size: 17px;
    }

#moj-telekom-new .section.help-and-support {
    padding: 1% 0;
}

    #moj-telekom-new .section.help-and-support .text-wrap {
        padding: 0 40px 0 0;
    }

        #moj-telekom-new .section.help-and-support .text-wrap p {
            color: black;
            font-size: 18px;
            font-family: 'teleNeo-medium' !important;
        }

            #moj-telekom-new .section.help-and-support .text-wrap p span {
                color: #e20074;
                font-size: 18px;
                font-family: 'teleNeo-medium' !important;
            }

#moj-telekom-new .section.qa h3 {
    font-size: 45px;
    text-transform: uppercase;
    font-family: 'teleNeo-bold' !important;
    margin-bottom: 70px;
}

#moj-telekom-new .section.qa {
    background-color: #F1F3F7;
    padding: 4% 0;
}

    #moj-telekom-new .section.qa .panel-default {
        border: 0;
        background: rgba(255, 255, 255,0.45);
    }

    #moj-telekom-new .section.qa .panel-heading {
        background-color: #f1f3f7 !important;
        border: 0;
        padding: 10px 0;
    }

        #moj-telekom-new .section.qa .panel-heading h4 a {
            display: block;
            width: 100%;
            position: relative;
            padding-left: 0;
            text-decoration: none;
            display: block;
            padding: 14px;
            color: #747474;
            font-size: 19px;
            text-shadow: none;
            padding-top: 0;
            padding-bottom: 0;
        }

            #moj-telekom-new .section.qa .panel-heading h4 a:after {
                content: '';
                position: absolute;
                width: 30px;
                height: 30px;
                top: 40px;
                right: 10px;
                background-image: url(../content/images/minus.png);
                background-repeat: no-repeat;
                background-position: right 0px center;
                background-color: transparent;
                filter: grayscale(1);
            }

            #moj-telekom-new .section.qa .panel-heading h4 a.collapsed {
                padding-right: 15px;
            }

                #moj-telekom-new .section.qa .panel-heading h4 a.collapsed:after {
                    content: '';
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    top: 0;
                    right: 0;
                    background-image: url(../content/images/plus.png) !important;
                    background-repeat: no-repeat;
                    background-position: right 0px center;
                    background-size: inherit;
                    filter: grayscale(0);
                }

            #moj-telekom-new .section.qa .panel-heading h4 a:hover,
            #moj-telekom-new .section.qa .panel-heading h4 a:focus {
                text-decoration: none;
            }

    #moj-telekom-new .section.qa .panel-body h4 {
        margin: 0 0 20px 0;
        font-family: 'teleNeo-medium' !important;
        font-size: 19px;
    }

    #moj-telekom-new .section.qa .panel-body p {
        font-size: 17px;
        line-height: 1.2;
        color: black;
        opacity: .5;
    }

#moj-telekom-new .section.mk-app {
    padding: 4% 0 8% 0;
    background-image: url(../content/images/moj-telekom/city-lines.svg);
    background-position: 53% 100%;
    z-index: 0;
}

    #moj-telekom-new .section.mk-app .left-part {
        width: 50%;
        display: inline;
        float: left;
        position: relative;
    }

    #moj-telekom-new .section.mk-app .right-part {
        width: 40%;
        float: right;
        display: inline;
        background-image: url(../content/images/moj-telekom/main-phone-img.png);
        position: relative;
        height: 380px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left top;
    }

        #moj-telekom-new .section.mk-app .right-part:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/moj-telekom/circles.png);
            background-size: cover;
            width: 390px;
            height: 390px;
            z-index: 0;
            left: -165px;
            top: -50px;
            z-index: 2;
        }

        #moj-telekom-new .section.mk-app .right-part:after {
            content: '';
            position: absolute;
            width: 20px;
            height: 20px;
            background: white;
            left: 15px;
            top: 35%;
            border-radius: 50%;
            z-index: 3;
        }

        #moj-telekom-new .section.mk-app .right-part img {
            position: relative;
            z-index: 4;
        }

#moj-telekom-new .social-icons {
    position: relative;
    top: 60px;
    display: block;
    margin-top: 50px;
}

    #moj-telekom-new .social-icons a {
        display: inline;
        color: black;
        margin-right: 30px;
        font-size: 20px;
        font-family: 'teleNeo-medium' !important;
        padding-right: 10px;
        text-decoration: underline;
    }

        #moj-telekom-new .social-icons a:hover {
            text-decoration: none;
        }

        #moj-telekom-new .social-icons a.google:before {
            content: '';
            position: relative;
            left: 0;
            top: 8px;
            background-image: url(../content/images/moj-telekom/google-play.png);
            background-size: contain;
            background-position: left top;
            width: 30px;
            height: 30px;
            background-repeat: no-repeat;
            display: inline-block;
        }

        #moj-telekom-new .social-icons a.apple:before {
            content: '';
            position: relative;
            left: 0;
            top: 5px;
            background-image: url(../content/images/moj-telekom/apple.png);
            background-size: contain;
            background-position: left top;
            width: 30px;
            height: 30px;
            background-repeat: no-repeat;
            display: inline-block;
        }

#moj-telekom-new .mk-app .left-part h2 {
    color: white !important;
    text-transform: uppercase;
    font-size: 55px !important;
    font-family: 'teleNeo-thin' !important;
    margin-bottom: 40px;
    width: 390px;
    background-color: #e20074;
    text-align: center;
}

#moj-telekom-new .mk-app .left-part h3 {
    position: relative;
    font-family: 'teleNeo-regular' !important;
    font-size: 31px;
}

#moj-telekom-new nav.moj-telekom-nav.fixed {
    position: fixed;
    top: 35%;
    z-index: 4;
}

    #moj-telekom-new nav.moj-telekom-nav.fixed ul li {
        display: block;
        list-style: circle;
        width: 20px;
        margin: 15px 10px;
        text-align: center;
    }

        #moj-telekom-new nav.moj-telekom-nav.fixed ul li a:before {
            content: '';
            position: relative;
            left: 5px;
            top: 0;
            display: block;
            width: 10px;
            height: 10px;
            background: #000000;
            border-radius: 50px;
            opacity: 0.1;
        }

        #moj-telekom-new nav.moj-telekom-nav.fixed ul li a.active:before {
            background: #e20074;
            opacity: 1;
        }

    #moj-telekom-new nav.moj-telekom-nav.fixed button {
        background-color: transparent;
        color: #ccc;
        font-size: 40px;
        text-shadow: none;
        padding: 0 14px;
    }

        #moj-telekom-new nav.moj-telekom-nav.fixed button.prev {
            padding-left: 12px !important;
        }

        #moj-telekom-new nav.moj-telekom-nav.fixed button:hover {
            color: #e20074;
        }

        #moj-telekom-new nav.moj-telekom-nav.fixed button:focus {
            outline: none;
        }

@media(max-width: 767px) {
    #moj-telekom-new .first-banner {
        height: auto;
    }

        #moj-telekom-new .first-banner:before {
            height: 330px;
            width: 330px;
            z-index: 0;
        }

        #moj-telekom-new .first-banner .header {
            position: relative;
            width: 100%;
            float: none;
            display: block;
            top: 20px !important;
            text-align: center;
        }

            #moj-telekom-new .first-banner .header h1 {
                font-size: 58px;
                margin-bottom: 30px;
            }

        #moj-telekom-new .first-banner .image {
            position: relative;
            right: 0;
            top: 20px;
            width: 100%;
            display: block;
        }

    #moj-telekom-new .pridobivki-icons .row {
        margin-bottom: 10px;
    }

    #moj-telekom-new .pridobivki-icons .icon-wrap {
        min-height: 160px;
        text-align: center;
    }

    #moj-telekom-new .section.virtuelen-tehnicar .text-wrap {
        padding: 0;
        text-align: center;
    }

    #moj-telekom-new .section.help-and-support .text-wrap {
        padding: 0;
        text-align: center;
    }

    #moj-telekom-new .section.qa h3 {
        text-align: center;
    }

    #moj-telekom-new .section.mk-app .left-part {
        width: 100%;
        display: block;
        float: none;
        position: relative;
    }

    #moj-telekom-new .section.mk-app .right-part {
        width: 100%;
        float: none;
        display: block;
        height: auto;
    }

    #moj-telekom-new .social-icons {
        position: relative;
        top: 0;
        display: block;
        margin-top: 50px;
        margin-bottom: 90px;
    }

    #moj-telekom-new .section.mk-app {
        background-image: none;
    }

    #moj-telekom-new .mk-app .left-part h2 {
        font-size: 43px !important;
        width: auto;
        margin-top: 30px;
    }
}

#moj-telekom-new section.blue-section {
    position: relative;
    padding: 2% 0;
    background-color: #dee4ec;
}

    #moj-telekom-new section.blue-section p {
        font-size: 16px;
        text-align: center;
        line-height: 1.2;
        padding: 0 10px;
        font-family: 'teleNeo-medium' !important;
    }
/*#endregion moj telekom*/

/*#region speak out/stream on animite*/
.animateBanner svg {
    position: relative !important;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    height: auto !important;
}

.animateBannerSpeak svg {
    position: absolute;
    z-index: 3;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    height: auto !important;
    margin-top: -11%;
    transform: scale(1.07);
}

svg.svgAnimate polygon, svg.svgAnimate path, svg.svgAnimate polyline {
    stroke-dasharray: 1500;
    stroke-dashoffset: 0;
    animation: dash 4s linear;
}

svg.svgAnimate #Path_3, svg.svgAnimate #Path_4 {
    stroke: white;
    fill: white;
    fill-opacity: 0;
    stroke-width: 1;
    stroke-dasharray: 1500;
    stroke-dashoffset: 0;
    -moz-animation: hello ease-in-out 4s forwards;
    -webkit-animation: hello ease-in-out 4s forwards;
    animation: hello ease-in-out 5s forwards;
}

svg.svgAnimate #Ellipse_1 {
    -moz-animation: zoom ease-in-out 2s forwards;
    -webkit-animation: zoom ease-in-out 2s forwards;
    animation: zoom ease-in-out 1.2s forwards;
    transform-origin: center;
    animation-iteration-count: 3;
}


.animateBanner img {
    -moz-animation: hide ease-in-out 4s forwards;
    -webkit-animation: hide ease-in-out 4s forwards;
    animation: hide ease-in-out 4s forwards;
}

.animateBanner {
    position: relative;
    background: #e20074;
    z-index: 2;
}

    .animateBanner:after {
        height: 5px;
        background: white;
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        content: '';
    }

    .animateBanner img {
        position: absolute;
        bottom: 5px;
        left: 0;
        width: 30%;
        z-index: 1;
    }

@keyframes hide {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


@-webkit-keyframes hide {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes hide {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes zoom {
    0% {
        transform: scale(1.0) translate(477px, 110px);
        transform-origin: center;
    }

    50% {
        transform: scale(1.1) translate(477px, 110px);
        transform-origin: center;
    }

    100% {
        transform: scale(1.0) translate(477px, 110px);
        transform-origin: center;
    }
}

@-webkit-keyframes zoom {
    0% {
        transform: scale(1.0) translate(477px, 110px);
    }

    50% {
        transform: scale(1.1) translate(477px, 110px);
    }

    100% {
        transform: scale(1.0) translate(477px, 110px);
    }
}

@-moz-keyframes zoom {
    0% {
        transform: scale(1.0) translate(477px, 110px);
    }

    50% {
        transform: scale(1.1) translate(477px, 110px);
    }

    100% {
        transform: scale(1.0) translate(477px, 110px);
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1500;
    }

    80% {
        stroke-dashoffset: 800;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1500;
    }

    80% {
        stroke-dashoffset: 800;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-moz-keyframes dash {
    0% {
        stroke-dashoffset: 1500;
    }

    80% {
        stroke-dashoffset: 800;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes hello {
    0% {
        stroke-dashoffset: 1500;
        fill-opacity: 0;
    }

    50% {
        fill-opacity: 0;
    }

    80% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }

    100% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }
}

@-webkit-keyframes hello {
    0% {
        stroke-dashoffset: 1500;
        fill-opacity: 0;
    }

    50% {
        fill-opacity: 0;
    }

    80% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }

    100% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }
}

@-moz-keyframes hello {
    0% {
        stroke-dashoffset: 1500;
    }

    80% {
        stroke-dashoffset: 0;
        fill-opacity: 0;
    }

    100% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }
}


svg.speakAnimate polygon, svg.speakAnimate path, svg.speakAnimate polyline {
    stroke-dasharray: 2000;
    stroke-dashoffset: 0;
    animation: dash2 4s linear;
}

svg.speakAnimate .cls-3 {
    stroke: white;
    fill: white;
    fill-opacity: 0;
    stroke-width: 1;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    -moz-animation: hello2 ease-in-out 5s forwards;
    -webkit-animation: hello2 ease-in-out 5s forwards;
    animation: hello2 ease-in-out 5s forwards;
}

svg.speakAnimate .cls-4 {
    stroke: black;
    fill: black;
    fill-opacity: 0;
    stroke-width: 1;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    -moz-animation: hello2 ease-in-out 6s forwards;
    -webkit-animation: hello2 ease-in-out 6s forwards;
    animation: hello2 ease-in-out 6s forwards;
}

svg.speakAnimate #Ellipse_1 {
    -moz-animation: zoom2 ease-in-out 2s forwards;
    -webkit-animation: zoom2 ease-in-out 2s forwards;
    animation: zoom2 ease-in-out 1.2s forwards;
    transform-origin: center;
    animation-iteration-count: 3;
    transition: ease-in-out .5s all;
}


.animateBannerSpeak img {
    -moz-animation: hide2 ease-in-out 4s forwards;
    -webkit-animation: hide2 ease-in-out 4s forwards;
    animation: hide2 ease-in-out 4s forwards;
}

.animateBannerSpeak {
    position: relative;
    background: transparent;
}

    .animateBannerSpeak:after {
        height: 5px;
        background: white;
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        content: '';
    }

    .animateBannerSpeak img {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 30%;
    }

@keyframes hide2 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


@-webkit-keyframes hide2 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes hide2 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes zoom2 {
    0% {
        transform: scale(1.0) translate(477px, 110px);
        transform-origin: center;
    }

    50% {
        transform: scale(1.1) translate(477px, 110px);
        transform-origin: center;
    }

    100% {
        transform: scale(1.0) translate(477px, 110px);
        transform-origin: center;
    }
}

@-webkit-keyframes zoom2 {
    0% {
        transform: scale(1.0) translate(477px, 110px);
    }

    50% {
        transform: scale(1.1) translate(477px, 110px);
    }

    100% {
        transform: scale(1.0) translate(477px, 110px);
    }
}

@-moz-keyframes zoom2 {
    0% {
        transform: scale(1.0) translate(477px, 110px);
    }

    50% {
        transform: scale(1.1) translate(477px, 110px);
    }

    100% {
        transform: scale(1.0) translate(477px, 110px);
    }
}

@keyframes dash2 {
    0% {
        stroke-dashoffset: 2000;
    }

    80% {
        stroke-dashoffset: 800;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes dash2 {
    0% {
        stroke-dashoffset: 2000;
    }

    80% {
        stroke-dashoffset: 800;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-moz-keyframes dash2 {
    0% {
        stroke-dashoffset: 2000;
    }

    80% {
        stroke-dashoffset: 800;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes hello2 {
    0% {
        stroke-dashoffset: 1000;
        fill-opacity: 0;
    }

    50% {
        fill-opacity: 0;
    }

    80% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }

    100% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }
}

@-webkit-keyframes hello2 {
    0% {
        stroke-dashoffset: 1000;
        fill-opacity: 0;
    }

    50% {
        fill-opacity: 0;
    }

    80% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }

    100% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }
}

@-moz-keyframes hello2 {
    0% {
        stroke-dashoffset: 1000;
    }

    80% {
        stroke-dashoffset: 0;
        fill-opacity: 0;
    }

    100% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }
}

.cls-1, .cls-2 {
    fill: none;
    stroke: #e20074;
    stroke-miterlimit: 10;
}

.cls-1 {
    stroke-width: 1.05px;
}

.cls-2 {
    stroke-width: 0.93px;
}

.cls-3 {
    fill: #fff;
}

@media (max-width:576px) {
    .animateBannerSpeak svg {
        margin-top: -7%;
    }
}
/*#endregion speak out/stream on animite*/



/*#region stream-on / speak-out prepaid*/
.stream-on-shape {
    position: relative;
    margin: 0 0 20px;
    background: white;
    padding: 20px;
    color: #e20074;
    border: 2px solid #e20074;
    overflow: hidden;
}

#stream-on-landing .stream-on-shape p {
    border-bottom: 1px solid #e2007436;
    font-size: 24px;
    text-align: center;
    padding-bottom: 10px;
}

.speak-out-shape {
    position: relative;
    margin: 0 0 20px;
    background: white;
    padding: 20px;
    color: #e20074;
    border: 2px solid #e20074;
    overflow: hidden;
    width: 50%;
}

    #stream-on-landing .stream-on-shape .smart-priceWraper,
    .speak-out-shape .smart-priceWraper {
        position: relative;
        display: block;
        width: 110px;
        text-align: center;
        overflow: hidden;
        float: right;
        margin-top: 10px;
    }

        #stream-on-landing .stream-on-shape .smart-priceWraper .p-left-smart,
        .speak-out-shape .smart-priceWraper .p-left-smart {
            position: relative;
            display: inline;
            float: left;
            width: 65px;
        }

            #stream-on-landing .stream-on-shape .smart-priceWraper .p-left-smart span.price2,
            .speak-out-shape .smart-priceWraper .p-left-smart span.price2 {
                font-size: 40px;
                font-family: 'teleNeo-bold' !important;
            }

        #stream-on-landing .stream-on-shape .smart-priceWraper .p-right-smart,
        .speak-out-shape .smart-priceWraper .p-right-smart {
            position: relative;
            display: inline;
            float: left;
            width: 45px;
            top: 7px;
        }


    .speak-out-shape p {
        text-align: center;
        border-bottom: 1px solid #e2007436;
        font-size: 24px;
        text-align: center;
        padding-bottom: 10px;
        color: #e20074 !important;
        width: 100%;
    }

.speak-out-work-txt ul li,
.stream-on-work-txt ul li {
    font-size: 19px;
}

div#stream-on-landing.stream-on-prepaid .stream-on-activation {
    padding-top: 90px;
    padding-bottom: 90px;
}

.animateBanner .sticky {
    margin: 0 !important;
    width: 13%;
    height: 55px;
    margin: 0 auto;
    padding: 0px;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    right: 0;
    text-align: center;
    bottom: -23px;
    right: 0;
    z-index: 3;
}

    .animateBanner .sticky h1 {
        display: block;
        width: 100%;
        height: 100%;
        background-position: top center;
        background-repeat: no-repeat;
        font-size: 24px;
        line-height: 53px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        color: black;
        top: 0px;
        position: absolute;
        left: 0px;
        z-index: 10;
        background-size: contain;
        margin: 0;
        background-color: #17ffab;
        font-family: 'teleNeo-extra' !important;
    }

.stream-on-white-green .sticky {
    margin: 0 !important;
    width: 30%;
    height: 70px;
    padding: 0px;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: -10px;
    text-align: center;
    top: -23px;
    right: 0;
    z-index: 3;
}

    .stream-on-white-green .sticky h1 {
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(../content/images/label.png);
        background-position: top center;
        background-repeat: no-repeat;
        font-size: 24px;
        line-height: 47px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        color: black;
        top: 0px;
        position: absolute;
        left: 0px;
        z-index: 10;
        background-size: contain;
        margin: 0;
        font-family: 'teleNeo-extra' !important;
    }

.stream-on-activation_work .sticky {
    width: 100%;
    height: 70px;
    margin: 0 auto;
    padding: 0px;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -34px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

    .stream-on-activation_work .sticky h1 {
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(../content/images/label.png);
        background-position: top center;
        background-repeat: no-repeat;
        font-size: 24px;
        line-height: 48px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        color: black;
        top: 10px;
        /* transform: rotate( 
-15deg
 ); */
        position: absolute;
        left: -23%;
        z-index: 10;
        background-size: contain;
        margin: 0;
        font-family: 'teleNeo-extra' !important;
    }

.stream-on-sodrzhini .sticky {
    left: 0 !important;
    margin: 0 !important;
    top: 4% !important;
    width: 17%;
    height: 70px;
    margin: 0 auto;
    padding: 0px;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    right: 0;
    text-align: center;
}

    .stream-on-sodrzhini .sticky h1 {
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(../content/images/stream-on/pripejd-bg-black.png);
        background-position: top center;
        background-repeat: no-repeat;
        font-size: 29px;
        line-height: 56px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        color: white;
        top: 0px;
        transform: rotate( -36deg );
        position: absolute;
        left: 0px;
        z-index: 10;
        background-size: contain;
        margin: 0;
    }

.speak-out-magenta .sticky {
    margin: 0 !important;
    width: 13%;
    height: 55px;
    margin: 0 auto;
    padding: 0px;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    right: 0;
    text-align: center;
    right: 0;
    z-index: 3;
    top: -28px;
}

    .speak-out-magenta .sticky h1 {
        display: block;
        width: 100%;
        height: 100%;
        background-position: top center;
        background-repeat: no-repeat;
        font-size: 24px;
        line-height: 58px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        color: black;
        top: 0px;
        position: absolute;
        left: 0px;
        z-index: 3;
        background-size: contain;
        margin: 0;
        background-color: #17ffab;
        font-family: 'teleNeo-extra' !important;
    }

.speak-out-blackBox-magentaBox-left .sticky {
    margin: 0 auto !important;
    z-index: 3;
    bottom: 2px !important;
    margin: 0 auto;
    left: -4% !important;
}

    .speak-out-blackBox-magentaBox-left .sticky h1 {
        line-height: 48px !important;
        font-size: 24px !important;
    }

.speak-out-activation .sticky {
    margin: 0 !important;
    width: 19%;
    height: 70px;
    padding: 0px;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    right: 0;
    text-align: center;
    z-index: 3;
    bottom: 46%;
    left: 0;
}

    .speak-out-activation .sticky h1 {
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(../content/images/label.png);
        background-position: top center;
        background-repeat: no-repeat;
        font-size: 29px;
        line-height: 58px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        color: black;
        top: 0px;
        position: absolute;
        left: 0px;
        z-index: 10;
        background-size: contain;
        margin: 0;
        font-family: 'teleNeo-extra' !important;
    }

#speak-out-landing.prepaid .speak-out-activation p {
    text-align: center;
}

    #speak-out-landing.prepaid .speak-out-activation p span {
        font-size: 23px;
        font-weight: 700;
    }

@media(max-width: 767px) {
    .animateBanner .sticky {
        display: none;
    }

    .stream-on-white-green .sticky {
        width: 100%;
        height: 70px;
    }

        .stream-on-white-green .sticky h1 {
            font-size: 22px;
            line-height: 50px;
        }

    .stream-on-activation_work .sticky {
        display: none;
    }

    .stream-on-sodrzhini .sticky {
        top: 0 !important;
    }

    .speak-out-magenta .sticky {
        display: none;
    }

        .speak-out-magenta .sticky h1 {
            font-size: 13px !important;
            line-height: 28px !important;
        }

    .speak-out-blackBox-magentaBox-left .sticky {
        display: none;
    }

    .speak-out-activation .sticky {
        width: 100%;
        bottom: 45%;
        top: 30px;
        left: -26% !important;
        z-index: 12;
    }

        .speak-out-activation .sticky h1 {
            font-size: 17px;
            line-height: 34px;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    .speak-out-magenta .sticky {
        width: 19%;
        top: -22px;
    }

        .speak-out-magenta .sticky h1 {
            font-size: 20px;
            line-height: 40px;
        }

    .speak-out-blackBox-magentaBox-left .sticky {
        width: 20% !important;
    }

    .speak-out-activation .sticky {
        width: 20%;
        bottom: 45%;
    }

        .speak-out-activation .sticky h1 {
            font-size: 22px;
            line-height: 44px;
        }

    .animateBanner .sticky {
        width: 23%;
    }

    .stream-on-activation_work .sticky {
        width: 23%;
    }

        .stream-on-activation_work .sticky h1 {
            font-size: 23px;
            line-height: 50px;
        }

    .stream-on-sodrzhini .sticky {
        width: 23%;
    }

        .stream-on-sodrzhini .sticky h1 {
            line-height: 49px;
        }
}

@media(min-width: 1500px) {
    .animateBanner .sticky {
        width: 9%;
    }

        .animateBanner .sticky h1 {
            line-height: 55px;
        }

    .stream-on-sodrzhini .sticky h1 {
        line-height: 70px;
    }

    .speak-out-magenta .sticky {
        width: 9%;
    }

        .speak-out-magenta .sticky h1 {
            line-height: 52px;
        }

    .speak-out-activation .sticky h1 {
        line-height: 65px;
    }
}
/*#endregion stream-on / speak-out prepaid*/
.smart-start-control .last-section-error-msg {
    position: relative;
    background: rgba(226, 9, 116, .11);
    border: 1px solid;
    border-color: #e20974bd;
    padding: 15px 20px;
    border-radius: 7px;
    color: #c35977;
    font-size: 17px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0,.80), 0 0 0px 5px rgba(226, 9, 116, .20);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0,.80), 0 0 6px #ce8483;
}


/*#region mob paketi vo zemjata */

/*#region toggle*/
.toggle {
    width: 50px;
    height: 25px;
    border-radius: 50px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: 10px;
    left: 0;
}

.toggle__input {
    display: none;
}

.toggle__fill {
    position: relative;
    width: 46px;
    height: 25px;
    border-radius: 50px;
    background: #46A800;
    transition: background 0.2s;
}

    .toggle__fill::after {
        content: "";
        position: absolute;
        top: 1px;
        left: 2px;
        height: 23px;
        width: 23px;
        background: white;
        box-shadow: 0 0 10px rgba(0, 0, 0, .25);
        border-radius: 50px;
        transition: transform 0.2s;
    }

.toggle__input:checked ~ .toggle__fill {
    background: #46A800;
}

    .toggle__input:checked ~ .toggle__fill::after {
        transform: translateX(20px);
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
    }
/*#endregion toggle*/
.mob-paketi-zemjata-banner {
    background-image: url(../content/images/mob-internet-paketi/dopolnitelni-paketi-banner-new.jpg);
    position: relative;
    /* background-image: url(../content/images/mob-internet-paketi/dopolnitelni-paketi-new-banner.jpg); */
    background-position: 0% 50% !important;
    background-size: cover;
    padding: 28% 0 0;
}

    .mob-paketi-zemjata-banner.tarifi {
        background-image: url(../content/images/mob-internet-paketi/business-office-two.jpg) !important;
        /* background-image: url(../content/images/mob-internet-paketi/b2b-fiksen-internet-inner.jpg) !important;*/
    }

/* .mob-paketi-zemjata-banner.tarifi.sq {
            background-image: url(../content/images/mob-internet-paketi/b2b-fiksen-internet-inner-sq.jpg) !important;
        }*/

#dopolnitelni-paketi-new .header {
    width: 40%;
    padding: 4% 0px 0 2px;
}

.mob-paketi-zemjata-banner .header {
    width: 35%;
    padding: 6% 0px 0 2px;
    background-size: cover;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    z-index: 0;
    position: absolute;
    bottom: 0;
}

#dopolnitelni-paketi-new .header .wrapper {
    padding: 2% 15% 0;
}

.mob-paketi-zemjata-banner .header .wrapper {
    padding: 2% 15%;
}

.mob-paketi-zemjata-banner .header:before {
    position: absolute;
    content: '';
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    left: 0px;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#business-office-tarifi .mob-paketi-zemjata-banner .header:before {
    background-image: url(../content/images/mob-internet-paketi/business-office-paketi-shape.png);
}

#dopolnitelni-paketi-new .mob-paketi-zemjata-banner .header:before {
    background-image: url(../content/images/mob-internet-paketi/Mobilni-internet-paketi-shape.png);
}

.mob-paketi-zemjata-banner .header h1 {
    font-size: 33px;
    color: white;
    font-family: 'teleNeo-bold' !important;
    text-align: left;
    z-index: 1;
    position: relative;
    text-transform: none;
}


.mob-paketi-zemjata-banner .header h2 {
    color: white;
    font-family: 'teleNeo-thin' !important;
    line-height: 1.2;
    font-size: 22px;
    text-align: left;
    z-index: 1;
    position: relative;
}

section.mob-paketi-zemjata-text h1 {
    font-size: 29px;
    font-family: 'teleNeo-bold' !important;
    color: #e20074;
    margin: 50px 0 30px 0 !important;
}

section.mob-paketi-zemjata-text p {
    font-size: 17px;
    line-height: 1.2;
}

.paketi-tabsContent .tabovi {
    position: relative;
    width: 100%;
    margin: 40px auto;
    text-align: center;
}

    .paketi-tabsContent .tabovi ul {
        width: 60%;
        margin: 0 auto;
        border: 0;
        text-align: center;
        display: block;
    }

        .paketi-tabsContent .tabovi ul li {
            background: none;
            display: inline;
            float: left;
            margin: 0px;
            padding: 0;
            border: 0;
            width: 50%;
        }

    .paketi-tabsContent .tabovi li a {
        position: relative;
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
        font-size: 18px;
        padding: 10px 15px;
        border: 0;
        border-radius: 0;
    }

    .paketi-tabsContent .tabovi li a {
        background: transparent;
        color: #84919B;
        font-family: 'teleNeo-regular' !important;
    }

        .paketi-tabsContent .tabovi li.active a,
        .paketi-tabsContent .tabovi li a:hover {
            border: 0;
            color: black !important;
            background: #EEEFF2;
            font-family: 'teleNeo-bold' !important;
        }

.paketi-tabsContent .tab-pane {
    display: none;
    visibility: hidden;
    opacity: 0;
}

    .paketi-tabsContent .tab-pane.active {
        display: block;
        visibility: visible;
        opacity: 1;
    }

.paketi-tabsContent .wrapper .copy {
    position: relative;
}

    .paketi-tabsContent .wrapper .copy .ec {
        position: absolute;
        top: -50px;
        right: 0;
        width: 120px;
    }


.paketi-tabsContent ul.list-inline {
    margin: 30px 0 45px;
}

    .paketi-tabsContent ul.list-inline li {
        display: inline-block;
        padding: 0;
        margin: 0;
        list-style: none;
        background: none;
        color: #333;
        opacity: .5;
        margin: 0 5px;
        font-size: 17px;
    }

        .paketi-tabsContent ul.list-inline li.active {
            color: #333;
            opacity: 1;
            font-family: 'teleNeo-bold' !important;
        }

.paketi-tabsContent .box-wrap .price .smart-priceWraper {
    position: relative;
    display: block;
    width: 70%;
    overflow: hidden;
    margin: 10px auto;
    padding: 20px 0;
}

.paketi-tabsContent .box-wrap .price .p-left-smart {
    position: relative;
    display: inline;
    width: 50%;
    float: left;
    text-align: right;
}

.paketi-tabsContent .box-wrap .price .p-right-smart {
    position: relative;
    display: inline;
    float: left;
    width: 30%;
    bottom: 0 !important;
    top: 3px;
    color: #333;
    text-align: right;
    margin-left: 6px;
}

.paketi-tabsContent #paketi-stranstvo .box-wrap .price .p-right-smart,
.paketi-tabsContent #sms .box-wrap .price .p-right-smart {
    width: 25% !important;
}

.paketi-tabsContent .box-wrap .price .p-left-smart span {
    font-size: 30px;
    font-family: 'teleNeo-bold' !important;
}

.paketi-tabsContent .box-wrap .price .p-right-smart span {
    color: #333;
    text-transform: none;
    text-align: left;
    font-size: 13px !important;
}

.paketi-tabsContent span.bts-paket-ddv {
    display: none;
}

.paketi-tabsContent .box-wrap {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
    -webkit-box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
    -moz-box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
}

    .paketi-tabsContent .box-wrap .title h2 {
        display: block;
        font-size: 22px;
        font-family: 'teleNeo-regular' !important;
        padding: 30px 10px;
    }

        .paketi-tabsContent .box-wrap .title h2 span {
            display: block;
            font-size: 25px;
            font-family: 'teleNeo-extra' !important;
            margin-top: 10px;
        }

    .paketi-tabsContent .box-wrap .internet p {
        font-size: 22px;
        font-family: 'teleNeo-bold' !important;
    }

        .paketi-tabsContent .box-wrap .internet p span {
            font-size: 20px !important;
            text-decoration: line-through;
            margin-right: 4px !important;
            color: black;
        }

    .paketi-tabsContent .box-wrap .icons {
        position: relative;
        display: block;
        margin: 20px 0;
    }

        .paketi-tabsContent .box-wrap .icons span {
            width: 35px;
            height: 35px;
            display: inline-block;
            top: 0 !important;
        }

.mob-paketi-actions {
    position: relative;
    margin: 40px 0;
    background-image: url(../content/images/mob-internet-paketi/bg-flow.png);
    /*background-color: white;*/
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 120%;
    box-shadow: 0px 3px 46px rgba(0,0,0,.12);
    -webkit-box-shadow: 0px 3px 46px rgba(0,0,0,.12);
    -moz-box-shadow: 0px 3px 46px rgba(0,0,0,.12);
    text-align: left;
    padding-bottom: 20px;
}

    .mob-paketi-actions .col-sm-4 {
        padding: 0;
    }

    .mob-paketi-actions .action-box {
        position: relative;
        /*background-image: url(../content/images/mob-internet-paketi/gradient-box-new.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center top;
        box-shadow: 0px 3px 46px #00000005;*/
        min-height: 280px;
        margin: 0 10px;
        padding: 10px 15px 0;
        background-color: transparent;
    }

        .mob-paketi-actions .action-box .header {
            width: 100% !important;
            padding: 0;
        }

#sms .mob-paketi-actions .action-box {
    min-height: 170px;
}

.mob-paketi-actions .action-box .header {
    position: relative;
    margin-bottom: 30px;
}

    .mob-paketi-actions .action-box .header h3 {
        color: white;
        text-transform: uppercase;
        font-size: 21px;
        font-family: 'teleNeo-bold' !important;
        line-height: 1.1;
        z-index: 3;
        padding: 5px 65px 15px 15px;
        position: relative;
        margin-top: 15px;
        margin-bottom: 0;
    }

.mob-paketi-actions .action-box.one .header:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../content/images/mob-internet-paketi/check-icon-white.png);
    background-size: contain;
    background-position: center;
    display: inline;
    top: 25px;
    right: 20px;
    background-repeat: no-repeat;
}

.mob-paketi-actions .action-box.two .header:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../content/images/mob-internet-paketi/question-circle-white.png);
    background-size: contain;
    background-position: center;
    display: inline;
    top: 25px;
    right: 20px;
    background-repeat: no-repeat;
}

.mob-paketi-actions .action-box.three .header:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../content/images/mob-internet-paketi/x-icon-white.png);
    background-size: contain;
    background-position: center;
    display: inline;
    top: 25px;
    right: 20px;
    background-repeat: no-repeat;
}

.mob-paketi-actions .action-box .header h3 span {
    text-transform: none;
    display: block;
    font-size: 17px;
    font-family: 'teleNeo-regular' !important;
}

.mob-paketi-actions .action-box ul li {
    margin-left: 15px;
    font-size: 17px;
}

.dopolnitelni-paketi-tabs {
    /*background-color: rgba(237,237,237,0.85);*/
    /*background-color: rgba(0, 0, 0, .6);*/
    position: relative;
    bottom: 0;
    width: 100%;
    margin: 30px 0;
}

    .dopolnitelni-paketi-tabs ul {
        width: 75%;
        margin: 0 auto;
        border: 0;
        box-shadow: none;
    }

        .dopolnitelni-paketi-tabs ul li.active {
            background-color: black;
            background-size: cover;
            border-radius: 0;
            transform: skewX( -25deg );
            margin: 0 10px;
        }

            .dopolnitelni-paketi-tabs ul li.active a {
                border: 0 !important;
                background: transparent !important;
                text-transform: uppercase;
                color: white !important;
                font-family: 'teleNeo-bold' !important;
                padding: 15px 15px;
                font-size: 17px;
                transform: skewX( 25deg );
            }

        .dopolnitelni-paketi-tabs ul li a {
            color: black;
            transform: skewX( 0deg );
            border: 0 !important;
            background: transparent !important;
            text-transform: uppercase;
            font-family: 'teleNeo-bold' !important;
            padding: 15px 15px;
            font-size: 17px;
        }

            .dopolnitelni-paketi-tabs ul li a span {
                font-family: 'teleNeo-regular' !important;
            }

#dopolnitelni-paketi-new .business_call .business-call-tabs ul li.active a span {
    color: black !important;
    font-family: 'teleNeo-medium' !important;
}

.dopolnitelni-paketi-tabs .dopolnitelni-paketi-tabs ul li.active a span {
    color: white !important;
}
/*.dopolnitelni-paketi-tabs ul li.active a:after {
            content: '';
            position: absolute;
            border-bottom: 5px solid #e20074;
            bottom: 1px;
            width: 100%;
            left: 0;
            right: 0;
        }*/

.paketi-tabsContent .tab-pane.fade {
    display: block;
    height: 0;
    overflow: hidden;
}

    .paketi-tabsContent .tab-pane.fade.active {
        overflow: initial;
        position: relative;
        height: auto;
        margin-bottom: 30px;
    }

.paketi-tabsContent .mob-paketi-stranstvo-banner {
    position: relative;
    background-image: url('../content/images/delovni/delovni_img_12.jpg');
    background-size: cover;
    background-position: center top;
    padding: 14% 0;
}

section.mob-paketi-stranstvo-text h1 {
    font-size: 29px;
    font-family: 'teleNeo-bold' !important;
    color: #e20074;
    margin: 50px 0 30px 0 !important;
}

section.mob-paketi-stranstvo-text .intro p,
section.sms-paketi-text .intro p {
    font-size: 18px;
    line-height: 1.2;
}

section.sms-paketi-text h1 {
    font-size: 29px;
    font-family: 'teleNeo-bold' !important;
    color: #e20074;
    margin: 50px 0 30px 0 !important;
}

div#vo-zemjata .link a {
    position: relative;
    padding: 15px;
    font-size: 17px;
    text-transform: uppercase;
    font-family: 'teleNeo-medium' !important;
}

div#vo-zemjata .link {
    position: relative;
    margin: 55px 0 30px;
}

@media(min-width: 1200px) and (max-width: 1550px) {
    .paketi-tabsContent .wrapper .copy .ec {
        top: -40px;
        right: 20px;
        width: 110px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .paketi-tabsContent .wrapper .copy .ec {
        top: 30px;
        right: 0;
        width: 100px;
    }

    #smart-start .iskustva .item-wrapper {
        padding: 55px 0;
    }

        #smart-start .iskustva .item-wrapper .white-text-wrap {
            padding: 0 0 0 20px;
            margin-top: -50px;
        }

            #smart-start .iskustva .item-wrapper .white-text-wrap h2 {
                font-size: 32px;
            }

                #smart-start .iskustva .item-wrapper .white-text-wrap h2 span {
                    font-size: 26px;
                    margin-bottom: 5px;
                }

        #smart-start .iskustva .item-wrapper .right-img-wrap {
            right: 0;
            width: 100%;
            top: -55px;
        }

    .mob-paketi-zemjata-banner .header {
        width: 55%;
    }

        .mob-paketi-zemjata-banner .header h1 {
            font-size: 28px;
        }

        .mob-paketi-zemjata-banner .header h2 {
            font-size: 20px;
        }

    .dopolnitelni-paketi-tabs ul {
        width: 100%;
    }

        .dopolnitelni-paketi-tabs ul li {
            width: 30.333%;
            display: inline;
            float: left;
            text-align: center;
            margin: 0 10px;
        }

    #dopolnitelni-paketi-new .header {
        width: 55%;
    }
}

@media(max-width: 767px) {
    section.mob-paketi-zemjata-text .copy p {
        padding-bottom: 70px;
    }

    .paketi-tabsContent .wrapper .copy .ec {
        top: 80px;
        right: 0;
        width: 90px;
    }

    .mob-paketi-actions {
        background-color: #e20074;
        color: white;
    }

    #business-office-tarifi .mob-paketi-zemjata-banner {
        /*background-image: url('../content/images/mob-internet-paketi/business-office-tarifi-banner-inner-mob.jpg') !important;*/
        padding: 50% 0 0;
        background-position: 17% 0 !important;
    }

    .dopolnitelni-paketi-tabs ul li.active a {
        padding: 10px 4px;
    }

    .dopolnitelni-paketi-tabs {
        position: relative;
    }

    .mob-paketi-zemjata-banner .header {
        width: 80%;
        margin-left: 0;
        position: relative;
        bottom: initial;
    }

        .mob-paketi-zemjata-banner .header h1 {
            font-size: 23px;
            color: white;
        }

        .mob-paketi-zemjata-banner .header h2 {
            font-size: 17px;
        }

    section.mob-paketi-zemjata-text h1 {
        font-size: 27px;
    }

    .mob-paketi-zemjata-text .tabovi ul {
        width: 100%;
    }

        .mob-paketi-zemjata-text .tabovi ul li {
            margin: 0 0px;
            padding: 0;
            border: 0;
            width: 50%;
        }

    .mob-paketi-zemjata-text .tabovi li a {
        font-size: 17px;
    }

    .mob-paketi-zemjata-text .box-wrap .price .p-left-smart span {
        font-size: 30px;
        font-family: 'teleNeo-bold' !important;
        text-align: right;
    }

    .mob-paketi-zemjata-text .box-wrap .price .p-right-smart {
        width: 20%;
        bottom: 0 !important;
        top: 3px;
        text-align: right;
        margin-left: 10px;
    }

        .mob-paketi-zemjata-text .box-wrap .price .p-right-smart span {
            font-size: 13px !important;
            max-width: initial;
        }

    .dopolnitelni-paketi-tabs ul {
        display: table;
        width: 100%;
        height: 90px;
    }

        .dopolnitelni-paketi-tabs ul li {
            display: table-cell;
            width: 29.333%;
            vertical-align: middle;
            height: 100%;
            margin-right: 10px;
            margin: 0 5px;
        }

            .dopolnitelni-paketi-tabs ul li.active {
                margin: 0 5px;
            }

            .dopolnitelni-paketi-tabs ul li a {
                padding: 10px 4px;
                font-size: 13px;
                text-transform: uppercase;
                height: 100%;
                text-align: center;
            }

            .dopolnitelni-paketi-tabs ul li.active,
            .dopolnitelni-paketi-tabs ul li.active a {
                transform: skewX( 0deg );
                font-size: 13px;
            }

    .paketi-tabsContent .tabovi ul {
        width: 100%;
    }

    .paketi-tabsContent .tabovi li a {
        font-size: 16px;
        padding: 10px 5px;
    }

    #dopolnitelni-paketi-new .header {
        width: 100%;
        padding: 8% 0px 0 2px;
    }
}

@media (max-width: 400px) {

    .mob-paketi-zemjata-banner .header {
        width: 90%;
        padding: 15% 0px 1% 2px
    }

    .dopolnitelni-paketi-tabs ul li {
        margin-right: 5px;
    }
}


/*#endregion mob paketi vo zemjata */
@media(min-width: 992px) and (max-width: 1199px) {
    .paketi-tabsContent .wrapper .copy .ec {
        top: -30px;
        right: 0;
        width: 100px;
    }

    #dopolnitelni-paketi-new .header {
        width: 50%;
    }

        #dopolnitelni-paketi-new .header .wrapper {
            padding: 2% 14% 0;
        }
}

/*#region business office paketi*/
#business-office-tarifi {
    position: relative;
}

    #business-office-tarifi .mob-paketi-zemjata-banner {
        background-position: center;
    }

#bot-new .bg-magenta {
    position: relative;
    background: #e20074;
    padding: 30px 100px;
    text-align: center;
    color: white;
}

    #bot-new .bg-magenta .ec {
        position: absolute;
        top: -40px;
        width: 90px;
        right: 20px;
    }

    #bot-new .bg-magenta p {
        font-size: 19px;
        line-height: 1.2;
    }

#bot-new .btn-wrapper {
    position: relative;
    margin: 10px auto 70px;
    width: 50%;
    text-align: center;
}

    #bot-new .btn-wrapper a {
        border-radius: 0;
        padding: 10px;
        font-size: 17px;
        margin: 10px;
    }

        #bot-new .btn-wrapper a.btn-magenta {
            background: linear-gradient(to bottom, #e20074 0,#d5006d 100%);
            color: white;
            transition: all ease-in .5s;
        }

#bot-new .office-new-pack {
    margin: 50px 0 20px !important;
}

    #bot-new .office-new-pack .free-space {
        background: #f3f3f3;
    }

    #bot-new .office-new-pack .col-sm-4 {
        box-shadow: 0px 0px 200px rgba(0,0,0, .12);
        background: #fff;
    }

.office-new-pack .gray-border h2 {
    font-size: 16px;
    font-family: 'tele-groteskfetregular';
    color: #000;
    writing-mode: tb-rl;
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    transform: rotate( 180deg );
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
}

#bot-new .office-new-pack .gray-border {
    border-bottom: 0 !important;
    border-right: 0 !important;
    height: 310px;
}

    #bot-new .office-new-pack .gray-border:after {
        position: absolute;
        content: '';
        border-bottom: 1px solid #ccc;
        width: 60%;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    #bot-new .office-new-pack .gray-border:last-of-type:after {
        content: '';
        display: none;
    }

.office-new-pack .white-border {
    text-align: center;
    border-right: 0 !important;
    border-bottom: 0 !important;
}

    .office-new-pack .white-border .higher {
        min-height: 90px;
    }

    .office-new-pack .white-border .empty {
        position: relative;
        min-height: 64px;
        top: 23px;
    }

    .office-new-pack .white-border:first-of-type:after {
        position: absolute;
        content: '';
        border-bottom: 1px solid #ccc;
        width: 80%;
        margin: 0 auto;
        bottom: 0;
        left: 0;
        right: 0;
    }

.office-new-pack .gray-border img {
    position: absolute;
    bottom: 0;
    left: 30px;
    top: 50px;
}

.office-new-pack .gray-border.officeCompleteBorderNewApril img {
    top: 90px;
}

.office-new-pack .mgn-business h2 {
    font-size: 26px;
    display: block;
    color: black;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-bottom: 0;
}

.office-new-pack .white-border h2 span {
    display: block;
    color: black;
    float: none;
}

.office-new-pack .p-uredi-cena {
    margin: 0px auto;
    width: 100%;
    max-width: inherit !important;
    display: block;
    margin-right: 0px;
    margin-left: 0 !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

    .office-new-pack .p-uredi-cena p.small {
        position: relative;
        display: block;
        width: 100%;
        bottom: 0;
        overflow: hidden;
        font-size: 11px;
    }

    .office-new-pack .p-uredi-cena .p-right span {
        color: black !important;
        text-transform: none;
        text-align: left;
    }

div#bot-new .old-price:before {
    content: '';
    display: none;
}

div#bot-new .p-uredi-cena .ec {
    position: absolute;
    right: 20px;
    top: 0;
    width: 60px;
}

.office-new-pack .magenta-one-footer {
    padding: 15px !important;
    height: 80px !important;
    background: rgba(204, 204, 204, .8) !important;
}

    .office-new-pack .magenta-one-footer .cena-siva p {
        text-align: center;
        margin-top: 0 !important;
    }

    .office-new-pack .magenta-one-footer .cena-siva .p-right {
        width: 50%;
    }

    .office-new-pack .magenta-one-footer .col-xs-6:first-of-type .p-uredi-cena.cena-siva:after {
        content: '';
        position: absolute;
        border-right: 2px solid rgba(255, 255,255, .6);
        height: 80%;
        top: 0;
        right: 3px;
    }

    .office-new-pack .magenta-one-footer .cena-siva .price2 {
        color: black !important;
    }

.magenta-border {
    border: 2px solid #e20074;
}

#bot-new .business-radio-button-design ul.bts-radio-buttons li:before {
    background-image: none !important;
    content: '';
    display: none;
}

#bot-new .business-radio-button-design ul.list-inline li {
    padding-left: 10px !important;
}

    #bot-new .business-radio-button-design ul.list-inline li.active {
        color: black;
        font-family: 'teleNeo-medium' !important;
    }

#bot-new .office-new-pack p.internet > span {
    color: black;
    text-decoration: none;
    display: block;
    font-size: 30px;
    font-family: 'teleNeo-bold' !important;
}

#bot-new .office-new-pack p.internet span.telekom-magenta-color {
    font-size: 30px;
    display: block;
    font-family: 'teleNeo-bold' !important;
    text-decoration: none;
}

#bot-new .office-new-pack p.internet a span {
    color: black;
}

#bot-new .office-new-pack .white-border p a.internet {
    text-decoration: none !important;
    position: relative;
}

    #bot-new .office-new-pack .white-border p a.internet span {
        text-decoration: none;
    }

        #bot-new .office-new-pack .white-border p a.internet span.one-t-dicklaimer.max.one-t-dicklaimer-new {
            position: absolute;
            display: inline;
            top: 0;
            right: 75px;
            width: 20px;
            height: 20px;
            left: inherit;
        }

        #bot-new .office-new-pack .white-border p a.internet span.one-t-dicklaimer-message {
            left: -60px !important;
        }

#bot-new .office-new-pack .white-border a.internet p {
    font-size: 13px !important;
    margin: 0 !important;
    color: white;
    text-decoration: none;
    font-family: 'teleNeo-regular' !important;
    padding: 0 !important;
}

#bot-new .office-new-pack .white-border .internet-brzina .one-t-dicklaimer {
    position: absolute;
    display: inline;
    top: 10px;
    right: -30px;
    width: 20px;
    height: 20px;
    left: inherit;
}

    #bot-new .office-new-pack .white-border .internet-brzina .one-t-dicklaimer img {
        width: 100%;
        height: 100%;
    }

    #bot-new .office-new-pack .white-border .internet-brzina .one-t-dicklaimer .one-t-dicklaimer-message {
        left: -60px;
    }

        #bot-new .office-new-pack .white-border .internet-brzina .one-t-dicklaimer .one-t-dicklaimer-message p {
            font-size: 13px !important;
            margin: 0 !important;
            color: white;
            text-decoration: none;
            font-family: 'teleNeo-regular' !important;
            padding: 0 !important;
        }

#bot-new .office-new-pack .white-border p a {
    color: black;
    display: block;
    text-decoration: underline;
}

#bot-new .office-new-pack .white-border p {
    color: black;
    display: block;
}

#bot-tabs {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../content/images/magenta-delovni/magenta-triangles.png);
    background-position: right top;
    padding: 0% 0;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 30px 0 0;
    background-color: white;
    box-shadow: 0px 30px 60px rgba(0, 0,0,0.15);
}

    #bot-tabs .tabs {
        width: 90%;
        margin: 20px 0 0;
    }

    #bot-tabs .tabs-content {
        position: relative;
    }

        #bot-tabs .tabs-content .fade {
            height: 0;
            transition: height 0.66s ease-out;
            width: 80%;
            overflow: hidden;
        }

            #bot-tabs .tabs-content .fade.active {
                position: relative;
                display: block;
                overflow: hidden;
                height: auto;
                width: 80%;
                transition: height 0.66s ease-out;
            }

            #bot-tabs .tabs-content .fade a {
                color: black;
                text-decoration: underline;
                font-size: 17px;
            }

div#povekje-govorni-kanali.active.in ul li.active ~ #dc-tab4 {
    display: block !important;
}

#bot-tabs .tabs ul {
    border-bottom: 0;
}

    #bot-tabs .tabs ul li {
        width: auto;
        margin: 0 10px;
    }

        #bot-tabs .tabs ul li.active {
            background-size: cover;
            border-radius: 0;
        }

        #bot-tabs .tabs ul li a {
            color: #e20074;
            text-transform: uppercase;
            text-decoration: none;
            background: transparent;
            border: 0;
            border-radius: 0;
            font-family: 'teleNeo-bold' !important;
            font-size: 18px;
            padding: 15px 10px;
        }

        #bot-tabs .tabs ul li.active a:before {
            content: '';
            position: absolute;
            width: 80%;
            right: 0;
            height: 2px;
            top: 0;
            background-color: #e20074;
        }

        #bot-tabs .tabs ul li.active a:after {
            content: '';
            position: absolute;
            right: -11px;
            height: 70%;
            width: 2px;
            background-color: #e20074;
            transform: rotate( -35deg );
            top: -2px;
        }

#maxtv-za-biznis #bot-tabs .tabs-content ul.bts-radio-buttons li:before {
    background-image: none;
}

#maxtv-za-biznis #bot-tabs .tabs-content ul.bts-radio-buttons li {
    padding: 0 10px;
}

#maxtv-za-biznis span.bts-paket-ddv.three.price2 {
    display: none;
}

#maxtv-za-biznis #za-business .magenta-one .white-border {
    height: 90px;
}

#maxtv-za-biznis #za-business .magenta-one .small {
    font-size: 14px;
}

#maxtv-za-biznis #za-business .magenta-one .white-border:after {
    border: 0;
}

#maxtv-za-biznis #za-business .magenta-one span.price2 {
    padding: 0px 5px 8px;
}

#maxtv-za-biznis #za-business .officeCompleteGreenBoxRelative .box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 46px rgba(0,0,0, 0.14);
    -webkit-box-shadow: 0px 3px 46px rgba(0,0,0, 0.14);
    -moz-box-shadow: 0px 3px 46px rgba(0,0,0, 0.14);
    margin-top: 40px;
    margin-bottom: 40px;
}

#maxtv-za-biznis #za-business .office-new-pack .magenta-one-footer {
    padding: 7px 15px !important;
}

#maxtv-za-biznis #za-business .p-uredi-cena .one-t-dicklaimer.max {
    width: 20px;
    height: 20px;
    right: -5px;
}

    #maxtv-za-biznis #za-business .p-uredi-cena .one-t-dicklaimer.max img {
        top: 0 !important;
        bottom: auto !important;
    }

    #maxtv-za-biznis #za-business .p-uredi-cena .one-t-dicklaimer.max:hover .one-t-dicklaimer-message span {
        color: white !important;
        display: inline-block;
    }

    #maxtv-za-biznis #za-business .p-uredi-cena .one-t-dicklaimer.max .bts-paket-ddv.three {
        display: none;
    }

@media(max-width: 767px) {
    #bot-new .bg-magenta {
        padding: 50px 10px;
    }

        #bot-new .bg-magenta .ec {
            top: -20px;
            width: 70px;
            right: 10px;
        }

    #bot-new .office-new-pack .col-sm-4 {
        margin-bottom: 70px;
    }

    #bot-new .business-radio-button-design ul.bts-radio-buttons li {
        padding-left: 10px;
    }

    #bot-new .magenta-one .white-border {
        height: 420px;
    }

    #bot-new .office-new-pack .p-uredi-cena.cena-siva p.small {
        text-align: center;
    }

    #bot-tabs .tabs {
        width: 100%;
    }

        #bot-tabs .tabs ul li {
            width: 30.333%;
            display: inline-block;
            margin: 0 5px;
            min-height: 60px;
            border-bottom: 0;
        }

            #bot-tabs .tabs ul li a {
                width: 100%;
                height: 100%;
                display: block;
                font-size: 13px;
                padding: 10px 3px;
                color: #e20074
            }

            #bot-tabs .tabs ul li.active a {
                color: white !important;
                background: black;
                width: 100%;
                display: block;
            }

    #bot-tabs .tabs-content .fade.in {
        width: 100%;
        background: rgba(255, 255, 255,.20);
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #bot-tabs {
        height: 425px;
        background-position: 80%;
    }

        #bot-tabs .tabs ul li.active a:before {
            width: 100%;
        }

        #bot-tabs .tabs ul li.active a:after {
            transform: rotate( -24deg );
            right: -12px;
        }

    .magenta-one-footer > div .p-uredi-cena {
        margin: 0 -15px;
    }

    #bot-new .gray-border.officeCompleteBorderNewApril {
        height: 265px;
    }

    #bot-new .magenta-one .gray-border {
        padding: 15px;
    }

    #bot-new .white-border.bigger.mgn-business.officeCompleteNewApril {
        height: 360px;
    }

    #bot-new .office-new-pack .gray-border img {
        left: 10px;
    }

    #bot-new .office-new-pack .magenta-one-footer .price2 {
        font-size: 16px;
    }

    #bot-new .office-new-pack .p-uredi-cena p.small {
        font-size: 9px;
    }

    #bot-new .magenta-one .white-border {
        height: 390px;
    }

    #bot-tabs .tabs {
        width: 100%;
    }

        #bot-tabs .tabs ul li {
            width: 30%;
            display: inline;
            float: left;
            margin: 0 10px;
        }
}

#bot-new h2.main-title {
    background-color: black;
    background-size: cover;
    border-radius: 0;
    transform: skewX( -25deg );
    width: 350px;
    margin: 30px auto;
    font-size: 42px;
    color: white;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
}

    #bot-new h2.main-title span {
        transform: skewX( 25deg );
        position: relative;
        display: block;
        font-family: 'teleNeo-extra' !important;
    }
/*#endregion business office paketi*/


/*#region esim phase 2*/
#esim section.with-watch {
    position: relative;
    width: 100%;
    padding: 5% 0;
}

    #esim section.with-watch .magenta-shape {
        position: relative;
        width: 90%;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        color: white;
        height: auto;
        z-index: 0;
        background-image: url(../content/images/esim/magenta-shape.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left center;
        padding: 9% 0 11%;
    }

        #esim section.with-watch .magenta-shape .watch-content {
            margin-right: 10%;
        }

        #esim section.with-watch .magenta-shape .magenta-shape .row {
            height: 100%;
            width: 100%;
        }

        #esim section.with-watch .magenta-shape .watch-wrapper {
            height: 100%;
            width: 100%;
            text-align: center;
            overflow: hidden;
        }


        #esim section.with-watch .magenta-shape .watch-content h3 {
            position: relative;
            font-family: 'teleNeo-regular' !important;
            font-size: 23px;
            text-transform: none;
            margin: 20px 0 0;
        }

        #esim section.with-watch .magenta-shape .watch-content h4 {
            font-size: 27px;
            margin: 10px 0 0;
            font-family: 'teleNeo-bold' !important;
            color: white;
            padding: 0;
        }

        #esim section.with-watch .magenta-shape .watch-content p {
            font-size: 17px;
            font-family: 'teleNeo-thin' !important;
            line-height: 1.2;
        }

            #esim section.with-watch .magenta-shape .watch-content p a {
                color: white;
                text-decoration: underline;
            }

        #esim section.with-watch .magenta-shape .watch-content .black-shape {
            background: black;
            color: white;
            padding: 20px;
            position: relative;
            width: 100%;
            border-radius: 10px;
        }

            #esim section.with-watch .magenta-shape .watch-content .black-shape a {
                color: white;
                text-decoration: underline;
                font-size: 17px;
                padding-left: 30px;
                display: block;
            }

                #esim section.with-watch .magenta-shape .watch-content .black-shape a:before {
                    content: '';
                    position: absolute;
                    background-image: url(../content/images/esim/watch-icon.png);
                    width: 20px;
                    height: 25px;
                    left: 19px;
                    background-size: cover;
                }

div#esim-modal .modal-dialog,
div#esim-modal-tarifa .modal-dialog,
div#esim-modal-promena-sim .modal-dialog {
    width: 60%;
    top: 15%;
}

    div#esim-modal .modal-dialog .modal-content,
    div#esim-modal-tarifa .modal-dialog .modal-content,
    div#esim-modal-promena-sim .modal-dialog .modal-content {
        border-radius: 20px;
        padding: 50px;
    }

        div#esim-modal .modal-dialog .modal-content .close,
        div#esim-modal-tarifa .modal-dialog .modal-content .close,
        div#esim-modal-promena-sim .modal-dialog .modal-content .close {
            position: absolute;
            top: 20px;
            right: 20px;
            opacity: 1;
            color: #333;
            font-size: 27px;
        }

        div#esim-modal .modal-dialog .modal-content .modal-body,
        div#esim-modal-tarifa .modal-dialog .modal-content .modal-body,
        div#esim-modal-promena-sim .modal-dialog .modal-content .modal-body {
            padding: 0;
        }

        div#esim-modal .modal-dialog .modal-content h3,
        div#esim-modal-tarifa .modal-dialog .modal-content h3 {
            font-size: 22px;
            margin: 20px 0;
        }

            div#esim-modal .modal-dialog .modal-content h3 a {
                color: black;
            }

        div#esim-modal .modal-dialog .modal-content h4,
        div#esim-modal-tarifa .modal-dialog .modal-content h4 {
            font-size: 22px;
            font-family: 'teleNeo-bold' !important;
            color: black;
            margin: 30px 0;
            padding: 0;
        }

        div#esim-modal .modal-dialog .modal-content .modal-body p,
        div#esim-modal-tarifa .modal-dialog .modal-content .modal-body p,
        div#esim-modal-promena-sim .modal-dialog .modal-content .modal-body p {
            font-size: 17px;
        }

        div#esim-modal .modal-dialog .modal-content .modal-body ul li,
        div#esim-modal-tarifa .modal-dialog .modal-content .modal-body ul li {
            font-size: 17px;
            margin-bottom: 15px;
            padding-left: 20px;
            position: relative;
        }

        div#esim-modal .modal-dialog .modal-content .modal-body ul,
        div#esim-modal-tarifa .modal-dialog .modal-content .modal-body ul {
            position: relative;
            margin-left: 30px;
            margin-bottom: 30px;
        }

            div#esim-modal .modal-dialog .modal-content .modal-body ul li:before,
            div#esim-modal-tarifa .modal-dialog .modal-content .modal-body ul li:before {
                content: '';
                position: absolute;
                width: 10px;
                height: 10px;
                background: #e20074;
                border-radius: 50px;
                left: 0;
                top: 8px;
                display: inline-block;
                overflow: hidden;
            }

div#esim-modal-tarifa .modal-content .price {
    position: relative;
    display: block;
    width: 130px;
    overflow: hidden;
    text-align: left;
    background: #e20074;
    padding: 5px 20px 5px 0;
    color: white;
    border-radius: 5px;
    margin-left: 30px;
    margin-bottom: 30px;
}

    div#esim-modal-tarifa .modal-content .price .price-wrapper {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

        div#esim-modal-tarifa .modal-content .price .price-wrapper .p-left {
            width: 60%;
        }

            div#esim-modal-tarifa .modal-content .price .price-wrapper .p-left span {
                font-size: 26px;
            }

        div#esim-modal-tarifa .modal-content .price .price-wrapper .p-right {
            width: 40%;
        }

            div#esim-modal-tarifa .modal-content .price .price-wrapper .p-right span {
                text-transform: none;
                color: white;
                text-align: right;
            }

            div#esim-modal-tarifa .modal-content .price .price-wrapper .p-right .p-currency {
                border-bottom: 1px solid white;
            }

@media (min-width: 1500px) {
    #esim section.with-watch .magenta-shape {
        padding: 13% 0 18%;
    }

        #esim section.with-watch .magenta-shape .watch-content {
            margin-right: 30%;
        }
}

@media (max-width: 767px) {
    div#esim-modal .modal-dialog,
    div#esim-modal-tarifa .modal-dialog {
        width: 95%;
        top: 20%;
    }

        div#esim-modal .modal-dialog .modal-content h3,
        div#esim-modal-tarifa .modal-dialog .modal-content h3 {
            font-size: 24px;
        }

        div#esim-modal .modal-dialog .modal-content .modal-body ul,
        div#esim-modal-tarifa .modal-dialog .modal-content .modal-body ul {
            margin-left: 0px;
        }

    #esim section.with-watch .magenta-shape {
        width: 100%;
        background-image: none;
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
        border-bottom-right-radius: 0;
        padding: 4% 0 4%;
        background: #e20074;
    }

        #esim section.with-watch .magenta-shape .watch-wrapper .img img {
            width: 100%;
            height: auto;
        }

        #esim section.with-watch .magenta-shape .watch-content .black-shape {
            width: 100%;
            left: 0;
        }

        #esim section.with-watch .magenta-shape .row,
        #esim section.with-watch .magenta-shape .row .col-xs-12 {
            width: 100%;
            padding: 0;
            margin: 0;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#esim-modal .modal-dialog,
    div#esim-modal-tarifa .modal-dialog {
        width: 90%;
    }

    #esim section.with-watch .magenta-shape {
        padding: 8% 0 13%;
        width: 100%;
        background-size: cover;
        background-position: 35%;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #esim section.with-watch .magenta-shape {
        width: 100%;
        background-size: cover;
    }

    div#safenet-home-mobile section.safenet-home {
        height: auto;
    }
}


/*#endregion esim phase 2*/
/*#region birajte stiklirajte*/
div #skroeniPoVasaMerka {
    position: relative;
    height: auto;
    width: 100%;
}

    div#skroeniPoVasaMerka .main-banner {
        position: relative;
        padding: 3% 0;
        background-image: url(../content/images/digitaliziraj/bsd-header-bg.jpg);
        background-position: center top;
        background-size: cover;
        z-index: 6;
    }

        div#skroeniPoVasaMerka .main-banner .wrapper {
            position: relative;
            width: 40%;
            margin: 0 auto;
            text-align: center;
            padding: 30px 0;
            /* background-color: rgb(3 3 3); */
            opacity: 1;
            /* box-shadow: 3px -1px 20px 16px #00000021; */
            color: white;
        }

            div#skroeniPoVasaMerka .main-banner .wrapper h1 {
                color: white;
                text-transform: none;
                font-size: 39px;
                font-family: 'teleNeo-extra' !important;
                line-height: 1.2;
                text-align: left;
            }

            div#skroeniPoVasaMerka .main-banner .wrapper h2 {
                font-size: 39px;
                color: white;
                line-height: 1.2;
                margin-top: 30px;
                font-family: 'teleNeo-regular' !important;
                text-align: left;
            }

    div#skroeniPoVasaMerka section.steps {
        position: relative;
        z-index: 10;
        display: block;
        background-color: white;
        width: 100%
    }

        div#skroeniPoVasaMerka section.steps p.disclaimer {
            text-align: center;
            margin: 30px 0;
            font-size: 19px;
        }

        div#skroeniPoVasaMerka section.steps .box {
            display: inline;
            float: left;
            width: 30.333%;
            position: relative;
            padding: 40px 40px 20px;
        }

        div#skroeniPoVasaMerka section.steps .progress-bar {
            position: relative;
            width: 100%;
            display: block;
            background: transparent;
            border-bottom: 0 !important;
            box-shadow: none !important;
            margin: 0 auto;
        }

        div#skroeniPoVasaMerka section.steps .box span {
            position: relative;
            text-align: center;
            border-radius: 50px;
        }

            div#skroeniPoVasaMerka section.steps .box span:before {
                content: '';
                position: absolute;
                display: block;
                width: 30px;
                height: 30px;
                font-family: 'teleNeo-regular' !important;
                font-size: 22px;
                color: #e20074;
                left: 0;
                right: 0;
                border: 2px solid #e20074;
                border-radius: 50px;
                top: -20px;
                text-align: center;
                line-height: 29px;
            }

            div#skroeniPoVasaMerka section.steps .box span.number-one:before {
                content: '1';
            }

            div#skroeniPoVasaMerka section.steps .box span.number-two:before {
                content: '2';
            }

            div#skroeniPoVasaMerka section.steps .box span.number-three:before {
                content: 'V';
                font-family: 'teleicon-outline' !important;
                background-color: #e20074;
                color: white;
                font-size: 21px;
            }

        div#skroeniPoVasaMerka section.steps .box:before {
            content: '';
            position: absolute;
            display: block;
            width: 271px;
            height: 2px;
            background: #e20074;
            right: -50%;
            top: 35px;
        }

        div#skroeniPoVasaMerka section.steps .box.three:before {
            content: '';
            display: none;
        }

        div#skroeniPoVasaMerka section.steps .box p {
            margin-top: 25px;
            padding: 0 20px;
            font-size: 15px;
        }

    div#skroeniPoVasaMerka section.skroeniPoVasaMerka-box {
        border: 0;
        background-color: #eee;
        background-image: url(../content/images/digitaliziraj/background.png);
        background-size: cover;
        background-position: center;
    }

    div#skroeniPoVasaMerka .checkbox-wrapper {
        position: relative;
        margin: 20px 0 10px;
        overflow: hidden;
        min-height: 260px;
    }

        div#skroeniPoVasaMerka .checkbox-wrapper .wrapper {
            position: relative;
            display: block;
            margin: 10px 0;
            width: 100%;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            div#skroeniPoVasaMerka .checkbox-wrapper .wrapper.two {
                width: 80%;
                margin: 0 auto;
            }

            div#skroeniPoVasaMerka .checkbox-wrapper .wrapper.three {
                width: 60%;
                margin: 0 auto;
                overflow: hidden;
            }

            div#skroeniPoVasaMerka .checkbox-wrapper .wrapper .option {
                position: relative;
                width: 24%;
                display: inline;
                float: left;
                overflow: hidden;
                margin: 0px 5px;
                z-index: 4;
            }

                div#skroeniPoVasaMerka .checkbox-wrapper .wrapper .option.two {
                    width: 31.333%;
                }

                div#skroeniPoVasaMerka .checkbox-wrapper .wrapper .option.three {
                    width: 45%;
                }

    div#skroeniPoVasaMerka .checkbox-wrap {
        position: relative;
        padding: 10px 15px;
        background-color: white;
        margin: 0px 0 10px;
        min-height: 90px;
        border-radius: 7px;
        border: 2px solid transparent;
        transition: all ease .5s;
    }

        div#skroeniPoVasaMerka .checkbox-wrap .ec {
            width: 60px;
            height: auto;
            margin-top: -27px;
            z-index: 5;
            display: block;
            position: relative;
            float: right;
            bottom: 0;
        }

            div#skroeniPoVasaMerka .checkbox-wrap .ec img {
                position: absolute;
                top: 17px;
                display: block;
                right: 30px;
                z-index: 6;
                overflow: hidden;
            }

        div#skroeniPoVasaMerka .checkbox-wrap:hover,
        div#skroeniPoVasaMerka .option.active .checkbox-wrap {
            border: 2px solid #e20074;
            transition: all ease .5s;
        }

        div#skroeniPoVasaMerka .checkbox-wrap .panel-collapse {
            position: relative;
            min-height: 100px;
        }

            div#skroeniPoVasaMerka .checkbox-wrap .panel-collapse:after {
                content: '&';
                position: absolute;
                font-family: 'teleicon-outline' !important;
                width: 20px;
                height: 10px;
                bottom: 0;
                left: 7px;
                transform: rotate( 90deg );
                font-size: 20px;
                color: #ccc;
            }

        div#skroeniPoVasaMerka .checkbox-wrap p {
            font-size: 16px;
            line-height: 1.2;
            color: #000000;
            opacity: .8;
        }

        div#skroeniPoVasaMerka .checkbox-wrap input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 40px;
            width: 40px;
            right: 0px;
            top: 0px;
            z-index: 5;
        }

        div#skroeniPoVasaMerka .checkbox-wrap .checkmark {
            position: absolute;
            top: 10px;
            right: 10px;
            height: 30px;
            width: 30px;
            background-color: white;
            border-radius: 50px;
            border: 1px solid #ccc;
        }



            div#skroeniPoVasaMerka .checkbox-wrap .checkmark:after {
                content: "";
                position: absolute;
                display: none;
            }

        div#skroeniPoVasaMerka .checkbox-wrap input:checked ~ .checkmark {
            background-color: rgba(0,128, 0, 0.32);
            border: none;
        }

            div#skroeniPoVasaMerka .checkbox-wrap input:checked ~ .checkmark:before {
                content: 'V';
                width: 100%;
                height: 100%;
                position: absolute;
                font-family: 'teleicon-outline' !important;
                transform: rotate( 0deg );
                color: green;
                font-size: 17px;
                font-weight: 600;
                border: 0 !important;
                border-radius: 50px;
                left: 0;
                top: 0;
                text-align: center;
                line-height: 27px;
            }


        div#skroeniPoVasaMerka .checkbox-wrap .checkmark:after {
            left: 9px;
            top: 5px;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        div#skroeniPoVasaMerka .checkbox-wrap a {
            text-decoration: none;
            font-size: 18px;
            display: block;
            padding-right: 25px;
            margin-bottom: 10px;
            min-height: 35px;
            line-height: 18px;
        }

            div#skroeniPoVasaMerka .checkbox-wrap a span {
                color: black;
                font-family: 'teleNeo-bold' !important;
            }

    div#skroeniPoVasaMerka .checkbox-wrapper h2 {
        text-transform: uppercase;
        font-family: teleNeo-extra !important;
        margin-bottom: 30px;
        text-align: center;
        width: 260px;
        margin: 26px auto 50px;
        color: black;
        font-size: 20px;
        overflow: hidden;
        display: block;
    }

        div#skroeniPoVasaMerka .checkbox-wrapper h2:before {
            content: '';
            position: absolute;
            width: 310px;
            left: 40px;
            top: 15px;
            height: 2px;
            background-color: #ddd;
        }

        div#skroeniPoVasaMerka .checkbox-wrapper h2:after {
            content: '';
            position: absolute;
            width: 310px;
            right: 40px;
            top: 15px;
            height: 2px;
            background-color: #ccc;
        }

    div#skroeniPoVasaMerka .wrap-header {
        position: relative;
        margin: 45px auto 0;
        text-align: center;
    }

        div#skroeniPoVasaMerka .wrap-header img {
            position: absolute;
            top: -45px;
            left: 0;
            right: 0;
            width: 35px;
            margin: 0 auto;
        }

    div#skroeniPoVasaMerka .form-control-digitaliziraj {
        position: relative;
        z-index: 2;
    }

        div#skroeniPoVasaMerka .form-control-digitaliziraj p,
        div#skroeniPoVasaMerka .form-control-digitaliziraj p span {
            color: white;
            line-height: 1.2;
        }
        /*div#skroeniPoVasaMerka .form-control-digitaliziraj:after {
            content: '';
            position: absolute;
            background-image: url(../content/images/digitaliziraj/form-bg-new-2.png);
            background-size: contain;
            width: auto;
            height: 540px;
            top: -50px;
            left: 130px;
            right: 0;
            z-index: -1;
            background-position: center;
            background-repeat: no-repeat;
            overflow: hidden;
            display: block;
        }*/
        div#skroeniPoVasaMerka .form-control-digitaliziraj .form-group {
            position: relative;
            z-index: 2;
        }

            div#skroeniPoVasaMerka .form-control-digitaliziraj .form-box span,
            div#skroeniPoVasaMerka .form-control-digitaliziraj .form-group span {
                color: white;
                position: relative;
                z-index: 2;
                font-size: 18px;
                font-family: 'teleNeo-regular' !important;
            }

        div#skroeniPoVasaMerka .form-control-digitaliziraj .btn-black span {
            top: 0;
            width: 100%;
            text-align: center;
            display: block;
        }

        div#skroeniPoVasaMerka .form-control-digitaliziraj .form-box textarea {
            height: 45px;
            background: transparent;
            color: white;
            font-size: 18px;
        }

        div#skroeniPoVasaMerka .form-control-digitaliziraj input {
            background: transparent;
            color: white;
            padding: 22px 10px;
            border-radius: 7px;
            border-color: rgba(255, 255,255, .55);
            position: relative;
            z-index: 2;
            border-radius: 4px;
            font-size: 18px;
        }

            div#skroeniPoVasaMerka .form-control-digitaliziraj input:focus {
                border-color: #fdfdfd;
                outline: 0;
                -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(255, 255, 255, .6);
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(255, 255, 255, .6);
            }

            div#skroeniPoVasaMerka .form-control-digitaliziraj input#captcha {
                border: 1px solid rgba(255, 255,255, .55);
                width: 100%;
                height: 45px;
            }

        div#skroeniPoVasaMerka .form-control-digitaliziraj img#captcha {
            width: auto;
            height: 45px;
            position: relative;
        }

        div#skroeniPoVasaMerka .form-control-digitaliziraj .wrapper {
            position: relative;
            padding: 2%;
            z-index: 2;
            width: 1024px;
            margin: 0 auto;
            background: #e20074;
        }

            div#skroeniPoVasaMerka .form-control-digitaliziraj .wrapper h2 {
                color: white;
                text-align: left;
                width: 100%;
                font-size: 29px;
                font-family: 'teleNeo-bold' !important;
                margin-bottom: 25px;
            }

        div#skroeniPoVasaMerka .form-control-digitaliziraj .bord-top-btn {
            position: relative;
        }

            div#skroeniPoVasaMerka .form-control-digitaliziraj .bord-top-btn .btn-black {
                background: black;
                color: white;
                padding: 10px 10px;
                width: 150px;
                text-align: left;
                text-transform: uppercase;
                position: relative;
                border-radius: 4px;
                cursor: pointer;
            }

        /*div#skroeniPoVasaMerka .form-control-digitaliziraj .bord-top-btn .btn-black span:after {
                    content: '';
                    position: absolute;
                    width: 30px;
                    height: 1px;
                    background: white;
                    top: 10px;
                    right: -45px;
                }*/

        div#skroeniPoVasaMerka .form-control-digitaliziraj .errorMsg {
            display: block;
            text-align: left;
            line-height: 12px;
            position: relative;
            margin-top: 10px;
            color: #420606 !important;
            top: 0;
            margin: 0;
            font-size: 14px !important;
        }

.spy-menu .menu {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding: 15px 10px;
    background: rgba(255, 255, 255, .7);
    border-radius: 4px;
    z-index: 5;
}

    .spy-menu .menu .dot {
        display: block;
        border: 5px solid #dedede;
        background: #dedede;
        margin-bottom: 20px;
        border-radius: 10px;
        width: 9px;
        height: 9px;
        cursor: pointer;
        color: #000;
        text-decoration: none !important;
        position: relative;
        left: -1px;
    }

        .spy-menu .menu .dot:hover,
        .spy-menu .menu .dot.active {
            border: 5px solid #e20074;
            background: #e20074;
            transform: scale(1.2);
            transition: all 200ms ease;
        }

        .spy-menu .menu .dot:last-of-type {
            margin: 0;
        }

        .spy-menu .menu .dot:hover {
            background: transparent;
            transform: scale(1.2);
            transition: all 200ms ease;
        }

        .spy-menu .menu .dot span {
            display: none;
            transform: translate(0, -3px);
            opacity: 0;
            transition: all 200ms ease;
            position: relative;
        }

        .spy-menu .menu .dot:hover span,
        .spy-menu .menu .dot.active span {
            opacity: 1;
            width: 160px;
            left: 20px;
            position: relative;
            top: -10px;
            font-size: 11px;
            line-height: 1.2;
            transition: all 200ms ease;
            background-color: white;
            border-radius: 50px;
            padding: 6px 9px;
            z-index: 99;
            box-shadow: 0 0 8px 7px rgba(51, 51,51, 0.08);
            text-align: center;
            display: block;
        }

div#skroeniPoVasaMerka a.accordion-link {
    width: 17%;
    position: relative;
    text-align: center;
    color: #9c9c9c;
    text-decoration: none !important;
    padding: 15px;
    font-size: 17px;
    font-family: 'teleNeo-regular' !important;
    display: block;
    margin: 0px auto 15px;
}

    div#skroeniPoVasaMerka a.accordion-link:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
        background: #9c9c9c;
        right: 0;
    }

    div#skroeniPoVasaMerka a.accordion-link:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background: #f1f2f1;
        border-top: 1px solid #9c9c9c;
        border-left: 1px solid #9c9c9c;
        transform: rotate( 45deg );
        bottom: -6px;
        text-align: center;
        left: 47%;
        display: block;
    }

    div#skroeniPoVasaMerka a.accordion-link.collapsed:after {
        transform: rotate( 225deg );
        bottom: -7px;
    }

    div#skroeniPoVasaMerka a.accordion-link.collapsed span.more {
        display: block;
    }

    div#skroeniPoVasaMerka a.accordion-link.collapsed span.less {
        display: none;
    }


    div#skroeniPoVasaMerka a.accordion-link span.more {
        display: none;
    }

    div#skroeniPoVasaMerka a.accordion-link span.less {
        display: block;
    }

div#skroeniPoVasaMerka .option.one .checkbox-wrapper {
    min-height: 70px;
}

div#skroeniPoVasaMerka span.choose-error {
    position: relative;
    display: inline-block;
    left: 20px;
    bottom: 0;
}

div#skroeniPoVasaMerka .form-control-digitaliziraj p.white-text {
    color: white;
}

div#skroeniPoVasaMerka .form-control-digitaliziraj .success-msg {
    background: transparent;
}

    div#skroeniPoVasaMerka .form-control-digitaliziraj .success-msg span {
        color: #3c763d;
    }

@media (max-width: 374px) {
    div #skroeniPoVasaMerka section.steps .box:before {
        width: 68px !important;
    }
}

@media (min-width: 375px) and (max-width: 413px) {
    div#skroeniPoVasaMerka section.steps .box:before {
        width: 88px !important;
    }
}

@media (max-width: 767px) {
    div#skroeniPoVasaMerka .main-banner .wrapper h1 {
        font-size: 29px;
    }

    div#skroeniPoVasaMerka .main-banner .wrapper h2 {
        font-size: 26px;
    }

    div #skroeniPoVasaMerka .main-banner .wrapper {
        width: 80%;
    }

    div#skroeniPoVasaMerka section.steps .box {
        width: 33.333%;
        position: relative;
        padding: 20px 3px;
    }

        div#skroeniPoVasaMerka section.steps .box p {
            width: 100%;
            padding: 0;
        }

        div#skroeniPoVasaMerka section.steps .box:before {
            content: '';
            position: absolute;
            display: block;
            width: 102px;
            height: 2px;
            background: #e20074;
            right: -50%;
            top: 15px;
        }

    div#skroeniPoVasaMerka .checkbox-wrapper .wrapper {
        flex-flow: column;
    }

    div#skroeniPoVasaMerka .checkbox-wrapper h2 {
        width: 220px;
        margin: 26px auto 20px;
        color: black;
        font-size: 16px;
        min-height: auto;
    }

        div#skroeniPoVasaMerka .checkbox-wrapper h2:before,
        div#skroeniPoVasaMerka .checkbox-wrapper h2:after {
            display: none;
        }

    div#skroeniPoVasaMerka .wrap-header img {
        position: absolute;
        top: -55px;
        left: 0;
        right: 0;
        width: 50px;
        margin: 0 auto;
    }

    div#skroeniPoVasaMerka .checkbox-wrapper .wrapper .option {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        overflow: hidden;
        margin: 0;
    }

    div#skroeniPoVasaMerka .checkbox-wrapper .wrapper.two,
    div#skroeniPoVasaMerka .checkbox-wrapper .wrapper.three {
        width: 100%;
        margin: 0 auto 0;
        flex-wrap: wrap;
    }

    div#skroeniPoVasaMerka .checkbox-wrapper .wrapper .option.two,
    div#skroeniPoVasaMerka .checkbox-wrapper .wrapper .option.three {
        width: 100%;
        margin: 20px auto;
    }

    div#skroeniPoVasaMerka .wrap-header {
        position: relative;
        margin: 60px auto 0;
    }

    div#skroeniPoVasaMerka .checkbox-wrapper:first-of-type .wrap-header {
        margin-top: 50px;
    }

    div#skroeniPoVasaMerka .form-control-digitaliziraj:after {
        display: none;
    }

    div#skroeniPoVasaMerka .form-control-digitaliziraj {
        background: #e20074;
    }

        div#skroeniPoVasaMerka .form-control-digitaliziraj .wrapper {
            padding: 6% 5%;
        }

    div#skroeniPoVasaMerka .checkbox-wrap a {
        min-height: 40px;
    }

    div#skroeniPoVasaMerka .checkbox-wrap, div#skroeniPoVasaMerka .checkbox-wrap {
        width: 100%;
        margin: 5px 0;
    }

    div#skroeniPoVasaMerka a.accordion-link {
        width: 50%;
        margin: 10px auto 20px;
    }

        div#skroeniPoVasaMerka a.accordion-link:before {
            bottom: 2px;
        }

        div#skroeniPoVasaMerka a.accordion-link:after {
            bottom: -5px;
        }

        div#skroeniPoVasaMerka a.accordion-link.collapsed:after {
            bottom: -5px;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    div#skroeniPoVasaMerka .checkbox-wrap {
        min-height: 90px;
    }

    div#skroeniPoVasaMerka .checkbox-wrapper .wrapper .option {
        margin: 20px 3px;
    }

    div#skroeniPoVasaMerka .checkbox-wrapper h2:after,
    div#skroeniPoVasaMerka .checkbox-wrapper h2:before {
        width: 220px;
    }

    div#skroeniPoVasaMerka .form-control-digitaliziraj:after {
        background-size: cover !important;
        height: 640px !important;
        top: -100px !important;
    }

    div#skroeniPoVasaMerka section.steps .box:before {
        width: 190px;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #smart-start .iskustva .item-wrapper {
        padding: 30px 0 50px;
    }

        #smart-start .iskustva .item-wrapper .white-text-wrap {
            width: 90%;
        }

    div#skroeniPoVasaMerka section.steps .box:before {
        width: 255px;
    }

    div#skroeniPoVasaMerka .checkbox-wrapper .wrapper .option {
        margin: 20px 4px;
    }
}

@media (max-width : 991px) {
    div#skroeniPoVasaMerka .form-control-digitaliziraj .wrapper {
        width: 100%;
    }

    .spy-menu {
        display: none;
    }
}

@media (max-width: 1200px) {
    div#skroeniPoVasaMerka .form-control-digitaliziraj:after {
        background-size: cover;
    }
}

@media(max-width: 1450px) {
    div#skroeniPoVasaMerka .form-control-digitaliziraj:after {
        background-position: 0% 0px;
        height: 640px;
        left: 0;
        top: -80px;
    }
}

@media (min-width: 1451px) {
    div#skroeniPoVasaMerka .form-control-digitaliziraj:after {
        height: 580px;
    }
}
/*#endregion birajte stiklirajte*/

/*#region mobile surf - tarifi za tabler*/
#mobile-surf-new {
    position: relative;
}

    #mobile-surf-new .btn-wrapper {
        position: relative;
        margin: 10px auto 70px;
        width: 50%;
        text-align: center;
    }

        #mobile-surf-new .btn-wrapper a {
            border-radius: 0;
            padding: 10px;
            font-size: 17px;
            margin: 10px;
        }

            #mobile-surf-new .btn-wrapper a.btn-magenta {
                background: linear-gradient(to bottom, #e20074 0,#d5006d 100%);
                color: white;
                transition: all ease-in .5s;
            }

    #mobile-surf-new .mobile-surf-banner {
        position: relative;
        background-image: url(../content/images/mobile-surf/mobile-surf-banner.jpg);
        background-position: center 44%;
        background-size: cover;
        padding: 28% 0 0;
    }

        #mobile-surf-new .mobile-surf-banner .header {
            width: 38%;
            padding: 2% 0 2%;
            position: absolute;
            bottom: 0;
        }

            #mobile-surf-new .mobile-surf-banner .header:before {
                content: '';
                position: absolute;
                background-image: url(../content/images/mobile-surf/Mobilni-internet-paketi-shape.png);
                background-position: left;
                background-repeat: no-repeat;
                background-size: cover;
                left: 0px;
                bottom: 0;
                width: 100%;
                height: 100%;
                z-index: 0;
            }

    #mobile-surf-new .header .wrapper {
        padding: 0% 10% 0 21%;
    }

        #mobile-surf-new .header .wrapper h1 {
            font-size: 33px;
            color: white;
            font-family: 'teleNeo-bold' !important;
            text-align: left;
            z-index: 1;
            position: relative;
            text-transform: none;
        }

    #mobile-surf-new .mobile-surf-content h2.black-bcg {
        background-color: black;
        margin-bottom: 50px;
        width: 590px;
        text-align: center;
        margin: 50px auto;
        color: white;
        text-transform: uppercase;
        padding: 15px;
        font-size: 42px;
        transform: skewX( -25deg );
    }

        #mobile-surf-new .mobile-surf-content h2.black-bcg span {
            transform: skewX( 25deg );
            position: relative;
            display: block;
            font-family: 'teleNeo-extra' !important;
        }

    #mobile-surf-new .mobile-surf-content ul.list-inline {
        margin: 30px 0;
    }

        #mobile-surf-new .mobile-surf-content ul.list-inline li {
            display: inline-block;
            padding: 0;
            margin: 0;
            list-style: none;
            background: none;
            color: #333;
            opacity: .5;
            margin: 0 5px;
            font-size: 17px;
        }

            #mobile-surf-new .mobile-surf-content ul.list-inline li.active {
                color: #333;
                opacity: 1;
                font-family: 'teleNeo-bold' !important;
            }

    #mobile-surf-new .mobile-surf-content .boxes {
        position: relative;
        text-align: center;
        margin: 50px 0;
    }

        #mobile-surf-new .mobile-surf-content .boxes .box-wrap {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
            -webkit-box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
            -moz-box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
        }

        #mobile-surf-new .mobile-surf-content .boxes .title h2 {
            display: block;
            font-size: 22px;
            font-family: 'teleNeo-regular' !important;
            padding: 30px 10px;
        }

            #mobile-surf-new .mobile-surf-content .boxes .title h2 span {
                display: block;
                font-size: 25px;
                font-family: 'teleNeo-extra' !important;
                margin-top: 10px;
            }

        #mobile-surf-new .mobile-surf-content .boxes .internet p {
            font-size: 22px;
            font-family: 'teleNeo-bold' !important;
        }

        #mobile-surf-new .mobile-surf-content .boxes .icons span {
            width: 35px !important;
            height: 35px !important;
            display: inline-block !important;
            top: 0 !important;
        }

    #mobile-surf-new .mobile-surf-content .smart-priceWraper {
        position: relative;
        display: block;
        width: 70%;
        overflow: hidden;
        margin: 10px auto;
        padding: 20px 0;
    }

        #mobile-surf-new .mobile-surf-content .smart-priceWraper .p-left-smart {
            position: relative;
            display: inline;
            width: 50%;
            float: left;
            text-align: right;
        }

            #mobile-surf-new .mobile-surf-content .smart-priceWraper .p-left-smart span {
                font-size: 30px;
                font-family: 'teleNeo-bold' !important;
            }

        #mobile-surf-new .mobile-surf-content .smart-priceWraper .p-right-smart {
            position: relative;
            display: inline;
            float: left;
            width: 30%;
            bottom: 0 !important;
            top: 3px;
            color: #333;
            text-align: right;
            margin-left: 6px;
        }

            #mobile-surf-new .mobile-surf-content .smart-priceWraper .p-right-smart span {
                color: #333;
                text-transform: none;
                text-align: right;
                font-size: 13px !important;
            }

        #mobile-surf-new .mobile-surf-content .smart-priceWraper span.bts-paket-ddv {
            display: none;
        }

@media(max-width: 767px) {
    #mobile-surf-new .mobile-surf-banner {
        padding: 75% 0 0;
    }

        #mobile-surf-new .mobile-surf-banner .header {
            width: 100%;
        }

            #mobile-surf-new .mobile-surf-banner .header:before {
                background-size: cover;
            }

    #mobile-surf-new .header .wrapper {
        padding: 0% 12% 0 20%;
    }

        #mobile-surf-new .header .wrapper h1 {
            font-size: 23px;
        }

    #mobile-surf-new .mobile-surf-content h2.black-bcg {
        width: 90%;
        font-size: 29px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #mobile-surf-new .mobile-surf-banner {
        padding: 35% 0 0;
    }

        #mobile-surf-new .mobile-surf-banner .header {
            width: 55%;
            padding: 1% 0 0;
        }

            #mobile-surf-new .mobile-surf-banner .header:before {
                content: '';
                background-size: cover;
            }

    #mobile-surf-new .header .wrapper h1 {
        font-size: 24px;
    }

    #mobile-surf-new .mobile-surf-content h2.black-bcg {
        font-size: 34px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #mobile-surf-new .mobile-surf-banner .header {
        width: 50%;
    }
}

@media(min-width: 1450px) {
    #mobile-surf-new .mobile-surf-banner .header {
        padding: 3% 0 3%;
    }

        #mobile-surf-new .mobile-surf-banner .header:before {
            background-size: cover;
        }
}
/*#endregion mobile surf - tarifi za tabler*/


/*#region 4g backup*/
#fourg-backup-new .mobile-surf-banner {
    position: relative;
    background-image: url(../content/images/4g-backup/4g-banner.jpg);
    background-position: center 26%;
    background-size: cover;
    padding: 28% 0 0;
}

#fourg-backup-new .btn-wrapper {
    position: relative;
    margin: 10px auto 70px;
    width: 50%;
    text-align: center;
}

    #fourg-backup-new .btn-wrapper a.btn-magenta {
        background: linear-gradient(to bottom, #e20074 0,#d5006d 100%);
        color: white;
        transition: all ease-in .5s;
    }

    #fourg-backup-new .btn-wrapper a {
        border-radius: 0;
        padding: 10px;
        font-size: 17px;
        margin: 10px;
    }

#fourg-backup-new .mobile-surf-banner .header {
    width: 60%;
    padding: 2% 0 2%;
    position: absolute;
    bottom: 0;
}

    #fourg-backup-new .mobile-surf-banner .header:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/mobile-surf/Mobilni-internet-paketi-shape.png);
        background-position: left;
        background-repeat: no-repeat;
        background-size: cover;
        left: 0px;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

#fourg-backup-new .mobile-surf-banner .wrapper {
    padding: 0% 5% 0 17%;
}

    #fourg-backup-new .mobile-surf-banner .wrapper h1 {
        font-size: 33px;
        color: white;
        font-family: 'teleNeo-bold' !important;
        text-align: left;
        z-index: 1;
        position: relative;
        line-height: 1.2;
        text-transform: none;
    }

#fourg-backup-new .mobile-surf-content h2.black-bcg {
    background-color: black;
    margin-bottom: 50px;
    width: 250px;
    text-align: center;
    margin: 50px auto;
    color: white;
    text-transform: uppercase;
    padding: 15px;
    font-size: 42px;
    transform: skewX( -25deg );
}

    #fourg-backup-new .mobile-surf-content h2.black-bcg span {
        transform: skewX( 25deg );
        position: relative;
        display: block;
        font-family: 'teleNeo-extra' !important;
    }

#fourg-backup-new .mobile-surf-content p {
    font-size: 19px;
    text-align: center;
}

#fourg-backup-new .mobile-surf-content ul.list-inline {
    margin: 30px 0;
}

#fourg-backup-new .mobile-surf-content .boxes {
    position: relative;
    text-align: center;
    margin: 50px 0;
}

    #fourg-backup-new .mobile-surf-content .boxes p {
        font-size: 18px;
    }

    #fourg-backup-new .mobile-surf-content .boxes .box-wrap {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 46px rgba(0, 0,0, .14);
        -webkit-box-shadow: 0px 3px 46px rgba(0, 0,0, .14);
        -moz-box-shadow: 0px 3px 46px rgba(0, 0,0, .14);
    }

    #fourg-backup-new .mobile-surf-content .boxes .title h2 {
        display: block;
        font-size: 22px;
        font-family: 'teleNeo-regular' !important;
        padding: 30px 10px;
    }

    #fourg-backup-new .mobile-surf-content .boxes .internet p {
        font-size: 22px;
        font-family: 'teleNeo-bold' !important;
        line-height: 1.2;
    }

    #fourg-backup-new .mobile-surf-content .boxes .ured p span {
        display: block;
        font-weight: 600;
    }

    #fourg-backup-new .mobile-surf-content .boxes .icons span {
        width: 35px !important;
        height: 35px !important;
        display: inline-block !important;
        top: 0 !important;
    }

#fourg-backup-new .mobile-surf-content .smart-priceWraper {
    position: relative;
    display: block;
    width: 70%;
    overflow: hidden;
    margin: 10px auto;
    padding: 20px 0;
}

    #fourg-backup-new .mobile-surf-content .smart-priceWraper .p-left-smart {
        position: relative;
        display: inline;
        width: 50%;
        float: left;
        text-align: right;
    }

        #fourg-backup-new .mobile-surf-content .smart-priceWraper .p-left-smart span.bts-paket-ddv {
            display: none;
        }

        #fourg-backup-new .mobile-surf-content .smart-priceWraper .p-left-smart span {
            font-size: 30px;
            font-family: 'teleNeo-bold' !important;
        }

    #fourg-backup-new .mobile-surf-content .smart-priceWraper .p-right-smart {
        position: relative;
        display: inline;
        float: left;
        width: 30%;
        bottom: 0 !important;
        top: 3px;
        color: #333;
        text-align: right;
        margin-left: 6px;
    }

        #fourg-backup-new .mobile-surf-content .smart-priceWraper .p-right-smart span {
            color: #333;
            text-transform: none;
            text-align: left;
            font-size: 13px !important;
            margin-right: 10px;
        }

@media(max-width: 370px) {
    #fourg-backup-new .mobile-surf-banner .wrapper h1 {
        font-size: 19px;
    }
}

@media(max-width: 767px) {
    #fourg-backup-new .mobile-surf-banner {
        padding: 75% 0 0;
    }

        #fourg-backup-new .mobile-surf-banner .header {
            width: 100%;
        }

        #fourg-backup-new .mobile-surf-banner .wrapper {
            padding: 3% 0% 0 23%;
        }

            #fourg-backup-new .mobile-surf-banner .wrapper h1 {
                font-size: 23px;
            }

    #fourg-backup-new .mobile-surf-content h2.black-bcg {
        width: 90%;
        font-size: 29px;
    }

    .mobile-surf-content p {
        font-size: 18px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #fourg-backup-new .mobile-surf-banner {
        padding: 50% 0 0;
    }

        #fourg-backup-new .mobile-surf-banner .header {
            width: 80%;
        }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #fourg-backup-new .mobile-surf-banner {
        padding: 50% 0 0;
    }

        #fourg-backup-new .mobile-surf-banner .header {
            width: 65%;
        }
}

@media(min-width: 1200px) and (max-width: 1449px) {
    #fourg-backup-new .mobile-surf-banner .header {
        width: 65%;
    }

    #fourg-backup-new .mobile-surf-banner .wrapper {
        padding: 0% 5% 0 15%;
    }
}

@media(min-width: 1450px) {
    #fourg-backup-new .mobile-surf-banner .header {
        width: 45%;
    }
}
/*#endregion 4g backup*/

/*#region m2m redesign*/
#m2m .main-banner {
    position: relative;
    background-image: url(../content/images/m2m/m2m-banner.jpg);
    background-position: center 69%;
    background-size: cover;
    padding: 25% 0 0;
}

    #m2m .main-banner .header {
        width: 38%;
        padding: 2% 0 2%;
        position: absolute;
        bottom: 0;
    }

        #m2m .main-banner .header:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/mobile-surf/Mobilni-internet-paketi-shape.png);
            background-position: left;
            background-repeat: no-repeat;
            background-size: cover;
            left: 0px;
            bottom: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
        }

        #m2m .main-banner .header .wrapper {
            padding: 0% 10% 0 21%;
        }

            #m2m .main-banner .header .wrapper h1 {
                font-size: 33px;
                color: white;
                font-family: 'teleNeo-bold' !important;
                text-align: left;
                z-index: 1;
                position: relative;
                text-transform: none;
            }

#m2m .m2m-content h2.black-bcg {
    background-color: black;
    margin-bottom: 50px;
    width: 590px;
    text-align: center;
    margin: 50px auto;
    color: white;
    text-transform: uppercase;
    padding: 15px;
    font-size: 42px;
    transform: skewX( -25deg );
}

    #m2m .m2m-content h2.black-bcg span {
        transform: skewX( 25deg );
        position: relative;
        display: block;
        font-family: 'teleNeo-extra' !important;
    }

#m2m .m2m-content p {
    text-align: center;
    font-size: 19px;
    line-height: 1.2;
}

#m2m ul.list-inline {
    margin: 30px 0;
}

    #m2m ul.list-inline li {
        display: inline-block;
        padding: 0;
        margin: 0;
        list-style: none;
        background: none;
        color: #333;
        opacity: .5;
        margin: 0 5px;
        font-size: 17px;
    }

        #m2m ul.list-inline li.active {
            color: #333;
            opacity: 1;
            font-family: 'teleNeo-bold' !important;
        }

#m2m .boxes {
    position: relative;
    text-align: center;
    margin: 50px 0;
}

    #m2m .boxes .box-wrap {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
        -webkit-box-shadow: 0px 3px 46px rgba(0, 0,0, .14);
        -moz-box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
        min-height: 316px;
    }

        #m2m .boxes .box-wrap h2 {
            display: block;
            font-size: 22px;
            font-family: 'teleNeo-regular' !important;
            padding: 30px 10px;
        }

            #m2m .boxes .box-wrap h2 span {
                display: block;
                font-size: 25px;
                font-family: 'teleNeo-extra' !important;
                margin-top: 10px;
            }

        #m2m .boxes .box-wrap .internet {
            position: relative;
            min-height: 70px;
        }

            #m2m .boxes .box-wrap .internet p {
                font-size: 22px;
                font-family: 'teleNeo-bold' !important;
            }

                #m2m .boxes .box-wrap .internet p span {
                    color: black;
                    font-size: 17px;
                    line-height: 1.2;
                }

        #m2m .boxes .box-wrap .icons span {
            width: 35px !important;
            height: 35px !important;
            display: inline-block !important;
            top: 0 !important;
        }

        #m2m .boxes .box-wrap .icons ul li {
            color: white;
            font-size: 13px;
            margin: 0;
            text-align: left;
            line-height: 1.2;
        }

        #m2m .boxes .box-wrap .smart-priceWraper {
            position: relative;
            display: block;
            width: 70%;
            overflow: hidden;
            margin: 10px auto;
            padding: 20px 0;
        }

            #m2m .boxes .box-wrap .smart-priceWraper .p-left-smart span {
                font-size: 30px;
                font-family: 'teleNeo-bold' !important;
            }

            #m2m .boxes .box-wrap .smart-priceWraper .p-right-smart {
                position: relative;
                display: inline;
                float: left;
                width: 30%;
                bottom: 0 !important;
                top: 3px;
                color: #333;
                text-align: right;
                margin-left: 6px;
            }

                #m2m .boxes .box-wrap .smart-priceWraper .p-right-smart span {
                    color: #333;
                    text-transform: none;
                    text-align: left;
                    font-size: 13px !important;
                }

            #m2m .boxes .box-wrap .smart-priceWraper .p-left-smart {
                position: relative;
                display: inline;
                width: 50%;
                float: left;
                text-align: right;
            }

    #m2m .boxes span.bts-paket-ddv {
        display: none;
    }

@media (max-width: 767px) {
    #m2m .main-banner {
        padding: 80% 0 0;
    }

        #m2m .main-banner .header {
            width: 100%;
        }

            #m2m .main-banner .header .wrapper {
                padding: 0% 2% 0 22%;
            }

                #m2m .main-banner .header .wrapper h1 {
                    font-size: 23px;
                }

    #m2m .m2m-content h2.black-bcg {
        width: 90%;
        font-size: 29px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #m2m .main-banner {
        background-position: center 111%;
        padding: 43% 0 0;
    }

        #m2m .main-banner .header {
            width: 68%;
        }
}
/*#endregion m2m redesign*/



/*#region business-tarifi*/
#business-tarifi-new {
    background: #F8F8F8;
}

    #business-tarifi-new .main-banner {
        position: relative;
        /*background-image: url(../content/images/business-tarifi/business-tarifi-banner.jpg);*/
        /*background-image: url(../content/images/business-tarifi/business-tarifi-new-banner.jpg);*/
        /*  background-image: url(../content/images/banner-business-l-inner-bg.jpg);*/
        /*background-image: url(../content/images/business-tarifi-banner-inner.jpg);*/
        /*background-image: url(../content/images/five-g-business-banner.png);*/
        background-image: url(../content/images/business-professional-banner.jpg);
        background-position: center top;
        height: 400px;
        background-size: cover;
    }

        /* #business-tarifi-new .main-banner.sq {
            background-image: url(../content/images/five-g-business-banner-sq.jpg);
        }*/

        #business-tarifi-new .main-banner .container {
            position: relative;
            height: 100%;
        }

        #business-tarifi-new .main-banner .header {
            width: 50%;
            padding: 5% 0 3%;
            z-index: 0;
            position: relative;
            bottom: 0;
            left: 0;
            height: 100%;
        }

            #business-tarifi-new .main-banner .header .ec {
                position: absolute;
                width: 180px;
                right: 17%;
                top: 50%;
            }

        #business-tarifi-new .main-banner:before {
            position: absolute;
            content: '';
            background-image: url(../content/images/business-tarifi/business-professional-banner-shape.png);
            background-size: contain;
            background-position: left;
            background-repeat: no-repeat;
            left: 0;
            bottom: 0;
            width: 53%;
            height: 100%;
            z-index: 0;
        }

        #business-tarifi-new .main-banner .header .wrapper {
            position: relative;
            z-index: 3;
            width: 100%;
        }

        #business-tarifi-new .main-banner .header h1 {
            font-size: 70px;
            color: white;
            font-family: 'teleNeo-bold' !important;
            text-align: left;
            z-index: 1;
            position: relative;
            text-transform: none;
            line-height: 1.2;
        }

            #business-tarifi-new .main-banner .header h1 span {
                display: block;
                font-size: 25px;
                line-height: 1.2;
            }

        #business-tarifi-new .main-banner .header p {
            color: white;
            font-size: 30px;
            line-height: 1.2;
        }

    #business-tarifi-new .content {
        margin: 50px 0;
        text-align: center;
    }

        #business-tarifi-new .content h2 {
            position: relative;
            display: block;
            width: 390px;
            margin: 0 auto;
            color: white;
            padding: 10px;
            transform: skewX( -25deg );
            font-size: 42px;
        }

            #business-tarifi-new .content h2 span {
                transform: skewX( 25deg );
                position: relative;
                display: block;
                font-family: 'teleNeo-extra' !important;
            }

            #business-tarifi-new .content h2.magenta-bg {
                background-color: #e20074;
            }

            #business-tarifi-new .content h2.black-bg {
                background-color: black;
                /*left: 13%;*/
                margin-bottom: 50px;
            }

    #business-tarifi-new .business-radio-button-design ul.bts-radio-buttons li {
        padding-left: 15px;
    }

        #business-tarifi-new .business-radio-button-design ul.bts-radio-buttons li.active {
            font-weight: 600;
        }

            #business-tarifi-new .business-radio-button-design ul.bts-radio-buttons li:before,
            #business-tarifi-new .business-radio-button-design ul.bts-radio-buttons li.active:before {
                display: none;
            }

    #business-tarifi-new #business-m-tab p.vertical {
        font-size: 14px;
        font-family: 'tele-groteskfetregular';
        color: #000;
        writing-mode: tb-rl;
        -webkit-writing-mode: tb-rl;
        -ms-writing-mode: tb-rl;
        transform: rotate( 0deg );
        position: absolute;
        left: 0;
        top: 12px;
        background-color: #e20074;
        color: white;
        padding: 5px 2px;
        margin: 0;
        line-height: 24px;
    }

    #business-tarifi-new .smart-table {
        border: 2px solid white !important;
        border-top: 2px solid white !important;
    }

    /*#business-tarifi-new .tab-content .smart-table.smart-tariff-m {
        border: 2px solid #e20074 !important;
        background: white;
    }*/

    #business-tarifi-new .tab-content .smart-table div.panel-default {
        background: transparent;
    }

div#business-tarifi-new .smart-priceWraper .p-left-smart,
div#business-tarifi-new .smart-priceWraper .p-right-smart {
    display: inline-block;
}

#accordion-pridobivki .panel-heading > .panel-title > a > div {
    text-decoration: underline;
    font-size: 15px !important;
    text-transform: none !important;
}

#accordion-pridobivki .panel-heading > .panel-title > a:after,
#accordion-pridobivki .panel-heading > .panel-title > a.collapsed:after {
    display: none;
}

#business-tarifi-new .smart-table p.smart-head span {
    position: relative;
    color: #333 !important;
    padding: 20px 0 5px !important;
    font-size: 25px !important;
}

    #business-tarifi-new .smart-table p.smart-head span:last-of-type {
        font-family: 'teleNeo-bold' !important;
        color: #333;
        font-size: 30px;
    }

#business-tarifi-new .smart-razgovori-box .smartBoxBold {
    text-transform: none !important;
}

#business-tarifi-new span.smart-march-promotion {
    font-family: 'teleNeo-medium' !important;
}

#business-tarifi-new .tab-content .smart-table div {
    line-height: 1.2;
}


#business-tarifi-new .ec {
    position: absolute !important;
    right: -75px;
    top: 50%;
    z-index: 2;
}

    #business-tarifi-new .ec img {
        height: auto !important;
        width: 120px !important;
    }


div#business-tarifi-new .roaming-magenta span {
    font-family: 'teleNeo-medium' !important;
}

#business-tarifi-new .small-text {
    position: relative;
    overflow: hidden;
    background-color: white;
    box-shadow: 0 0 10px 11px rgba(176,174, 174, .07);
}

    #business-tarifi-new .small-text p {
        line-height: 1.2;
        font-size: 14px !important;
        font-family: 'teleNeo-medium' !important;
    }

    #business-tarifi-new .small-text .wrapper {
        position: relative;
        height: 100%;
        overflow: hidden;
        width: 100%;
    }

        #business-tarifi-new .small-text .wrapper .box {
            position: relative;
            width: 45%;
            display: inline;
            float: left;
            margin: 0 22px;
            padding: 15px 0 !important;
        }

#business-tarifi-new .btn-wrapper {
    position: relative;
    margin: 10px auto 70px;
    width: 50%;
    text-align: center;
}

    #business-tarifi-new .btn-wrapper a {
        border-radius: 0;
        padding: 10px;
        font-size: 17px;
        margin: 10px;
    }

        #business-tarifi-new .btn-wrapper a.btn-magenta {
            background: linear-gradient(to bottom, #e20074 0,#d5006d 100%);
            color: white;
            transition: all ease-in .5s;
        }

            #business-tarifi-new .btn-wrapper a.btn-magenta:hover {
                background: linear-gradient(to bottom, #cd026b 0,#b90762 100%);
                transition: all ease-in .5s;
            }

#business-tarifi-new h4.more-info {
    position: relative;
    background-color: #e20074;
    width: 240px;
    bottom: 0;
    margin: 0;
    padding: 15px 12px;
    transform: skewX( -25deg );
    color: white;
    left: 30px;
    font-size: 20px;
    background: transparent linear-gradient( 97deg, #c80c6d 0%, #e20074 100%) 0% 0% no-repeat padding-box;
}

    #business-tarifi-new h4.more-info a:hover,
    #business-tarifi-new h4.more-info a:focus {
        text-decoration: none;
        color: white;
    }

#business-tarifi-new #business-tarifi-new-panel .panel-default {
    background-color: transparent;
}

#business-tarifi-new .panel-default {
    border: 0;
}

    #business-tarifi-new .panel-default .panel-body {
        padding: 0;
        border: 0;
        box-shadow: none !important;
    }

#business-tarifi-new h4.more-info span {
    transform: skewX( 25deg );
    position: relative;
    display: block;
    margin-left: 0px;
}

    #business-tarifi-new h4.more-info span:before {
        content: 'i';
        position: relative;
        border: 2px solid white;
        padding: 1px 11px;
        border-radius: 50px;
        display: inline;
        float: left;
        margin-right: 12px;
        top: -3px;
        font-size: 17px;
        left: 2px;
    }

#business-tarifi-new .smart-table .inline-box {
    position: relative;
    margin: 10px 0;
}

    #business-tarifi-new .smart-table .inline-box span:first-of-type {
        border: 0 !important;
    }

    #business-tarifi-new .smart-table .inline-box span.five-g-text {
        border: 1px solid #e20074 !important;
        border-radius: 50px;
        padding: 5px !important;
        position: relative;
        width: 35px !important;
        height: 35px !important;
        text-align: center;
        display: inline;
        float: l;
        margin-left: 5px !important;
        font-size: 14px;
        line-height: 1.2;
        bottom: 0 !important;
        background: #e20074;
        color: white;
        font-weight: 600;
    }

    #business-tarifi-new .smart-table .inline-box span {
        border: 1px solid #ccc !important;
        border-radius: 50px;
        padding: 8px 10px !important;
        position: relative;
        width: 30px !important;
        height: 30px !important;
        text-align: center;
        display: inline;
        float: l;
        margin-left: 5px !important;
        font-size: 14px;
        line-height: 1.2;
        bottom: 0 !important;
    }



        #business-tarifi-new .smart-table .inline-box span img {
            width: 11px;
            height: 13px;
        }

        #business-tarifi-new .smart-table .inline-box span .one-t-dicklaimer-message {
            position: absolute;
            width: auto !important;
            bottom: 40px !important;
            left: -25px !important;
        }

#business-tarifi-new .collapseOne1-pridobivki.panel-collapse.collapse.in {
    min-height: 370px !important;
}

#business-tarifi-new .panel-group .panel-default {
    box-shadow: none;
}

    #business-tarifi-new .panel-group .panel-default .panel-body {
        border: 0 !important;
        margin-top: 15px;
    }

#business-tarifi-new .bsd-apliciraj {
    position: relative;
    background-image: url('../content/images/business-tarifi/cta-hero-background.jpg-data.png');
    padding: 1% 0 0;
    background-size: cover;
    background-position: center;
}

    #business-tarifi-new .bsd-apliciraj .wrapper {
        position: relative;
        padding: 5% 35% 1% 2%;
        background-image: url('../content/images/business-tarifi/long-swoosh.png');
        background-size: cover;
        background-repeat: no-repeat;
        color: white;
    }

        #business-tarifi-new .bsd-apliciraj .wrapper h3 {
            position: relative;
            font-size: 32px;
            text-transform: uppercase;
            font-family: 'teleNeo-bold' !important;
            margin: 25px 0;
        }

        #business-tarifi-new .bsd-apliciraj .wrapper p {
            font-size: 18px;
        }

        #business-tarifi-new .bsd-apliciraj .wrapper a.white-btn {
            position: relative;
            background: white;
            color: #e20074;
            text-transform: uppercase;
            font-family: 'teleNeo-medium' !important;
            border-radius: 0;
            box-shadow: 0px 5px 22px #00000029;
            margin: 20px 0;
            font-size: 18px;
            padding: 8px 23px;
        }

@media (max-width: 767px) {
    #business-tarifi-new .main-banner {
        background-position: 51% 0;
        height: auto;
        background-size: cover;
        /*   background-image: url(../content/images/business-tarifi-banner-inner-mob.jpg);*/
    }

    /*#business-tarifi-new .main-banner.sq {*/
    /*  background-image: url(../content/images/business-tarifi-banner-inner-mob-sq.jpg);*/
    /*background-position: 40% 0;
        }*/
    #business-tarifi-new .btn-wrapper {
        width: 100%;
    }

    #business-tarifi-new .main-banner .header {
        width: 70%;
        padding: 2% 0%;
    }

        #business-tarifi-new .main-banner .header .wrapper {
            padding: 6% 0% 0% 0%;
            position: relative;
        }

        #business-tarifi-new .main-banner .header h1 {
            font-size: 23px;
        }

            #business-tarifi-new .main-banner .header h1 span {
                font-size: 20px;
            }

        #business-tarifi-new .main-banner .header p {
            font-size: 17px;
        }

        #business-tarifi-new .main-banner .header .ec {
            width: 120px;
            right: -90px;
            top: 80%;
        }

    #business-tarifi-new .main-banner:before {
        width: 65%;
        background-size: cover;
    }

    #business-tarifi-new .content h2 {
        width: 90%;
        font-size: 33px;
    }

        #business-tarifi-new .content h2.black-bg {
            left: 0;
        }

    #business-tarifi-new .tab-content .smart-table {
        min-height: 370px;
    }

        #business-tarifi-new .tab-content .smart-table div {
            padding-top: 20px;
            min-height: 52px;
            padding-left: 20px;
            padding-right: 20px;
        }

    #business-tarifi-new .ec {
        right: 0;
        top: -70px;
    }

        #business-tarifi-new .ec img {
            height: 90px !important;
            width: 90px !important;
        }

    #business-tarifi-new .ec {
        right: 0;
    }

        #business-tarifi-new .ec img {
            height: 90px !important;
            width: 90px !important;
        }

    #business-tarifi-new #business-m-tab p.vertical {
        left: -33px;
    }

    div#business-tarifi-new .smart-priceWraper div {
        padding: 0 !important;
    }

    .smartPanelBox.ekstra-pridobivki div {
        padding: 0 !important;
    }

    #business-tarifi-new .small-text .wrapper .box {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        margin: 0;
        padding: 15px !important;
    }

    #business-tarifi-new .bsd-apliciraj .wrapper {
        position: relative;
        padding: 14% 3% 4% 4%;
    }

        #business-tarifi-new .bsd-apliciraj .wrapper h3 {
            position: relative;
            font-size: 21px;
        }

        #business-tarifi-new .bsd-apliciraj .wrapper p {
            font-size: 16px;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    #business-tarifi-new .ec {
        right: 0;
        top: -40px;
    }

        #business-tarifi-new .ec img {
            height: 100px !important;
            width: 100px !important;
        }

    #business-tarifi-new .main-banner:before {
        background-size: cover;
    }

    #business-tarifi-new .small-text .wrapper .box {
        margin: 0 18px;
    }

    .smart-table {
        max-width: 430px !important;
    }

    #business-tarifi-new .nav-tabs {
        width: 70%;
    }

        #business-tarifi-new .nav-tabs li.active a {
            color: #e20074;
        }

        #business-tarifi-new .nav-tabs li a {
            color: #333;
        }

    #business-tarifi-new .main-banner .header h1 {
        font-size: 35px;
    }

    #business-tarifi-new .main-banner .header {
        width: 70%;
    }

        #business-tarifi-new .main-banner .header .wrapper {
            padding: 3% 0% 3% 0%;
        }

        #business-tarifi-new .main-banner .header .ec {
            position: absolute;
            width: 220px;
            right: -3%;
            top: 60%;
        }
}

@media (max-width: 991px) {
    #business-tarifi-new .panel-group {
        margin-bottom: 60px;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #business-tarifi-new .tab-content > .tab-pane {
        margin: 10px 4px;
    }

    #business-tarifi-new .main-banner .header {
        width: 70%;
        padding: 6% 0;
    }

    #business-tarifi-new .main-banner:before {
        background-size: contain;
        width: 65%;
        height: 100%;
        z-index: 0;
    }
}

@media (min-width: 1350px) {
    #business-tarifi-new .main-banner:before {
        background-size: cover;
    }
}
/*#endregion business-tarifi*/

/*#region wearefutureproof*/
div#we-are-futureproof .wrapper {
    width: 80%;
    position: relative;
    margin: 0 auto;
    height: 100%;
}

div#we-are-futureproof .first-section {
    position: relative;
    background-image: url(../content/images/we-are-futureproof/header-bg.png);
    background-size: cover;
    background-position: center;
    height: 910px;
    padding: 2% 0;
}

div#we-are-futureproof .video-frame {
    position: relative;
    top: 7%;
    height: 500px;
    width: 100%;
    margin: 0 auto;
    border: 2px solid white;
    border-radius: 9px;
    z-index: 2;
}

    div#we-are-futureproof .video-frame iframe {
        position: relative;
        width: 100%;
        height: 94%;
        top: 6%;
        z-index: 1;
        border-radius: 9px;
        border: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    div#we-are-futureproof .video-frame:before {
        position: absolute;
        content: '';
        background-image: url(../content/images/we-are-futureproof/video-head.svg);
        background-size: cover;
        width: 100%;
        height: 28px;
        top: -2px;
        left: 0;
        right: 0;
    }

div#we-are-futureproof .back-video-frame {
    position: absolute;
    top: 20%;
    background-image: url(../content/images/we-are-futureproof/magenta-window.svg);
    width: 17%;
    height: 276px;
    background-size: cover;
    background-repeat: no-repeat;
    left: -11%;
    z-index: 1;
}

div#we-are-futureproof .header-frame {
    position: relative;
    top: 7%;
    width: 60%;
    float: right;
    right: 8%;
    border: 2px solid white;
    border-radius: 9px;
    background-image: url(../content/images/we-are-futureproof/headline1.svg);
    background-size: cover;
    background-position: center;
    height: 72px;
}


    div#we-are-futureproof .header-frame h1 {
        color: white;
        font-size: 39px;
        font-family: 'teleNeo-bold' !important;
        margin: 20px 0 0;
    }

div#we-are-futureproof .image-frame.frame {
    position: relative;
    float: right;
    top: 7%;
    background-image: url(../content/images/we-are-futureproof/headline2.svg);
    width: 80%;
    height: 138px;
    background-size: cover;
    left: 10%;
    text-align: center;
}

    div#we-are-futureproof .image-frame.frame img {
        top: 35px;
        position: relative;
        width: 95%;
        height: auto;
    }

div#we-are-futureproof .first-section .link {
    position: absolute;
    width: 28%;
    right: -11%;
    bottom: 7px;
}

    div#we-are-futureproof .first-section .link a {
        color: #e20074;
        text-transform: uppercase;
        font-size: 18px;
        font-family: 'teleNeo-extra' !important;
        text-decoration: none;
        text-align: left;
        padding-left: 30px;
        background: white;
        padding: 8px 0;
        border-radius: 9px;
        width: 100%;
        display: block;
        margin-top: 2px;
        padding-left: 30px;
        position: relative;
    }

        div#we-are-futureproof .first-section .link a:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/we-are-futureproof/lupa.png);
            width: 18px;
            height: 18px;
            left: 8px;
            top: 13px;
            background-repeat: no-repeat;
            background-size: cover;
        }

div#we-are-futureproof .second-section {
    position: relative;
    background-image: url(../content/images/we-are-futureproof/section2-bg.png);
    background-position: center;
    background-size: cover;
    height: auto;
    padding: 5% 0 7%;
}

    div#we-are-futureproof .second-section .text-frame {
        position: relative;
        width: 500px;
        height: 278px;
        left: -15%;
        background-image: url(../content/images/we-are-futureproof/frame1.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

        div#we-are-futureproof .second-section .text-frame.magenta {
            left: 5%;
            top: -70px;
            z-index: 2;
        }

            div#we-are-futureproof .second-section .text-frame.magenta .text-wrap {
                width: 100%;
                height: 268px;
                background: #e20074;
                position: relative;
                top: 30px;
                border-bottom-left-radius: 9px;
                border-bottom-right-radius: 9px;
                padding: 10px 50px 20px 50px;
            }

    div#we-are-futureproof .second-section .text-wrap p {
        color: white;
        font-size: 18px;
        line-height: 1.1;
    }

        div#we-are-futureproof .second-section .text-wrap p span {
            text-transform: uppercase;
            letter-spacing: 6px;
            font-style: italic;
        }

    div#we-are-futureproof .second-section .text-frame .text-wrap-transparent {
        position: relative;
        width: 500px;
        height: 248px;
        top: 30px;
        padding: 10px 70px 20px 20px;
    }

        div#we-are-futureproof .second-section .text-frame .text-wrap-transparent p {
            color: white;
            font-size: 18px;
            line-height: 1.1;
        }

    div#we-are-futureproof .second-section .black-image-frame {
        position: relative;
        margin-top: 19%;
    }

    div#we-are-futureproof .second-section .black-image-frame {
        position: relative;
        margin-top: 19%;
        right: -17%;
    }

div#we-are-futureproof .third-section {
    position: relative;
    padding: 3% 0;
    background-image: url(../content/images/we-are-futureproof/section3-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

div#we-are-futureproof section.third-section .header-text {
    margin-bottom: 30px;
}

div#we-are-futureproof section.third-section .right-side .button-img {
    position: absolute;
    right: -40%;
    top: -30px;
}

div#we-are-futureproof section.third-section p {
    color: black;
    font-size: 19px;
    line-height: 1.2;
}

div#we-are-futureproof .third-section .links {
    position: relative;
    padding: 3% 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    display: block;
}

    div#we-are-futureproof .third-section .links a.btn {
        background: #e20074;
        color: white;
        font-size: 23px;
        text-transform: uppercase;
        padding: 7px 20px;
        font-style: italic;
        border-radius: 9px;
    }

    div#we-are-futureproof .third-section .links a.white-link {
        display: block;
        left: 10%;
        position: relative;
        background: white;
        width: 100%;
        padding: 10px;
        border-radius: 9px;
        text-transform: uppercase;
        color: #e20074;
        font-family: 'teleNeo-extra' !important;
        font-size: 17px;
        padding-left: 30px;
        margin-top: 2px;
    }

        div#we-are-futureproof .third-section .links a.white-link:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/we-are-futureproof/lupa.png);
            width: 16px;
            height: 16px;
            left: 8px;
            top: 12px;
            background-repeat: no-repeat;
            background-size: cover;
        }


div#we-are-futureproof .speak-out-section {
    position: relative;
    padding: 3% 0;
    background: #e20074;
}

    div#we-are-futureproof .speak-out-section .wrap h2 {
        color: black;
        text-transform: uppercase;
        font-size: 32px;
        margin: 0;
        line-height: 1.2;
    }

    div#we-are-futureproof .speak-out-section .wrap h3 {
        color: white;
        font-family: 'teleNeo-extra' !important;
        font-size: 55px;
        text-transform: uppercase;
        font-style: italic;
        margin: 0;
        line-height: 1.2;
    }


    div#we-are-futureproof .speak-out-section .wrap p {
        color: white;
        font-size: 19px;
        padding-right: 40px;
    }

    div#we-are-futureproof .speak-out-section a {
        color: white;
        font-size: 19px;
        text-decoration: underline;
    }

div#we-are-futureproof .back-speak-section {
    position: absolute;
    width: 25%;
    height: 155px;
    background-image: url(../content/images/we-are-futureproof/speakout-window-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    left: -6%;
    bottom: 15%;
}

div#we-are-futureproof .speak-out-section .speak-out-window {
    position: relative;
    width: 68%;
    height: 370px;
    background-image: url(../content/images/we-are-futureproof/speakout-window.png);
    background-size: cover;
    background-position: center top;
    line-height: 1.1;
    left: 0%;
    z-index: 2;
}

    div#we-are-futureproof .speak-out-section .speak-out-window .wrap {
        padding: 45px 60px 15px;
    }

        div#we-are-futureproof .speak-out-section .speak-out-window .wrap p {
            font-size: 18px;
            color: black;
            padding: 0;
            line-height: 1.2;
        }

div#we-are-futureproof .speak-out-section .right-side-speak {
    position: absolute;
    top: -100px;
    right: -80px;
}

div#we-are-futureproof section.videos-section {
    position: relative;
    padding: 3% 0;
    background-image: url(../content/images/we-are-futureproof/section4-bg.jpg);
    height: auto;
    background-size: cover;
    background-position: center;
}

    div#we-are-futureproof section.videos-section h2 {
        color: white;
        text-transform: uppercase;
        font-size: 30px;
        font-family: 'teleNeo-bold' !important;
        letter-spacing: 7px;
        font-style: italic;
        margin: 20px 0 40px;
    }

    div#we-are-futureproof section.videos-section:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/we-are-futureproof/section4-shape.png);
        width: 72%;
        height: 600px;
        background-size: cover;
        z-index: 0;
        top: 20%;
    }



    /*div#we-are-futureproof section.videos-section .video-side {
        position: relative;
        width: 250px;
        height: auto;
        margin: 30px auto;
    }

div#we-are-futureproof section.videos-section .video-side video {
    width: 100%;
    height: 100%;
    position: relative;
}
    div#we-are-futureproof section.videos-section .futureproof-influencer-img {
        position: relative;
        width: 100%;
        height: 100%;
    }*/
    div#we-are-futureproof section.videos-section .video-side a:hover .futureproof-influencer-img:before {
        display: block;
        content: '';
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: rgba(226, 0, 116, 0.7);
        position: absolute;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        height: 100%;
    }

    div#we-are-futureproof section.videos-section .content-section {
        color: white;
        font-size: 18px;
        line-height: 1.2;
        text-align: center;
    }

    div#we-are-futureproof section.videos-section .wrapper-two {
        position: relative;
        width: 80%;
        height: 100%;
        margin: 0 auto;
    }

    div#we-are-futureproof section.videos-section .youngster-story-video.special {
        position: absolute;
        width: 32.333%;
        top: -568px;
        left: auto;
        right: auto;
        height: 446px !important;
    }

    div#we-are-futureproof section.videos-section #collapseYoungster2 {
        left: 260px;
    }

    div#we-are-futureproof section.videos-section #collapseYoungster3 {
        left: 555px;
    }

    div#we-are-futureproof section.videos-section #collapseYoungster4 {
        left: 858px;
    }

    div#we-are-futureproof section.videos-section .youngster-story-video.special video {
        width: 100%;
        height: 100%;
    }

    div#we-are-futureproof section.videos-section .youngster-story-txt {
        width: 70%;
        display: table-cell;
        vertical-align: middle;
        color: white;
        padding: 0 12%;
        font-size: 21px;
    }

    div#we-are-futureproof section.videos-section .card-header a,
    div#we-are-futureproof section.videos-section .card-header a:hover,
    div#we-are-futureproof section.videos-section .card-header a:focus {
        text-decoration: none;
    }

    div#we-are-futureproof section.videos-section .card-header span {
        color: white;
        line-height: 1.2;
        position: relative;
        font-size: 18px;
        top: 15px;
        font-family: 'teleNeo-medium' !important;
    }

.videos-section .cover {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 490px;
    margin-bottom: 20px;
    margin-top: 30px;
    cursor: pointer;
    transition: all ease-in .6s;
}

    .videos-section .cover:hover:before {
        content: "";
        position: absolute;
        width: 90%;
        height: 491px;
        top: 30px;
        left: 14px;
        background: #e200742b;
        font-family: 'IonIcons' !important;
        transition: all ease-in .6s;
    }

    .videos-section .cover:hover:after {
        content: "\f215";
        font-family: 'IonIcons' !important;
        color: white;
        top: 31%;
        position: absolute;
        left: 45%;
        font-size: 70px;
    }

.videos-section .video-text {
    position: relative;
    min-height: 350px;
    margin-bottom: 30px;
}

    .videos-section .video-text p {
        color: white;
        line-height: 1.2;
        font-size: 17px;
    }

    .videos-section .video-text a.btn.btn-magenta.link-profile {
        background: #e20074;
        color: white;
        font-size: 18px;
        border: 1px solid white;
        border-radius: 3px;
        position: absolute;
        margin: 20px 0;
        bottom: 0;
    }

    .videos-section .video-text span {
        color: white;
        line-height: 1.2;
        font-size: 18px;
        font-family: 'teleNeo-medium' !important;
        overflow: hidden;
        display: block;
        font-style: italic;
        text-transform: uppercase;
    }

.videos-section .cover.irina {
    background-image: url('../content/images/we-are-futureproof/Irina.jpg');
}

.videos-section .cover.filip {
    background-image: url('../content/images/we-are-futureproof/Marsa.jpg');
}

.videos-section .cover.dina {
    background-image: url('../content/images/we-are-futureproof/Dina.jpg');
}

.videos-section .cover.jan {
    background-image: url('../content/images/we-are-futureproof/Jan.jpg');
}

.videos-section .cover.saf {
    background-image: url('../content/images/we-are-futureproof/Goce-Saf.jpg');
}

.videos-section .cover.teona {
    background-image: url('../content/images/we-are-futureproof/Teona-Mango.jpg');
}

.videos-section .cover.angela {
    background-image: url('../content/images/we-are-futureproof/Angela.jpg');
}

.videos-section .cover.emilija {
    background-image: url('../content/images/we-are-futureproof/Emilija.jpg');
}

.videos-section .cover video {
    display: none;
    width: 100%;
    height: 100%;
    transition: 1s;
    position: relative;
    top: 0;
    z-index: 1;
    opacity: 1;
}

    .videos-section .cover video.visible {
        display: inline-block;
    }

.videos-section .close {
    position: absolute;
    top: 45px;
    color: white;
    text-shadow: none;
    right: 30px;
    font-family: 'teleNeo-regular' !important;
    font-weight: 500;
    opacity: 1;
    z-index: 2;
    display: none;
}

    .videos-section .close:before {
        content: 'X';
        font-family: 'teleIcon-outline' !important;
    }

@media(min-width: 1500px) {
    div #we-are-futureproof .first-section {
        height: 950px;
    }

    div#we-are-futureproof .image-frame.frame {
        width: 76%;
        height: 197px;
    }

        div#we-are-futureproof .image-frame.frame img {
            top: 55px;
        }

    div#we-are-futureproof .first-section .link {
        bottom: -30px;
        width: 19%;
    }

    div#we-are-futureproof .back-speak-section {
        height: 180px;
    }

    div#we-are-futureproof .speak-out-section .speak-out-window {
        width: 55%;
        height: 410px;
        padding: 0;
    }

        div#we-are-futureproof .speak-out-section .speak-out-window .wrap {
            width: 100%;
            height: 100%;
            top: 10px;
            position: relative;
            padding: 40px 40px 45px;
        }

    div#we-are-futureproof .header-frame {
        width: 48%;
        height: 82px;
    }

    div#we-are-futureproof section.third-section .right-side .button-img {
        top: -80px;
    }
}

@media(max-width: 767px) {
    .videos-section .cover {
        height: 610px;
    }

    div#we-are-futureproof .wrapper {
        width: 100%;
        padding: 0 10px;
    }

    div#we-are-futureproof .header-frame {
        width: 93%;
        right: 0;
        height: 62px;
    }

        div#we-are-futureproof .header-frame h1 {
            font-family: 'teleNeo-bold' !important;
            font-size: 21px;
        }

    div#we-are-futureproof .image-frame.frame {
        position: relative;
        width: 80%;
        height: 90px;
        background-size: cover;
        left: 0;
        right: 0;
        text-align: center;
    }

    div#we-are-futureproof .first-section .link {
        position: absolute;
        width: 64%;
        bottom: 103px;
        right: 0;
    }

        div#we-are-futureproof .first-section .link a {
            font-size: 18px;
        }

    div#we-are-futureproof .back-video-frame {
        display: none;
    }

    div#we-are-futureproof .second-section {
        padding: 7% 0;
    }

        div#we-are-futureproof .second-section .text-frame {
            width: 100%;
            height: 225px !important;
            left: 0;
            background-size: 100%;
        }

            div#we-are-futureproof .second-section .text-frame .text-wrap-transparent {
                height: 100%;
                width: 100%;
                padding: 10px 20px 20px 20px;
            }

            div#we-are-futureproof .second-section .text-frame p {
                font-size: 17px;
            }

            div#we-are-futureproof .second-section .text-frame.magenta {
                z-index: 2;
                height: 370px !important;
                left: 0;
                top: 20px;
            }

                div#we-are-futureproof .second-section .text-frame.magenta .text-wrap {
                    width: 100%;
                    height: 100%;
                    padding: 10px 20px 20px 20px;
                    top: 19px;
                }

        div#we-are-futureproof .second-section .black-image-frame {
            position: relative;
            margin-top: 20%;
            right: 0;
        }

    div#we-are-futureproof section.videos-section .wrapper-two {
        width: 100%;
    }

    div#we-are-futureproof .third-section {
        padding: 10% 0;
    }

    div#we-are-futureproof .back-speak-section {
        display: none;
    }

    div#we-are-futureproof .speak-out-section .wrap p {
        padding: 0;
    }

    div#we-are-futureproof .speak-out-section .speak-out-window {
        position: relative;
        width: 100%;
        height: 450px;
        padding: 45px 20px 0;
        left: 0;
        background-size: cover;
        background-repeat: no-repeat;
    }

        div#we-are-futureproof .speak-out-section .speak-out-window .wrap {
            padding: 0 0px 1px;
        }

            div#we-are-futureproof .speak-out-section .speak-out-window .wrap p {
                font-size: 17px;
            }

    div#we-are-futureproof .speak-out-section .right-side-speak {
        position: relative;
        top: -30px;
        right: 0;
    }

    div#we-are-futureproof section.videos-section h2 {
        font-size: 34px;
        letter-spacing: 0;
        width: 100%;
        margin: 30px 0;
    }

    div#we-are-futureproof section.third-section .right-side .button-img {
        position: relative;
        right: 0;
        top: auto;
    }

    .speak-out-socialIcon-box {
        padding: 25px;
    }

    div#we-are-futureproof section.videos-section:before {
        display: none;
    }

    div#we-are-futureproof section.videos-section .video-side {
        width: 100%;
        height: auto;
    }

    div#we-are-futureproof section.videos-section .futureproof.card-header {
        position: relative;
        display: block;
        overflow: hidden;
    }

    div#we-are-futureproof section.videos-section .card {
        position: relative;
        min-height: 430px;
    }

    div#we-are-futureproof section.videos-section .youngster-story-video.special {
        position: relative;
        width: 100%;
        top: 0px;
        display: block;
    }

    div#we-are-futureproof section.videos-section .youngster-story-txt {
        width: 100%;
        display: block;
        vertical-align: middle;
        color: white;
        padding: 0 5%;
    }

    div#we-are-futureproof .youngsterBoxMobil {
        background-color: rgba(226, 0, 116, 0.8);
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#we-are-futureproof .video-frame {
        width: 95%;
    }

    div#we-are-futureproof .header-frame {
        width: 95%;
        right: -3%;
    }

    div#we-are-futureproof .image-frame.frame {
        width: 100%;
        height: 120px;
        background-size: cover;
        left: 10%;
        text-align: center;
    }

    div#we-are-futureproof .first-section .link {
        position: absolute;
        width: 45%;
    }

    div#we-are-futureproof .back-speak-section {
        left: 1%;
    }

    div#we-are-futureproof .back-speak-section {
        left: 3%;
        width: 40%;
    }

    div#we-are-futureproof .speak-out-section .speak-out-window {
        width: 100%;
        left: 10%;
        height: 310px;
    }

    div#we-are-futureproof .speak-out-section .right-side-speak {
        position: relative;
        display: block;
        top: auto;
        right: 0;
        left: 0;
        width: 100%;
    }
}
/*#endregion wearefutureproof*/

/*#region kariera futureproof*/
div#kariera-futureproof section.videos-section {
    position: relative;
    padding: 3% 0;
    background-image: url(../content/images/we-are-futureproof/section4-bg.jpg);
    height: auto;
    background-size: cover;
    background-position: center;
}

    div#kariera-futureproof section.videos-section h2 {
        color: white;
        text-transform: uppercase;
        font-size: 30px;
        font-family: 'teleNeo-bold' !important;
        /* letter-spacing: 7px; */
        /* font-style: italic; */
        margin: 20px 0 40px;
    }

    div#kariera-futureproof section.videos-section:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/we-are-futureproof/section4-shape.png);
        width: 72%;
        height: 600px;
        background-size: cover;
        z-index: 0;
        top: 20%;
    }



    div#kariera-futureproof section.videos-section .video-side {
        position: relative;
        width: 250px;
        height: auto;
        margin: 30px auto;
    }

        div#kariera-futureproof section.videos-section .video-side video {
            width: 100%;
            height: auto;
        }

    div#kariera-futureproof section.videos-section .content-section {
        color: white;
        font-size: 18px;
        line-height: 1.2;
        text-align: center;
    }

div#kariera-futureproof .wrapper-two {
    position: relative;
    width: 80%;
    height: 100%;
    margin: 0 auto;
}

div#kariera-futureproof section.accordions {
    position: relative;
    padding: 3% 0;
    background-image: url('../content/images/we-are-futureproof/soveti-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
    overflow: auto;
}

    div#kariera-futureproof section.accordions .wrapper-three {
        width: 60%;
        position: relative;
        margin: 0 auto;
        display: inline-block;
        float: left;
    }

    div#kariera-futureproof section.accordions h2 {
        color: #e20074;
        text-transform: uppercase;
        font-size: 22px;
        font-family: 'teleNeo-bold' !important;
        margin-bottom: 30px;
    }

    div#kariera-futureproof section.accordions p {
        font-size: 18px;
        line-height: 1.2;
    }

    div#kariera-futureproof section.accordions .panel-group {
        margin-top: 30px;
    }

        div#kariera-futureproof section.accordions .panel-group .panel-heading {
            padding: 10px 20px;
            background-color: white;
            border: 0;
        }

        div#kariera-futureproof section.accordions .panel-group .panel-default {
            margin-bottom: 20px;
            border-radius: 5px;
            border: 0;
        }

            div#kariera-futureproof section.accordions .panel-group .panel-default h4 {
                padding: 10px 0;
                font-size: 20px;
                font-family: 'teleNeo-bold' !important;
            }

                div#kariera-futureproof section.accordions .panel-group .panel-default h4 a {
                    font-family: 'teleNeo-bold' !important;
                    text-decoration: none;
                    position: relative;
                    width: 100%;
                    display: block;
                }

                    div#kariera-futureproof section.accordions .panel-group .panel-default h4 a:hover,
                    div#kariera-futureproof section.accordions .panel-group .panel-default h4 a:focus {
                        color: #e20074;
                        text-decoration: none;
                    }

                    div#kariera-futureproof section.accordions .panel-group .panel-default h4 a.collapsed:after {
                        content: ']$';
                        font-family: 'teleicon-outline';
                        position: absolute;
                        color: white;
                        font-size: 22px;
                        top: 0;
                        right: 5px;
                        margin: auto;
                        transform: rotateZ( 0deg );
                        color: #333;
                    }

                    div#kariera-futureproof section.accordions .panel-group .panel-default h4 a:after {
                        content: ']$';
                        font-family: 'teleicon-outline';
                        position: absolute;
                        color: white;
                        font-size: 22px;
                        top: 0;
                        right: 5px;
                        margin: auto;
                        transform: rotateZ( -180deg );
                        transition-property: transform;
                        transition-duration: 0.25s;
                        color: #333;
                    }

    div#kariera-futureproof section.accordions .ilustrations {
        position: relative;
        width: 20%;
        display: inline;
        float: left;
    }

        div#kariera-futureproof section.accordions .ilustrations .one,
        div#kariera-futureproof section.accordions .ilustrations .two,
        div#kariera-futureproof section.accordions .ilustrations .three {
            position: relative;
            display: block;
            width: 100%;
            overflow: hidden;
        }

            div#kariera-futureproof section.accordions .ilustrations .one img {
                position: relative;
                left: -25%;
                display: block;
            }

            div#kariera-futureproof section.accordions .ilustrations .three img {
                position: relative;
                right: -25%;
                display: block;
            }

@media (max-width: 767px) {
    div #kariera-futureproof .wrapper-two {
        position: relative;
        width: 100%;
        height: 100%;
    }

    div#kariera-futureproof section.videos-section h2 {
        font-size: 33px;
        letter-spacing: 0;
        font-style: italic;
        margin: 30px 0;
    }

    div#kariera-futureproof section.videos-section .video-side {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
    }

    div#kariera-futureproof section.accordions .wrapper-three {
        float: none;
        padding: 0 15px;
        margin-left: 0;
        width: 100%;
    }

    div#kariera-futureproof section.accordions .ilustrations {
        display: none;
    }
}
/*#endregion kariera futureproof*/


/*#region magenta1 2021*/
div#magenta1-new-lp .main-banner {
    position: relative;
    background-image: url('../content/images/magenta1-lp/header-img.png');
    background-size: cover;
    background-position: center;
    height: 570px;
}

    div#magenta1-new-lp .main-banner .header {
        width: 47%;
        width: 60%;
        padding: 5% 0px 0 2px;
        background-size: cover;
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        z-index: 0;
        position: absolute;
        bottom: 0;
    }

        div#magenta1-new-lp .main-banner .header:before {
            background-image: url(../content/images/magenta1-lp/shape.png);
            position: absolute;
            content: '';
            background-size: contain;
            background-position: left bottom;
            background-repeat: no-repeat;
            left: 0px;
            bottom: 0px;
            width: 100%;
            height: 100%;
            z-index: 0;
        }

        div#magenta1-new-lp .main-banner .header h1 {
            -webkit-text-stroke-width: 2px;
            -webkit-text-stroke-color: #fff;
            position: relative;
            font-size: 70px;
            font-family: 'teleNeo-extra' !important;
            display: inline-block;
            color: transparent;
            text-transform: capitalize;
        }

            div#magenta1-new-lp .main-banner .header h1 strong {
                -webkit-text-stroke-width: initial;
                color: white;
            }

            div#magenta1-new-lp .main-banner .header h1:after {
                content: '';
                position: absolute;
                background-image: url(../content/images/magenta1-lp/m-one.png);
                width: 40px;
                height: 70px;
                background-repeat: no-repeat;
                background-size: contain;
                right: -40px;
                bottom: 14px;
            }

        div#magenta1-new-lp .main-banner .header h2 {
            color: white;
            /*text-transform: uppercase;*/
            font-size: 25px;
            position: relative;
            font-family: teleNeo-bold !important;
            max-width: 600px;
        }

        div#magenta1-new-lp .main-banner .header .wrapper {
            position: relative;
            z-index: 2;
            margin: 2% 13% 11%;
        }

    div#magenta1-new-lp .main-banner .img-right {
        position: absolute;
        right: 10%;
        height: auto;
        width: 20%;
        bottom: 0;
    }

div#magenta1-new-lp .whiteBgBox {
    margin-top: -50px;
    position: relative;
    z-index: 2;
}

    div#magenta1-new-lp .whiteBgBox .wrapper {
        width: 70%;
        margin: 0 auto;
        background: #FFFFFF;
        box-shadow: 0px 0px 90px #6A6A811F;
        padding: 40px 95px;
        text-align: center;
        font-size: 18px;
    }

div#magenta1-new-lp section.choose-box {
    position: relative;
    width: 100%;
    padding: 3% 0 0%;
    display: block;
}

    div#magenta1-new-lp section.choose-box .flex {
        flex-wrap: wrap;
        grid-gap: 20px;
    }

    div#magenta1-new-lp section.choose-box .box {
        width: 20%;
        text-align: center;
        padding: 20px 30px;
        display: inline-flex;
        flex-flow: column;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
    }

        div#magenta1-new-lp section.choose-box .box h3 {
            font-size: 19px;
            text-transform: uppercase;
            font-family: 'teleNeo-extra' !important;
            min-height: 40px;
            margin-bottom: 0;
        }

    div#magenta1-new-lp section.choose-box .image-wrap {
        min-height: 75px;
        position: relative;
    }

div#magenta1-new-lp section.magenta-shape-bcg {
    position: relative;
    background-image: url(../content/images/magenta1-lp/section2.png);
    height: auto;
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    padding: 7% 0;
}

    div#magenta1-new-lp section.magenta-shape-bcg p {
        color: white;
        font-size: 19px;
        padding: 0 20%;
    }

div#magenta1-new-lp section.partial-section {
    position: relative;
    z-index: 2;
}

    div#magenta1-new-lp section.partial-section .wrapper {
        position: relative;
        width: 100%;
        height: auto;
        display: block;
        overflow: hidden;
    }

    div#magenta1-new-lp section.partial-section:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/magenta1-lp/line1.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 360px;
        z-index: 4;
        top: 6%;
    }

    div#magenta1-new-lp section.partial-section .wrapper .left-content {
        position: relative;
        width: 50%;
        display: inline;
        float: left;
        z-index: 3;
    }

    div#magenta1-new-lp section.partial-section .wrapper .right-image {
        position: relative;
        width: 50%;
        display: inline;
        float: left;
        height: 100%;
    }

    div#magenta1-new-lp section.partial-section .wrapper .content-wrap {
        margin: 10% 25% 10% 10%;
    }


    div#magenta1-new-lp section.partial-section .wrapper .left-image {
        position: relative;
        width: 50%;
        display: inline;
        float: left;
    }

    div#magenta1-new-lp section.partial-section .wrapper .right-content {
        position: relative;
        width: 50%;
        display: inline;
        float: left;
        height: 100%;
    }

    div#magenta1-new-lp section.partial-section .wrapper h3 {
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
        font-size: 23px;
        margin-bottom: 30px;
        position: relative;
    }

    div#magenta1-new-lp section.partial-section .wrapper p {
        font-size: 17px;
        line-height: 1.2;
    }

    div#magenta1-new-lp section.partial-section .wrapper .content-wrap .links a {
        color: #e20074;
        display: block;
        font-family: 'teleNeo-medium' !important;
        font-size: 17px;
        margin: 15px 0;
        position: relative;
        padding-left: 30px;
        z-index: 3;
        cursor: pointer;
    }

        div#magenta1-new-lp section.partial-section .wrapper .content-wrap .links a.one:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/magenta1-lp/device-tv.png);
            background-size: contain;
            width: 20px;
            height: 30px;
            background-repeat: no-repeat;
            left: 0;
            top: 4px;
        }

        div#magenta1-new-lp section.partial-section .wrapper .content-wrap .links a.two:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/magenta1-lp/fixed.png);
            background-size: contain;
            width: 20px;
            height: 30px;
            background-repeat: no-repeat;
            left: 0;
            top: 0;
        }

    div#magenta1-new-lp section.partial-section .wrapper:nth-child(3):before {
        content: '';
        position: absolute;
        background-image: url(../content/images/magenta1-lp/line2.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 70%;
        height: 560px;
        z-index: 2;
        top: 0;
    }

    div#magenta1-new-lp section.partial-section .wrapper:nth-child(3):after {
        content: '';
        position: absolute;
        width: 80px;
        height: 78px;
        background-image: url(../content/images/magenta1-lp/magenta-tv.png);
        background-size: cover;
        left: 0;
        right: 0;
        top: 40%;
        margin: 0 auto;
    }

div#magenta1-new-lp section.buttons {
    position: relative;
    padding: 6% 0;
}

    div#magenta1-new-lp section.buttons .btn-wrap {
        width: 55%;
        margin: 0 auto;
        text-align: center;
        position: relative;
    }

        div#magenta1-new-lp section.buttons .btn-wrap a {
            background: transparent;
            border: 1px solid #d8d8d8;
            border-radius: 5px;
            padding: 11px 20px;
            width: 210px;
            margin: 0 20px;
            color: #333;
            font-family: 'teleNeo-bold' !important;
            font-size: 17px;
            transition: all ease-in .5s !important;
        }

            div#magenta1-new-lp section.buttons .btn-wrap a:hover {
                background: #e20074;
                color: white;
                transition: all ease-in .5s !important;
                border-color: #e20074;
            }

div#magenta1-new-lp section.tariff-suggestion {
    position: relative;
    width: 100%;
    padding: 3% 0 5%;
}

    div#magenta1-new-lp section.tariff-suggestion h3 {
        position: relative;
        font-size: 23px;
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
        margin-bottom: 60px;
    }

    div#magenta1-new-lp section.tariff-suggestion .tariff-s,
    div#magenta1-new-lp section.tariff-suggestion .max-premium {
        position: relative;
        width: 50%;
        display: inline;
        float: left;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 250px #0000001F;
    }

    div#magenta1-new-lp section.tariff-suggestion .wrap {
        position: relative;
        padding: 40px;
    }

        div#magenta1-new-lp section.tariff-suggestion .wrap h4 {
            font-size: 30px;
            font-family: 'teleNeo-extra' !important;
            margin-top: 0;
            padding: 0;
        }

        div#magenta1-new-lp section.tariff-suggestion .wrap p {
            font-size: 16px;
            font-family: 'teleNeo-bold' !important;
            padding-right: 15px;
            display: inline-block;
        }

        div#magenta1-new-lp section.tariff-suggestion .wrap span.one-t-dicklaimer {
            width: 25px;
            height: 25px;
        }

        div#magenta1-new-lp section.tariff-suggestion .wrap .p-uredi-cena {
            margin: 0;
        }

            div#magenta1-new-lp section.tariff-suggestion .wrap .p-uredi-cena .p-left {
                float: left;
                text-align: left;
                width: auto;
            }

                div#magenta1-new-lp section.tariff-suggestion .wrap .p-uredi-cena .p-left span {
                    font-size: 26px;
                    font-family: teleNeo-extra !important;
                    color: rgba(0, 0, 0, .6);
                }

            div#magenta1-new-lp section.tariff-suggestion .wrap .p-uredi-cena .p-right {
                float: left;
                width: auto;
            }

                div#magenta1-new-lp section.tariff-suggestion .wrap .p-uredi-cena .p-right span {
                    text-transform: none;
                    color: #333;
                    padding: 0;
                }

                div#magenta1-new-lp section.tariff-suggestion .wrap .p-uredi-cena .p-right span {
                    text-transform: none;
                    color: #333;
                    padding: 0;
                }

        div#magenta1-new-lp section.tariff-suggestion .wrap .price-old .line-through {
            position: relative;
            text-decoration: line-through;
        }

        div#magenta1-new-lp section.tariff-suggestion .wrap .new-price-wrap {
            position: relative;
            margin: 20px 0;
            overflow: hidden;
        }

            div#magenta1-new-lp section.tariff-suggestion .wrap .new-price-wrap .cena-magenta span {
                color: #e20074 !important;
            }

            div#magenta1-new-lp section.tariff-suggestion .wrap .new-price-wrap .cena-magenta .p-left span {
                font-size: 62px !important;
            }

    div#magenta1-new-lp section.tariff-suggestion .new-price-wrap .p-uredi-cena {
        width: 100%;
        max-width: initial;
    }

    div#magenta1-new-lp section.tariff-suggestion .new-price-wrap .p-right {
        position: relative;
        top: 35px;
        display: inline;
        float: left;
    }

        div#magenta1-new-lp section.tariff-suggestion .new-price-wrap .p-right span {
            font-size: 17px;
            width: auto;
            max-width: initial;
            font-family: 'teleNeo-bold' !important;
        }

        div#magenta1-new-lp section.tariff-suggestion .new-price-wrap .p-right .p-currency {
            border-bottom: 1px solid #e20074;
        }

    div#magenta1-new-lp section.tariff-suggestion .new-price-wrap .cena-magenta {
        width: 70%;
        display: inline;
        float: left;
    }

    div#magenta1-new-lp section.tariff-suggestion .new-price-wrap .all-tariffs {
        position: relative;
        width: 30%;
        display: inline;
        float: left;
        line-height: 1.2;
        margin-top: 30px;
    }

        div#magenta1-new-lp section.tariff-suggestion .new-price-wrap .all-tariffs a {
            color: #333;
            text-decoration: underline;
            font-size: 16px;
            font-family: teleNeo-medium !important;
        }

div#magenta1-new-lp section.order-section {
    background-image: url(../content/images/magenta1-lp/section7.png);
    padding: 4% 0px 6%;
    background-position: right bottom;
    text-align: center;
    color: white;
    background-repeat: no-repeat;
    background-size: cover;
}

    div#magenta1-new-lp section.order-section h3 {
        text-transform: uppercase;
        font-size: 23px;
        font-family: 'teleNeo-bold' !important;
        margin-bottom: 30px;
    }

    div#magenta1-new-lp section.order-section p {
        font-size: 18px;
        line-height: 1.2;
    }


    div#magenta1-new-lp section.order-section .order-btn {
        background: white;
        color: #333;
        padding: 13px 20px;
        top: 40px;
        position: relative;
        font-size: 18px;
    }

        div#magenta1-new-lp section.order-section .order-btn:hover {
            text-decoration: none;
            background: #e20074;
            border: 1px solid white;
            color: white;
        }


div#magenta1-new-lp section.qa {
    position: relative;
    padding: 3% 0;
    background: #F3F4F6 0% 0% no-repeat padding-box;
}

    div#magenta1-new-lp section.qa h2 {
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        text-align: left;
        margin: 30px 0 60px;
    }

    div#magenta1-new-lp section.qa .panel-default {
        border: 0;
        background: transparent;
    }

        div#magenta1-new-lp section.qa .panel-default .panel-heading {
            background: transparent;
        }

        div#magenta1-new-lp section.qa .panel-default .panel-title {
            padding: 0;
        }

            div#magenta1-new-lp section.qa .panel-default .panel-title a {
                position: relative;
                display: block;
                padding: 15px 0;
                font-size: 18px;
                color: black;
            }

        div#magenta1-new-lp section.qa .panel-default ~ .panel-title a:hover,
        div#magenta1-new-lp section.qa .panel-default ~ .panel-title a:focus {
            text-decoration: none;
        }

    div#magenta1-new-lp section.qa .panel-title a.collapsed:after {
        content: '+';
        font-family: teleicon-outline;
        position: absolute;
        color: #e20074;
        font-size: 21px;
        top: 0;
        right: 20px;
        margin: auto;
        transition-property: transform;
        transition-duration: .25s;
        font-weight: 600;
    }

    div#magenta1-new-lp section.qa .panel-title a:after {
        content: '-';
        font-family: teleicon-outline;
        position: absolute;
        color: #e20074;
        font-size: 21px;
        top: 0;
        right: 20px;
        margin: auto;
        transition-property: transform;
        transition-duration: .25s;
        font-weight: 600;
    }

    div#magenta1-new-lp section.qa .panel-body p {
        font-size: 17px;
        line-height: 1.2;
    }

div#magenta1-new-lp .magenta-loop-text-vertical {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -49%;
    height: 50px;
    transform: rotateZ(270deg);
    text-align: right;
    float: right;
}

    div#magenta1-new-lp .magenta-loop-text-vertical .mover-1 {
        animation: moveSlideshow 115s linear infinite;
        background-image: url(../content/images/magenta1-lp/sidetext.png);
        height: 50px;
        width: 100%;
        overflow: hidden;
        background-position: right;
        position: absolute;
        top: 0;
        right: 0;
    }

#letna-promocija {
    position: relative;
    height: auto;
    padding: 3% 0 0;
    background: linear-gradient(180deg, rgba(245, 245, 245, .5), transparent);
}

    #letna-promocija h3 {
        text-transform: uppercase;
        font-family: 'teleNeo-medium' !important;
        font-size: 23px;
        margin-bottom: 0;
        position: relative;
        color: #e20074;
    }

    #letna-promocija h2 {
        font-size: 26px;
        text-transform: uppercase;
        display: block;
        font-family: 'teleNeo-extra' !important;
        line-height: 1.2;
        margin: 0px 0 30px 0;
    }

        #letna-promocija h2 span {
            display: block;
            font-size: 42px;
            font-family: 'teleNeo-extra' !important;
            margin: 0;
        }

    #letna-promocija p {
        font-size: 18px;
        line-height: 1.2;
        margin-bottom: 20px;
    }

        #letna-promocija p.small {
            font-size: 14px;
        }

    #letna-promocija h3 span {
        display: block;
        font-family: 'teleNeo-extra' !important;
        font-size: 27px;
        margin-top: 10px;
    }

    #letna-promocija .wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        overflow: hidden;
        align-items: flex-start;
        justify-content: space-between;
    }

        #letna-promocija .wrapper > div {
            height: 100%;
        }

        #letna-promocija .wrapper .left-side {
            width: 60%;
        }

        #letna-promocija .wrapper .right-side {
            width: 40%;
        }

            #letna-promocija .wrapper .right-side:after {
                content: '';
                position: absolute;
                height: 100%;
                background-image: url(../content/images/septemvriska-promocija-magenta.png);
                width: 50%;
                background-size: contain;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                height: 100%;
                background-position: right 20%;
                background-repeat: no-repeat;
            }

        #letna-promocija .wrapper .content-wrap {
            margin: 10% 15% 10% 10%;
        }

    #letna-promocija .magenta-shape {
        position: relative;
        color: white;
        padding: 20px 0;
    }

        #letna-promocija .magenta-shape .content-wrap {
            margin: 0 10%;
        }

        #letna-promocija .magenta-shape:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/magenta1-lp/letna-promocija-shape.png);
            width: 100%;
            left: 0;
            background-size: cover;
            background-position: bottom left;
            background-repeat: no-repeat;
            left: 0;
            bottom: 0;
            height: 100%;
        }

        #letna-promocija .magenta-shape p {
            position: relative;
            z-index: 2;
        }

        #letna-promocija .magenta-shape .ec-content {
            position: absolute;
            right: 15%;
            top: -80px;
            background: #e20074;
            z-index: 3;
            border-radius: 50%;
            width: 150px;
            height: 150px;
            box-shadow: 0 0 30px 7px rgba(0, 0, 0, .1);
        }

            #letna-promocija .magenta-shape .ec-content .wrap {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                height: 100%;
                position: relative;
                text-align: center;
            }

                #letna-promocija .magenta-shape .ec-content .wrap p {
                    font-size: 20px;
                }

                #letna-promocija .magenta-shape .ec-content .wrap span {
                    color: white !important;
                }

@media (max-width: 767px) {
    #letna-promocija .wrapper .right-side {
        position: relative;
        height: 400px;
    }

    #letna-promocija .magenta-shape {
        margin: 80px 0 0;
        padding: 30px 0;
    }

        #letna-promocija .magenta-shape .ec-content {
            position: absolute;
            right: 5%;
            top: -80px;
            width: 120px;
            height: 120px;
        }

    div#magenta1-new-lp section.partial-section:before {
        display: none;
    }

    div#magenta1-new-lp .main-banner .header {
        width: 100%;
        padding: 13% 0px 0 2px;
    }

        div#magenta1-new-lp .main-banner .header:before {
            background-size: cover;
        }

        div#magenta1-new-lp .main-banner .header h1 {
            position: relative;
            width: 100%;
            font-size: 50px;
        }

            div#magenta1-new-lp .main-banner .header h1:after {
                right: -20px;
                bottom: -6px;
            }

    div#magenta1-new-lp .main-banner .img-right {
        display: none;
    }

    div#magenta1-new-lp section.choose-box {
        padding: 8% 0 0;
    }

        div#magenta1-new-lp section.choose-box .box {
            width: 100%;
            display: inline;
            min-height: initial;
            margin: 20px 13px;
        }

            div#magenta1-new-lp section.choose-box .box h3 {
                font-size: 17px;
                min-height: 60px;
            }

    div#magenta1-new-lp section.magenta-shape-bcg {
        height: 160px;
        padding: 10% 0 3%;
        background-position: center right;
    }

        div#magenta1-new-lp section.magenta-shape-bcg p {
            color: white;
            font-size: 18px;
            padding: 0;
        }

    div#magenta1-new-lp section.partial-section .wrapper {
        margin-bottom: 40px;
    }

        div#magenta1-new-lp section.partial-section .wrapper .left-content,
        div#magenta1-new-lp section.partial-section .wrapper .right-image {
            position: relative;
            width: 100%;
            display: block;
            float: none;
        }

        div#magenta1-new-lp section.partial-section .wrapper .left-image,
        div#magenta1-new-lp section.partial-section .wrapper .right-content {
            position: relative;
            width: 100%;
            display: block;
            float: none;
        }

        div#magenta1-new-lp section.partial-section .wrapper:nth-child(3):before,
        div#magenta1-new-lp section.partial-section .wrapper:nth-child(3):after {
            display: none;
        }

    div#magenta1-new-lp section.buttons .btn-wrap a {
        margin: 10px auto;
    }

    div#magenta1-new-lp section.tariff-suggestion h3 {
        font-size: 21px;
    }

    div#magenta1-new-lp section.tariff-suggestion .tariff-s,
    div#magenta1-new-lp section.tariff-suggestion .max-premium {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 250px #0000001f;
        margin-bottom: 50px;
    }

    div#magenta1-new-lp section.order-section {
        padding: 10% 0 20%;
    }

    div#magenta1-new-lp section.qa .panel-default .panel-title a {
        padding-right: 60px;
    }

    div#magenta1-new-lp section.qa .panel-title a:after,
    div#magenta1-new-lp section.qa .panel-title a.collapsed:after {
        top: 20px;
    }

    div#magenta1-new-lp .magenta-loop-text-vertical {
        display: none;
    }
}

@media(max-width: 991px) {
    #letna-promocija .wrapper {
        flex-direction: column;
    }

        #letna-promocija .wrapper > div {
            width: 100% !important;
        }

        #letna-promocija .wrapper .right-side {
            position: relative;
            height: 500px;
        }

            #letna-promocija .wrapper .right-side:after {
                width: 100%;
                background-position: top center;
                position: absolute;
                height: 100%;
                background-size: cover;
            }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#magenta1-new-lp .whiteBgBox .wrapper {
        padding: 40px 55px;
    }

    #letna-promocija .magenta-shape .ec-content {
        position: absolute;
        right: 0;
        top: -60px;
        width: 130px;
        height: 130px;
    }

        #letna-promocija .magenta-shape .ec-content .wrap p {
            font-size: 18px;
        }

    div #magenta1-new-lp .main-banner {
        height: 400px;
        padding: 3% 0;
    }

    div#magenta1-new-lp .main-banner {
        height: 400px;
    }

        div#magenta1-new-lp .main-banner .header {
            width: 80%;
        }

    /*   div#magenta1-new-lp .main-banner .header h1:after {
                right: 20%;
            }*/

    div #magenta1-new-lp section.choose-box .box {
        margin: 20px 10px;
        width: 40%;
    }

    div#magenta1-new-lp section.magenta-shape-bcg {
        padding: 7% 0 4%;
    }

    div#magenta1-new-lp section.partial-section .wrapper .content-wrap {
        margin: 5% 4%;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #letna-promocija .magenta-shape .ec-content {
        position: absolute;
        right: 0;
        top: -80px;
        width: 120px;
        height: 120px;
    }

        #letna-promocija .magenta-shape .ec-content .wrap p {
            font-size: 18px;
        }

    div#magenta1-new-lp .main-banner .header {
        width: 70%;
    }

        div#magenta1-new-lp .main-banner .header h1:after {
            content: '';
            /*         right: 20%;*/
        }

    div#magenta1-new-lp section.partial-section .wrapper:nth-child(3):before {
        content: '';
        height: 470px;
    }
}

@media(min-width: 1200px) and (max-width: 1450px) {

    div #pet-god-m1 .header {
        padding: 40px 100px 10px;
    }

    div#pet-god-m1 .quote p {
        padding: 40px 20px 30px 35px;
    }

    div#pet-god-m1 .gray-bg {
        padding-top: 30px;
    }

        div#pet-god-m1 .gray-bg p {
            padding: 10px 70px;
        }

    #letna-promocija .magenta-shape {
        padding: 10px 0;
    }

        #letna-promocija .magenta-shape .content-wrap {
            margin: 0 20% 0 10%;
        }

        #letna-promocija .magenta-shape:before {
            background-size: contain;
            background-position: bottom left;
            background-repeat: no-repeat;
        }
}

@media(min-width: 1500px) {
    div#magenta1-new-lp .main-banner {
        height: 670px;
    }


    div#magenta1-new-lp section.partial-section:before {
        height: 560px;
    }

    div#magenta1-new-lp section.partial-section .wrapper:nth-child(3):before {
        content: '';
        position: absolute;
        background-image: url(../content/images/magenta1-lp/line2.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 68%;
        z-index: 2;
        top: 0;
    }

    div#magenta1-new-lp .main-banner .header h1 {
        font-size: 80px;
    }

        div#magenta1-new-lp .main-banner .header h1:after {
            content: '';
        }
}
/*IE css*/

@media all and (-ms-high-contrast: none) {
    div#magenta1-new-lp .main-banner .header h1 {
        color: white;
    }

    #digital-index .white-bg.absolute {
        border: 1px solid rgba(0,0,0,.07);
    }

    #digital-index #carouselVideos-digitalIndex-two .video-wrap {
        width: 48%;
    }

    #xmas-new-page .animation-wrap {
        display: none;
    }

    #nagradna-igra-2021 section.header::before {
        height: 560px;
    }

    #za-nas-new section.magenta-bg {
        height: 810px;
    }

    #telekommk-app-new-2021 section .left-shape .shape-wrap::before {
        left: -120px !important;
    }

    #telekommk-app-new-2021 section .right-shape .shape-wrap::before {
        right: -100px !important;
        left: inherit !important;
    }

    #telekommk-app-new-2021 section .wrap > div {
        width: 23%;
    }

    #phone-slider-hp-red {
        background-color: rgba(202, 207, 220, 1);
    }

    .specifikacija {
        padding: 50% 0 4% !important;
    }

    .ict-integrated .last-sec .nav {
        justify-content: center;
        margin: 30px auto;
    }

    .tableTest .office-icons {
        justify-content: space-around !important;
    }
}
/*#endregion magenta1 2021*/


/*#region business call*/
#dopolnitelni-paketi-new .business_call .mob-paketi-zemjata-banner {
    background-image: url(../content/images/mob-internet-paketi/business-call-bg.jpg);
    background-position: 0 45%;
}

#dopolnitelni-paketi-new .business_call .header {
    width: 40%;
    padding: 2% 1% 2% 3%;
}

    #dopolnitelni-paketi-new .business_call .header:before {
        background-size: cover;
    }

#dopolnitelni-paketi-new .business_call h2.black-bg {
    background-color: #000;
    margin-bottom: 50px;
    position: relative;
    display: block;
    width: 390px;
    margin: 50px auto;
    color: #fff;
    padding: 10px;
    transform: skewX( -25deg );
    font-size: 42px;
    text-transform: uppercase;
}

    #dopolnitelni-paketi-new .business_call h2.black-bg span {
        transform: skewX( 25deg );
        position: relative;
        display: block;
        font-family: 'teleNeo-extra' !important;
    }

.business_call .business-call-tabs {
    position: relative;
    bottom: 0;
    width: 100%;
    margin: 30px 0 0;
}

    .business_call .business-call-tabs ul {
        width: 55%;
        margin: 30px auto;
        border: 0;
        box-shadow: none;
    }
        /*.business_call .business-call-tabs ul li {
            background: none;
            display: inline;
            float: left;
            margin: 0px;
            padding: 0;
            border: 0;
            width: 50%;
            text-align: center;

          
        }
            .business_call .business-call-tabs ul li.active {
                transform: skewX(0deg );
            }

            .business_call .business-call-tabs ul li a {
                position: relative;
                text-transform: uppercase;
                font-family: 'teleNeo-bold' !important;
                font-size: 18px;
                padding: 10px 15px;
                border: 0;
                border-radius: 0;
                background: transparent;
                color: #84919B;
                font-family: 'teleNeo-regular' !important;
                min-height: 70px;
                display: flex;
                vertical-align: middle;
                align-content: center;
                align-items: center;
                flex-wrap: nowrap;
                justify-content: center;
            }
            .business_call .business-call-tabs ul li.active a {
                border: 0 !important;
                color: black !important;
                background: #EEEFF2 !important;
                font-family: 'teleNeo-bold' !important;
                transform: skew(0deg);
            }*/
        .business_call .business-call-tabs ul li.active {
            background-color: #EEEFF2;
            background-size: cover;
            border-radius: 0;
            transform: skewX( -25deg );
            margin: 0 10px;
        }

            .business_call .business-call-tabs ul li.active a {
                border: 0 !important;
                background: transparent !important;
                text-transform: uppercase;
                color: white !important;
                font-family: 'teleNeo-bold' !important;
                padding: 15px 15px;
                font-size: 17px;
                transform: skewX( 25deg );
            }

        .business_call .business-call-tabs ul li a {
            color: black;
            transform: skewX( 0deg );
            border: 0 !important;
            background: transparent !important;
            text-transform: uppercase;
            font-family: 'teleNeo-bold' !important;
            padding: 15px 15px;
            font-size: 17px;
        }



            .business_call .business-call-tabs ul li a span {
                font-family: 'teleNeo-bold' !important;
            }

.business_call .business-call-tabsContent .tab-pane.active {
    overflow: initial;
    position: relative;
    height: auto;
}

.business_call .business-call-tabsContent .tab-pane {
    display: block;
    height: 0;
    overflow: hidden;
}

.business_call .col-sm-1 .gray-border:last-of-type {
    height: 311px !important;
}

.business_call .business-radio-button-design ul.bts-radio-buttons li {
    padding-left: 10px;
}

    .business_call .business-radio-button-design ul.bts-radio-buttons li:before,
    .business_call .business-radio-button-design ul.bts-radio-buttons li.active:before {
        content: '';
        display: none;
    }

.business_call .office-new-pack .magenta-one-footer {
    padding: 0 15px !important;
}

.business_call .magenta-one-footer > div .p-uredi-cena {
    margin-bottom: 0;
}

.business_call .office-new-pack .white-border:first-of-type:after {
    display: none !important;
}

.business_call #povekje-govorni-kanali .office-new-pack .p-left {
    width: 50%;
}

.business_call .business-call-tabsContent .tab-pane.active {
    margin-bottom: 0;
}

.business_call .business-call-tabsContent #bot-tabs {
    width: 100%;
}



#bot-tabs .tabs-content a {
    color: #333;
    text-decoration: underline;
    font-size: 18px;
}

#bot-tabs .tabs-content table * {
    font-size: 18px !important;
}

.business-call-tabsContent ul li {
    font-size: 18px;
    line-height: 1.2 !important;
}

.business-call-povekjeKanali-TabsBox > p {
    font-size: 18px;
    margin-bottom: 40px;
}

#business-call .container > p {
    font-size: 18px;
    line-height: 1.2;
}

#business-call ul.ip-centrex-bullets {
    margin-bottom: 50px;
}

#povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs {
    margin: 40px auto;
}

    #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li {
        margin: 0 10px;
    }

        #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li a,
        #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li.active a {
            background-image: none;
        }

        #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li a {
            background-image: none !important;
            padding: 10px 20px;
            width: 225px;
            background-color: #EEEFF2;
            display: table-cell;
            vertical-align: middle;
            border-radius: 0;
            line-height: 1.2;
            font-family: 'teleNeo-medium' !important;
            color: #969696 !important;
        }

            #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li a strong {
                color: #333;
            }

            #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li.active a strong,
            #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li a:hover strong {
                color: white !important;
            }

        #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li.active a {
            background-color: #e20074;
            color: white !important;
        }

        #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li a:hover {
            background-color: #e20074;
            color: white !important;
        }

            #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li a:hover span {
                color: white;
            }

        #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li a span {
            position: absolute;
            right: 0;
            width: 60px;
            text-align: center;
            height: 100%;
            top: 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            font-size: 40px;
            font-family: 'teleNeo-bold' !important;
            color: #e20074;
        }

            #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li a span:before {
                content: '';
                position: absolute;
                width: 1px;
                height: 40px;
                background: #ccc;
                left: -5px;
            }

        #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li.active a span {
            color: white;
        }

.business-call-tabsContent #business-call .white-border.bigger.mgn-business.officeCompleteNewApril,
.business-call-tabsContent #povekje-govorni-kanali .white-border.bigger.mgn-business.officeCompleteNewApril {
    box-shadow: 0px 0px 200px rgba(0,0,0, .12);
    background: #fff;
}

.business-call-tabsContent .col-sm-1 .free-space {
    height: 30px;
    background: #f3f3f3;
    border-right: 1px solid #cecece;
}

.business_call .btn-wrapper {
    position: relative;
    margin: 50px auto 30px;
    width: 50%;
    text-align: center;
}

    .business_call .btn-wrapper a {
        border-radius: 0;
        padding: 10px;
        font-size: 17px;
        margin: 10px;
    }

        .business_call .btn-wrapper a.btn-magenta {
            background: linear-gradient(to bottom, #e20074 0,#d5006d 100%);
            color: white;
            transition: all ease-in .5s;
        }

@media(max-width: 767px) {
    div#magenta1-new-lp .whiteBgBox {
        margin-top: 40px;
    }

        div#magenta1-new-lp .whiteBgBox .wrapper {
            width: 90%;
            padding: 30px 20px;
        }

    #dopolnitelni-paketi-new .business_call .header {
        width: 100%;
    }

    div#magenta1-new-lp section.partial-section .wrapper .content-wrap {
        margin: 5%;
    }

    #bot-tabs {
        background-image: none !important;
    }

    div#bot-tabs .tabs-content h4 a {
        color: #333;
        font-size: 20px;
        background-color: #f8f8f8;
        padding: 20px;
        text-decoration: none;
    }

    #bot-tabs .tabs ul li.active a:before,
    #bot-tabs .tabs ul li.active a:after {
        display: none;
        content: '';
    }

    .business_call .business-call-tabs ul {
        width: 100%;
        margin: 0 auto;
        border: 0;
        box-shadow: none;
    }

        .business_call .business-call-tabs ul li {
            width: 50%;
            display: inline;
            float: left;
            margin: 0 !important;
            padding: 0;
        }

    /*.business_call .business-call-tabs ul li a {
                color: black;
                transform: skewX( 0deg );
                border: 0 !important;
                background: transparent !important;
                text-transform: uppercase;
                font-family: 'teleNeo-bold' !important;
                padding: 15px 10px;
                font-size: 16px;
                text-align: center;
            }*/

    /*.business_call .business-call-tabs ul li.active a {
                transform: skewX( 25deg );
                border: 0 !important;
                background: transparent !important;
                text-transform: uppercase;
                font-family: 'teleNeo-bold' !important;
                padding: 15px 10px;
                font-size: 16px;
                text-align: center;
            }*/


    .business-call-povekjeKanali-TabsBox .magenta-one .p-uredi-cena {
        position: relative;
        bottom: 0;
        right: 0;
        margin: 20px 0 10px;
    }

    #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs {
        width: 100%;
        margin: 40px auto;
    }

        #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li {
            margin: 5px 5px;
            width: 47%;
            display: inline;
            float: left;
            min-width: initial;
        }

    div#bot-tabs h3.dt-tab_drawer_heading {
        background: #e20074 !important;
    }

    #bot-tabs h3.dc-active.dc-tab_drawer_heading {
        background: #e20074;
        padding: 20px 10px;
        font-size: 22px;
        color: white;
    }

    #bot-tabs h3.dc-tab_drawer_heading {
        background: #d6d6d6;
        padding: 20px 10px;
        color: #333;
        font-size: 22px;
        margin: 0 0 10px 0;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .business_call .business-call-tabs ul {
        width: 95%;
    }

    #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs {
        margin: 40px auto;
        width: 70%;
    }

        #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li {
            margin: 10px 10px;
        }
}
/*#endregion business call*/
/*#region mail contant form*/
.flyBy.mailForm {
    position: fixed;
    top: 50%;
}

    .flyBy.mailForm li a:hover p {
        width: 160px;
        border-right: 1px solid rgba(128, 128, 128,0.3);
    }

    .flyBy.mailForm span.call-icon {
        position: relative;
    }

        .flyBy.mailForm span.call-icon:before {
            content: 'J';
            font-family: 'teleicon-outline';
            font-size: 39px;
            color: #777;
            top: 7px;
            position: absolute;
            right: 15px;
        }

.modal.mail-contactForm {
    overflow: hidden !important;
    z-index: 99999;
}

    .modal.mail-contactForm .modal-dialog {
        width: 500px;
        margin: 2% auto;
    }

        .modal.mail-contactForm .modal-dialog .modal-body {
            padding: 0;
        }

        .modal.mail-contactForm .modal-dialog .modal-content {
            position: relative;
            background: white;
            color: #333;
            padding: 50px 25px;
            width: 90%;
        }

            .modal.mail-contactForm .modal-dialog .modal-content .close {
                color: #333;
                z-index: 4;
                font-size: 30px;
                font-weight: 500;
                opacity: 1;
                position: absolute;
                top: -45px;
                right: 0;
            }

    .modal.mail-contactForm h2 {
        color: #333;
        font-size: 28px;
        text-transform: uppercase;
        font-family: teleNeo-bold !important;
        margin-bottom: 20px;
    }

    .modal.mail-contactForm h3 {
        font-size: 19px;
        margin-bottom: 25px;
    }

    .modal.mail-contactForm .modal-dialog .modal-content .close:focus {
        outline: none;
    }

    .modal.mail-contactForm .modal-dialog .modal-content input {
        width: 100%;
        border-radius: 0;
        padding: 20px 10px;
        font-size: 18px;
        border-color: #ccc;
    }

    .modal.mail-contactForm .modal-dialog input.btn-validate#btnSubmit,
    .btn-validate#btnSubmit {
        background: #e20074;
        color: white;
        border-radius: 0;
        display: block;
        font-size: 17px;
        text-align: center;
        text-shadow: 0 1px rgba(0, 0, 0, .30);
        margin-top: 10px;
        padding: 10px 15px;
        width: auto;
        position: relative;
        float: right;
        text-align: right;
        top: -10px;
        outline: none;
        border: 0;
        margin-right: 0;
        text-shadow: none;
        font-weight: normal;
    }

    .modal.mail-contactForm .modal-dialog .btn-validate#btnSubmit:focus {
        outline: none;
    }

    .modal.mail-contactForm .modal-dialog label {
        font-size: 16px;
        margin-bottom: 10px;
        opacity: .65;
        margin-bottom: 15px;
    }

    .modal.mail-contactForm .modal-dialog textarea {
        color: #333;
        border-radius: 0;
        margin-top: 15px;
        font-size: 18px;
        width: 100%;
        border-color: #ccc;
        padding: 10px;
    }

        .modal.mail-contactForm .modal-dialog textarea:focus {
            border-color: #ccc !important;
            border: 1px solid;
        }

.success-msg {
    position: relative;
    background: white;
    color: #a60959;
    background: rgba(0,128,0, 0.15);
    padding: 20px;
    text-align: center;
    margin: 30px 0;
}

    .success-msg h2 {
        font-size: 22px;
        text-transform: uppercase;
    }

    .success-msg h3 {
        font-size: 20px;
        font-family: 'teleNeo-medium' !important;
    }
/*#endregion mail contact form*/
/*#region wifi page*/
#wifi #wifiCarousel {
    position: relative;
    height: 75vh;
}

#wifi .carousel .carousel-inner {
    position: relative;
    height: 100%;
}

#wifi .carousel-fade .carousel-inner .item {
    transition-property: opacity;
    height: 100%;
    transition: all ease-in .5s;
}

    #wifi .carousel-fade .carousel-inner .item:nth-child(1) .carousel-caption {
        top: 20%;
    }

#wifi .carousel-fade .carousel-inner .item,
#wifi .carousel-fade .carousel-inner .active.left,
#wifi .carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

#wifi .carousel-fade .carousel-inner .active,
#wifi .carousel-fade .carousel-inner .next.left,
#wifi .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

    #wifi .carousel-fade .carousel-inner .next,
    #wifi .carousel-fade .carousel-inner .prev,
    #wifi .carousel-fade .carousel-inner .active.left,
    #wifi .carousel-fade .carousel-inner .active.right {
        left: 0;
        transform: translate3d(0, 0, 0);
    }

#wifi .carousel-fade .carousel-control {
    z-index: 2;
}

#wifi a.carousel-control {
    position: absolute;
    width: 40px;
    height: 60px !important;
    top: 25%;
    display: block;
}

    #wifi a.carousel-control:before {
        content: '%';
        position: absolute;
        font-family: 'teleicon-outline';
        color: #333;
        text-shadow: none;
        font-size: 40px;
        padding: 0;
        left: 20px;
        top: 0;
    }

    #wifi a.carousel-control.right {
        top: 25%;
    }

        #wifi a.carousel-control.right:before {
            transform: rotate(180deg);
            right: 30px;
            top: 0;
        }

#wifi .carousel .carousel-indicators {
    position: absolute;
    bottom: 0px;
    height: 90px;
    width: 100%;
    margin: 0;
    left: 0;
    background-image: url(../content/images/wifi/path.png);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    display: none;
}

    #wifi .carousel .carousel-indicators li {
        position: relative;
        display: inline-block;
        background: white;
        background-image: none;
        width: 17px;
        height: 17px;
        border: 2px solid gray;
        margin: 0 4%;
        border-radius: 50px;
    }

        #wifi .carousel .carousel-indicators li.active {
            background: #e20074;
            width: 20px;
            height: 20px;
            border-color: #e20074;
        }

            #wifi .carousel .carousel-indicators li.active:before {
                content: '';
                position: absolute;
                left: -8px;
                top: -8px;
                width: 32px;
                height: 32px;
                border: 2px solid #e20074;
                background: transparent;
                border-radius: 50px;
            }

        #wifi .carousel .carousel-indicators li:nth-child(1) {
            top: 29%;
            display: none;
        }

        #wifi .carousel .carousel-indicators li:nth-child(2) {
            top: 35%;
        }

        #wifi .carousel .carousel-indicators li:nth-child(3) {
            top: 40%;
        }

        #wifi .carousel .carousel-indicators li:nth-child(4) {
            top: 35%;
        }

        #wifi .carousel .carousel-indicators li:nth-child(5) {
            top: 23%;
        }

        #wifi .carousel .carousel-indicators li:nth-child(6) {
            top: 10%;
        }

#wifi .carousel .carousel-caption {
    position: absolute;
    width: 54%;
    right: 10%;
    top: 0;
    text-align: left;
    left: initial;
    padding: 10px 0px 10px 30px;
    text-shadow: none;
    margin: 0 0;
}

    #wifi .carousel .carousel-caption h1 {
        color: #333;
        font-size: 28px;
        font-family: 'teleNeo-extra' !important;
    }

    #wifi .carousel .carousel-caption h2 {
        color: black;
        font-family: 'teleNeo-extra' !important;
        margin: 20px 0 10px;
        font-size: 25px;
    }

    #wifi .carousel .carousel-caption p {
        color: #333;
        font-size: 17px;
        display: block;
        line-height: 1.2;
        margin: 0;
    }

    #wifi .carousel .carousel-caption span.back-header {
        width: 20%;
        font-size: 140px;
        text-align: center;
        background: -webkit-linear-gradient(rgba(0, 0, 0, .17), rgba(26, 26, 26, .25));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'teleNeo-extra' !important;
        opacity: .5;
        color: rgba(0, 0, 0, .22);
        position: absolute;
        left: -50px;
        top: -30px;
    }

#wifi .panel-group {
    margin: 0;
    padding-top: 10px;
}

    #wifi .panel-group .panel-default {
        border: 0;
        box-shadow: none;
    }

    #wifi .panel-group .panel-heading {
        background: transparent;
        border: 0;
        padding: 0;
    }

        #wifi .panel-group .panel-heading h4 {
            padding: 0;
            border: 0;
            font-size: 20px;
        }

            #wifi .panel-group .panel-heading h4 a {
                position: relative;
                display: block;
                width: 80px;
                color: #e20074;
                font-family: 'teleNeo-medium' !important;
            }

                #wifi .panel-group .panel-heading h4 a:hover,
                #wifi .panel-group .panel-heading h4 a:focus {
                    text-decoration: none;
                }

    #wifi .panel-group .panel-default .panel-body {
        border: 0;
        padding: 10px 0 0 0;
    }

        #wifi .panel-group .panel-default .panel-body p {
            margin: 0;
        }

    #wifi .panel-group a:after {
        content: '%[';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 19px;
        top: -1px;
        right: -15px;
        margin: auto;
        transform: rotateZ( -90deg );
        transition-property: transform;
        transition-duration: .25s;
    }

#wifi a.video-link {
    color: #e20074;
    text-transform: uppercase;
    font-family: 'teleNeo-medium' !important;
    font-size: 20px;
    position: relative;
    display: block;
    width: 85px;
    padding-left: 0;
}

    #wifi a.video-link::after {
        content: ']%';
        position: absolute;
        font-family: 'teleicon-outline';
        transform: rotate( -180deg );
        top: 9px;
        right: 10px;
        padding-left: 0;
    }

    #wifi a.video-link:hover,
    #wifi a.video-link:focus {
        text-decoration: none;
    }


.PrimaryNav {
    list-style: none;
    margin: 50px auto;
    max-width: 720px;
    padding: 0;
    width: 100%;
}

.Nav-item {
    background: #fff;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 20%;
    text-align: center;
}

    .Nav-item:first-child {
        border-radius: 3px 0 0 3px;
    }

    .Nav-item:last-child {
        border-radius: 0 3px 3px 0;
    }

    .Nav-item.is-active a {
        color: #e82d00;
    }

    .Nav-item a {
        color: #121212;
        display: block;
        padding-top: 20px;
        padding-bottom: 20px;
        text-decoration: none;
    }

        .Nav-item a:hover {
            color: #e82d00;
        }

.with-indicator {
    position: relative;
    z-index: 0;
}

    .with-indicator .Nav-item:last-child:before, .with-indicator .Nav-item:last-child:after {
        content: '';
        display: block;
        position: absolute;
        pointer-events: none;
        transition: left 1.3s ease;
    }

    .with-indicator .Nav-item:last-child:before {
        border: 6px solid transparent;
        border-top-color: #e82d00;
        width: 0;
        height: 0;
        top: 0;
        left: 10%;
        margin-left: -3px;
    }

    .with-indicator .Nav-item:last-child:after {
        background: #e82d00;
        top: -6px;
        bottom: -6px;
        left: 0;
        width: 20%;
        z-index: -1;
    }

    .with-indicator .Nav-item:nth-child(1).is-active ~ .Nav-item:last-child:after {
        left: 0%;
    }

    .with-indicator .Nav-item:nth-child(1).is-active ~ .Nav-item:last-child:before {
        left: 10%;
    }

    .with-indicator .Nav-item:nth-child(2).is-active ~ .Nav-item:last-child:after {
        left: 20%;
    }

    .with-indicator .Nav-item:nth-child(2).is-active ~ .Nav-item:last-child:before {
        left: 30%;
    }

    .with-indicator .Nav-item:nth-child(3).is-active ~ .Nav-item:last-child:after {
        left: 40%;
    }

    .with-indicator .Nav-item:nth-child(3).is-active ~ .Nav-item:last-child:before {
        left: 50%;
    }

    .with-indicator .Nav-item:nth-child(4).is-active ~ .Nav-item:last-child:after {
        left: 60%;
    }

    .with-indicator .Nav-item:nth-child(4).is-active ~ .Nav-item:last-child:before {
        left: 70%;
    }

    .with-indicator .Nav-item:nth-child(1):hover ~ .Nav-item:last-child:after {
        left: 0% !important;
    }

    .with-indicator .Nav-item:nth-child(1):hover ~ .Nav-item:last-child:before {
        left: 10% !important;
    }

    .with-indicator .Nav-item:nth-child(2):hover ~ .Nav-item:last-child:after {
        left: 20% !important;
    }

    .with-indicator .Nav-item:nth-child(2):hover ~ .Nav-item:last-child:before {
        left: 30% !important;
    }

    .with-indicator .Nav-item:nth-child(3):hover ~ .Nav-item:last-child:after {
        left: 40% !important;
    }

    .with-indicator .Nav-item:nth-child(3):hover ~ .Nav-item:last-child:before {
        left: 50% !important;
    }

    .with-indicator .Nav-item:nth-child(4):hover ~ .Nav-item:last-child:after {
        left: 60% !important;
    }

    .with-indicator .Nav-item:nth-child(4):hover ~ .Nav-item:last-child:before {
        left: 70% !important;
    }

    .with-indicator .Nav-item:last-child:hover:before, .with-indicator .Nav-item:last-child.is-active:before {
        left: 90% !important;
    }

    .with-indicator .Nav-item:last-child:hover:after, .with-indicator .Nav-item:last-child.is-active:after {
        left: 80% !important;
    }



.PrimaryNav:before, .PrimaryNav:after {
    content: " ";
    display: table;
}

.PrimaryNav:after {
    clear: both;
}



.toggle {
    color: #fff;
    font-family: sans-serif;
    text-align: center;
}

@keyframes toleftR {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-254px)
    }
}


#wifi .find-best-wifi {
    position: relative;
    margin: 0 0 15px;
    text-align: center;
}

    #wifi .find-best-wifi h3 {
        font-size: 30px;
        font-family: 'teleNeo-extra' !important;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    #wifi .find-best-wifi p {
        font-size: 18px;
        line-height: 1.2;
    }

.choose-options-home .wrapper .qa {
    position: relative;
    height: 420px;
}

    .choose-options-home .wrapper .qa .question-wrap {
        position: relative;
        width: 50%;
        display: inline;
        float: left;
        height: 100%;
        background: #e20074;
        color: white;
    }

        .choose-options-home .wrapper .qa .question-wrap .wrap {
            margin: 5% 10%;
            position: relative;
            height: 100%;
        }

            .choose-options-home .wrapper .qa .question-wrap .wrap h4 {
                width: 20%;
                font-size: 150px;
                text-align: center;
                background: -webkit-linear-gradient(rgba(0, 0, 0, .17), rgba(26, 26, 26, .25));
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                font-family: 'teleNeo-extra' !important;
                opacity: .5;
                color: rgba(0, 0, 0, .22);
                position: absolute;
                left: -10%;
                top: -15%;
            }

            .choose-options-home .wrapper .qa .question-wrap .wrap h3 {
                position: relative;
                font-family: 'teleNeo-medium' !important;
                font-size: 26px;
            }

    .choose-options-home .wrapper .qa .image-wrap {
        position: relative;
        width: 45%;
        display: inline;
        float: left;
        height: 100%
    }

        .choose-options-home .wrapper .qa .image-wrap .wrap img,
        .choose-options-home .wrapper .qa .image-wrap .default-image img {
            position: relative;
            height: 100%;
            width: 100%;
        }

        .choose-options-home .wrapper .qa .image-wrap .default-image {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .choose-options-home .wrapper .qa .image-wrap .image,
        .choose-options-home .wrapper .qa .image-wrap .image .wrap {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
        }

.choose-options-home .buttons {
    position: absolute;
    right: 0;
    margin: 0 20px 20px;
    float: right;
    width: auto;
    z-index: 2;
    bottom: 16%;
}


    .choose-options-home .buttons .previous-button,
    .choose-options-home .buttons .next-button {
        display: inline;
        float: left;
        position: relative;
        width: 150px;
        border-radius: 50px;
        text-align: center;
        color: white;
        cursor: pointer;
        margin: 0 10px;
        box-shadow: 0px -1px 19px 5px #0000000d;
        border-radius: 50px;
    }

    .choose-options-home .buttons div.previous-button div {
        background-color: #e5e5e5 !important;
        background: #e5e5e5;
        color: #333;
        border: 1px solid #ccc;
    }

    .choose-options-home .buttons .previous-button div,
    .choose-options-home .buttons .next-button div {
        padding: 8px 10px;
        width: 100%;
        border-radius: 50px;
        font-family: 'teleNeo-medium' !important;
        font-size: 17px !important;
        border: 2px solid white;
    }

.choose-options-home .question-wrap .question-options {
    position: relative;
}

    .choose-options-home .question-wrap .question-options .like-btn {
        position: relative;
        border: 2px solid white;
        border-radius: 50px;
        padding: 8px 10px;
        width: 200px;
        text-align: center;
        margin: 14px 0;
        font-size: 17px;
        font-family: 'teleNeo-medium' !important;
        cursor: pointer;
        transition: all ease-in .3s;
    }

        .choose-options-home .question-wrap .question-options .like-btn:hover,
        .choose-options-home .question-wrap .question-options .like-btn.active {
            background: white;
            color: black;
            transition: all ease-in .3s;
        }

.choose-options-home .wrapper .confirm-button {
    position: relative;
    margin: 20px 0 50px;
    width: auto;
    text-align: center;
}

    .choose-options-home .wrapper .confirm-button button {
        border-radius: 50px;
        width: 160px;
        padding: 13px 0;
        font-size: 17px;
        line-height: 1.2;
        text-shadow: none;
        cursor: pointer;
        font-family: 'teleNeo-medium' !important;
        text-shadow: none;
        font-weight: 500;
    }

.choose-options-home .wrapper .image-resault {
    position: relative;
    text-align: center;
    width: auto;
    height: 500px;
}

    .choose-options-home .wrapper .image-resault .image-wrap,
    .choose-options-home .wrapper .image-resault .image-wrap img {
        height: 100%;
    }

.resault-section {
    position: relative;
    width: 100%;
    height: 460px;
    padding-top: 30px;
}

    .resault-section .buttons {
        top: -10px;
        bottom: initial;
    }

    .resault-section .wrapper {
        width: 80%;
        margin: 20px auto;
        position: relative;
    }

    .resault-section .left-wrapper {
        width: 50%;
        position: relative;
        display: inline;
        float: left;
        height: 100%;
    }


        .resault-section .left-wrapper .left-text {
            margin: 10% 16%;
        }

            .resault-section .left-wrapper .left-text h2 {
                font-size: 32px;
                text-transform: uppercase;
                margin-bottom: 15px;
                font-family: 'teleNeo-bold' !important;
            }

                .resault-section .left-wrapper .left-text h2 strong {
                    color: #e20074;
                }

                .resault-section .left-wrapper .left-text h2 span {
                    font-family: 'teleNeo-bold' !important;
                }

            .resault-section .left-wrapper .left-text p {
                font-size: 20px;
                font-family: 'teleNeo-medium' !important;
                line-height: 1.2;
            }

            .resault-section .left-wrapper .left-text a {
                background: #e20074;
                color: white;
                padding: 10px;
                margin: 25px 0 20px;
                position: relative;
                display: block;
                width: 150px;
                font-size: 19px;
                text-align: center;
                border-radius: 50px;
                font-family: 'teleNeo-medium' !important;
                box-shadow: 0px 3px 20px 5px #e4adc9;
            }

                .resault-section .left-wrapper .left-text a:hover {
                    text-decoration: none;
                }

    .resault-section .right-wrapper {
        width: 50%;
        display: inline-block;
        float: left;
        height: 100%;
    }

        .resault-section .right-wrapper .resault-image {
            position: relative;
            width: 490px;
            right: -20%;
            height: auto;
        }

    .resault-section a.lightbox img {
        height: 150px;
        border: 3px solid white;
        box-shadow: 0px 0px 8px rgba(0,0,0,.3);
        margin: 94px 20px 20px 20px;
    }


    .resault-section .lightbox-target {
        position: absolute;
        top: -100%;
        width: 100%;
        background: rgba(255, 255, 255, 0.94);
        width: 100%;
        opacity: 0;
        -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
        overflow: hidden;
        left: 0;
        right: 0;
        box-shadow: none;
        border: 0;
    }



        .resault-section .lightbox-target img {
            margin: auto;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            max-height: 0%;
            max-width: 0%;
            box-sizing: border-box;
            -webkit-transition: .5s ease-in-out;
            -moz-transition: .5s ease-in-out;
            -o-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
        }


    .resault-section .lightbox-close {
        display: block;
        width: 60px;
        height: 50px;
        box-sizing: border-box;
        background: white;
        color: black;
        text-decoration: none;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        position: absolute;
        right: 0;
        top: 0;
    }



        .resault-section .lightbox-close:before {
            content: "";
            display: block;
            height: 30px;
            width: 2px;
            background: black;
            position: absolute;
            left: 26px;
            top: 10px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }


        .resault-section .lightbox-close:after {
            content: "";
            display: block;
            height: 30px;
            width: 2px;
            background: black;
            position: absolute;
            left: 26px;
            top: 10px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }



    .resault-section .lightbox-target:target {
        opacity: 1;
        top: 0;
        bottom: 0;
        z-index: 3;
    }

        .resault-section .lightbox-target:target img {
            max-height: 100%;
            max-width: 100%;
        }

        .resault-section .lightbox-target:target .lightbox-close {
            top: 0px;
        }

    .resault-section a.lightbox {
        color: #333;
        font-size: 18px;
        text-align: center;
        text-transform: uppercase;
        display: block;
        font-family: 'teleNEo-bold' !important;
        text-decoration: none;
        width: 250px;
        margin: 0 auto;
    }

        .resault-section a.lightbox:before {
            content: '';
            background-image: url('../content/images/wifi/zoom.png');
            position: absolute;
            width: 25px;
            height: 25px;
            display: block;
        }

        .resault-section a.lightbox:hover {
            text-decoration: none;
        }

    .resault-section span.arrow-down {
        position: absolute;
        bottom: 14%;
        left: 0;
        right: 0;
        width: 40px;
        height: 40px;
        margin: 0 auto;
        -webkit-transform: rotate( 46deg );
        border-left: none;
        border-top: none;
        border-right: 2px #c4c2c2 solid;
        border-bottom: 2px #c4c2c2 solid;
        right: 30px;
    }

        .resault-section span.arrow-down:before {
            content: '';
            width: 30px;
            height: 30px;
            border-left: none;
            border-top: none;
            border-right: 2px #333 solid;
            border-bottom: 2px #333 solid;
            animation-duration: 2s;
            animation-iteration-count: infinite;
            animation-name: arrow;
            right: 10px;
            position: absolute;
        }

section.characteristics {
    position: relative;
    width: 100%;
    height: auto;
    margin: 4% 0 0;
}

section#karakteristiki p.text-center {
    font-size: 19px;
    padding: 0 15%;
}

section.characteristics .device-box {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    flex-direction: row;
    align-content: center;
    justify-content: space-evenly;
    align-items: flex-end;
}



section.characteristics .box .link {
    margin: 30px 0 20px;
    min-height: 40px;
}

    section.characteristics .box .link a {
        background: #e20074;
        color: white;
        text-decoration: none;
        padding: 10px 30px;
        border-radius: 50px;
        font-size: 18px;
        box-shadow: 0px 3px 20px 5px #e4adc9;
    }

section.characteristics .box h3 {
    text-transform: uppercase;
    font-size: 25px;
    font-family: 'teleNeo-bold' !important;
    margin-bottom: 20px;
}

section.characteristics .flex-box {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: baseline;
    justify-content: center;
    align-items: flex-start;
}

    section.characteristics .flex-box .box {
        text-align: center;
        position: relative;
    }

        section.characteristics .flex-box .box h3 {
            text-transform: uppercase;
            font-size: 23px;
            color: black;
            font-family: 'teleNeo-bold' !important;
        }

    section.characteristics .flex-box .device-content {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        width: 30.333%;
        margin: 20px 0px;
    }

        section.characteristics .flex-box .device-content.active .pros,
        section.characteristics .flex-box .device-content.active .cons {
            position: relative;
            border: 2px solid #e20074;
        }

    section.characteristics .flex-box .pros {
        position: relative;
        min-height: 615px;
        padding: 30px 40px;
        border: 1px solid #e5e5e5;
    }

    section.characteristics .flex-box .cons {
        position: relative;
        min-height: 450px;
        padding: 30px 40px;
        background: #f8f8f8;
        border: 1px solid #e5e5e5;
    }

        section.characteristics .flex-box .pros p,
        section.characteristics .flex-box .cons p {
            padding: 15px 0 15px 20px;
            margin: 0;
            font-size: 17px;
            line-height: 1.2;
        }

            section.characteristics .flex-box .pros p:before {
                content: '+';
                font-family: 'teleicon-outline' !important;
                position: absolute;
                display: block;
                left: 15px;
                color: #e20074;
                font-weight: 600;
                font-size: 22px;
            }

            section.characteristics .flex-box .cons p:before {
                content: '-';
                font-family: 'teleicon-outline' !important;
                position: absolute;
                display: block;
                left: 15px;
                color: #969696;
                font-weight: 600;
                font-size: 22px;
            }

    section.characteristics .flex-box .pros h3.rotated {
        writing-mode: tb-rl;
        -webkit-writing-mode: tb-rl;
        -ms-writing-mode: tb-rl;
        transform: rotate( 180deg );
        width: auto;
        height: auto;
        position: absolute;
        left: -12%;
        top: -21px;
        background: #e20074;
        padding: 24px 13px;
        color: white;
        font-size: 21px;
        line-height: 1.2;
        font-family: 'teleNeo-medium' !important;
        text-transform: uppercase;
    }

    section.characteristics .flex-box .cons h3.rotated {
        writing-mode: tb-rl;
        -webkit-writing-mode: tb-rl;
        -ms-writing-mode: tb-rl;
        transform: rotate( 180deg );
        width: auto;
        height: auto;
        position: absolute;
        left: -11%;
        top: -20px;
        background: #f8f8f8;
        padding: 24px 13px;
        color: #777;
        font-size: 17px;
        line-height: 1.2;
        font-family: 'teleNeo-medium' !important;
        text-transform: uppercase;
    }

section#virtuelenTehnichar {
    padding: 10px 0 60px;
}

    section#virtuelenTehnichar .content {
        text-align: center;
        font-size: 18px;
        line-height: 1.2;
    }

#modal-wifi-video .modal-dialog {
    position: relative;
    width: 60%;
    height: auto;
    top: 20%;
}

    #modal-wifi-video .modal-dialog .modal-content {
        padding: 20px;
    }

    #modal-wifi-video .modal-dialog .close {
        position: absolute;
        z-index: 4;
        cursor: pointer;
        font-size: 25px;
        color: #333;
        opacity: 1;
        right: 5px;
        top: 0;
    }

    #modal-wifi-video .modal-dialog iframe {
        width: 100%;
    }

.video-link {
    position: relative;
    padding: 10px 20px;
}

    .video-link a {
        color: #e20074;
        font-size: 17px;
    }

        .video-link a:hover {
            text-decoration: none;
        }

        .video-link a:after {
            content: "$";
            font-family: 'teleIcon-outline' !important;
            transform: rotate( 265deg );
            position: absolute;
            right: -5px;
            top: 6px;
            font-size: 22px;
            transition: all ease-in .3s;
        }

        .video-link a:hover:after {
            transition: all ease-in .3s;
            right: -20px;
        }

@media(min-width: 1500px) {
    #wifi #wifiCarousel {
        height: 65vh;
    }

    #wifi .carousel .carousel-caption {
        width: 45%;
        padding: 10px 30px;
    }

    .choose-options-home .buttons {
        bottom: 20%;
    }

    /*.choose-options-home .wrapper .qa .question-wrap,
    .choose-options-home .wrapper .qa .image-wrap {
        width: 50%;
    }*/
}

@media (max-width: 767px) {
    #wifi #wifiCarousel {
        height: auto;
    }

        #wifi #wifiCarousel .item img {
            display: none;
        }

    #wifi .carousel-fade .carousel-inner .item:nth-child(1) .carousel-caption {
        top: 0;
    }

    #wifi .carousel .carousel-caption {
        position: relative;
        width: 100%;
        right: 0;
        top: 0;
        left: 0;
        padding: 20px 30px;
        margin: 0 0;
        z-index: 1;
    }

        #wifi .carousel .carousel-caption h1 {
            color: #333;
            font-size: 23px;
            font-family: 'teleNeo-extra' !important;
        }

        #wifi .carousel .carousel-caption h2 {
            font-size: 21px;
        }

        #wifi .carousel .carousel-caption span.back-header {
            width: 20%;
            font-size: 140px;
            left: 10px;
            top: -30px;
        }

    #wifi a.carousel-control {
        position: absolute;
        width: 35px;
    }

        #wifi a.carousel-control.left {
            left: -10px;
        }

        #wifi a.carousel-control.right {
            right: -10px;
        }

    .choose-options-home .wrapper .qa {
        height: auto;
    }

        .choose-options-home .wrapper .qa .question-wrap {
            position: relative;
            width: 100%;
            display: block;
            float: none;
            margin: 15% 0 0;
            height: 420px;
        }

        .choose-options-home .wrapper .qa .image-wrap {
            position: relative;
            width: 100%;
            display: block;
            float: none;
            height: 300px;
        }

        .choose-options-home .wrapper .qa .question-wrap .wrap {
            margin: 10%;
            position: relative;
            height: 100%;
            top: 30px;
        }

            .choose-options-home .wrapper .qa .question-wrap .wrap h3 {
                font-size: 21px;
            }

            .choose-options-home .wrapper .qa .question-wrap .wrap h4 {
                width: 20%;
                font-size: 100px;
                left: -10%;
                top: -10%;
            }

    .choose-options-home .buttons {
        position: absolute;
        right: 0;
        margin: 0 auto;
        float: none;
        width: auto;
        z-index: 2;
        bottom: 15%;
    }

    .choose-options-home .resault-section .buttons .previous-button,
    .choose-options-home .resault-section .buttons .next-button {
        width: 40%;
        margin: 40px 5px 0;
        text-align: center;
    }

    .choose-options-home .buttons .previous-button,
    .choose-options-home .buttons .next-button {
        width: 130px;
    }

        .choose-options-home .buttons .previous-button div,
        .choose-options-home .buttons .next-button div {
            font-size: 17px !important;
        }

    #wifi .find-best-wifi h3 {
        font-size: 26px;
    }

    .resault-section {
        height: auto;
    }

        .resault-section .left-wrapper,
        .resault-section .right-wrapper {
            width: 100%;
            display: block;
            float: none;
            margin-top: 40px;
        }

            .resault-section .left-wrapper .left-text h2 {
                font-size: 29px;
            }

            .resault-section .left-wrapper .left-text p {
                font-size: 20px;
                font-family: 'teleNeo-medium' !important;
                line-height: 1.2;
            }

        .resault-section .buttons {
            position: relative;
            margin: 0 auto;
            width: 100%;
            overflow: hidden;
            display: block;
        }

        .resault-section .left-wrapper .left-text {
            margin: 0;
        }

        .resault-section .right-wrapper .resault-image {
            width: auto;
            right: 0;
        }

    section#karakteristiki p.text-center {
        padding: 0;
    }

    section.characteristics .flex-box .device-content {
        width: 85%;
    }

    section.characteristics .flex-box .pros h3.rotated {
        left: -19%;
        top: -22px;
        font-size: 20px;
    }

    section.characteristics .flex-box .cons h3.rotated {
        left: -18%;
        top: -20px;
        font-size: 20px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #wifi .carousel-fade .carousel-inner .item:nth-child(1) .carousel-caption {
        top: 10px;
    }

    #wifi #wifiCarousel {
        position: relative;
        height: 65vh;
    }

    .resault-section .left-wrapper .left-text {
        margin: 10% 0;
    }

    .resault-section .right-wrapper .resault-image {
        position: relative;
        width: auto;
        right: 0;
        height: auto;
        top: 10%;
    }

    section.characteristics .flex-box .pros h3.rotated {
        left: -25%;
    }

    section.characteristics .flex-box .cons h3.rotated {
        left: -23%;
        top: -22px;
    }

    section.characteristics .flex-box .pros {
        min-height: 1090px;
    }

    section.characteristics .flex-box .cons {
        height: 780px;
    }

    .choose-options-home .wrapper .qa .image-wrap .wrap img,
    .choose-options-home .wrapper .qa .image-wrap .default-image img {
        height: auto;
        width: auto;
    }

    .choose-options-home .buttons .previous-button,
    .choose-options-home .buttons .next-button {
        width: 120px;
        margin: 0 5px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    div#pet-god-m1 .header {
        padding: 40px 70px 10px;
    }

    div#pet-god-m1 .quote {
        justify-content: flex-start;
    }

        div#pet-god-m1 .quote p {
            padding: 40px 40px 30px 15px;
        }

    div#pet-god-m1 .magenta-bg p {
        margin: 15px auto;
    }

    div#pet-god-m1 .gray-bg {
        padding-top: 20px;
    }

        div#pet-god-m1 .gray-bg p {
            padding: 10px 30px;
        }

        div#pet-god-m1 .gray-bg .content p {
            padding: 10px 0;
        }

    div#pet-god-m1 .content {
        padding: 0 30px;
    }

    #pet-god-m1 .more-info {
        padding: 30px 0 80px;
    }

        #pet-god-m1 .more-info .wrapper {
            gap: 40px;
        }

    #wifi #wifiCarousel {
        position: relative;
        height: 40vh;
    }

    section.characteristics .flex-box .pros {
        position: relative;
        min-height: 775px;
    }

    section.characteristics .flex-box .cons {
        position: relative;
        min-height: 510px;
    }
}
/*#endregion wifi page*/

/*#region moja smetka redesign*/
div#mojaSmetka-landing-new .mojaSmetka-landing-banner {
    position: relative;
    background-image: url('../content/images/moja-smetka/esmetka-banner.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 375px;
}

    div#mojaSmetka-landing-new .mojaSmetka-landing-banner .container {
        position: relative;
    }

    div#mojaSmetka-landing-new .mojaSmetka-landing-banner .ec-smetka {
        position: absolute;
        right: 0;
        top: 120px;
    }

    div#mojaSmetka-landing-new .mojaSmetka-landing-banner h1 {
        font-family: 'teleNeo-bold' !important;
        display: block;
        margin: 0;
        color: white;
        font-size: 64px;
        padding: 3px 15px;
        text-transform: none;
        font-size: 51px;
        margin: 12% 0;
        background-color: transparent;
    }

div#mojaSmetka-landing-new .mojaSmetka-landing-banner-video {
    text-align: center;
    margin: 70px 0;
}

div#mojaSmetka-landing-new .mojaSmetka-landing-intro {
    background-image: url(../content/images/moja-smetka/section2-shape.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10% 0 1%;
    text-align: center;
    color: white;
    height: 400px;
    width: 100%;
    background-position: right;
    z-index: 3;
    display: block;
    margin-top: 90px;
}

.mojaSmetka-landing-intro .col-xs-12:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background: linear-gradient( 45deg, transparent, rgba(0,0, 0,.29) );
    top: 0;
    right: 0;
}

.mojaSmetka-landing-intro .col-xs-12:last-child:after {
    display: none;
}

div#mojaSmetka-landing-new .mojaSmetka-landing-intro a:hover {
    text-decoration: none;
}

div#mojaSmetka-landing-new .mojaSmetka-landing-intro h3 {
    color: white;
    text-decoration: none;
    font-family: teleNeo-regular;
    font-size: 20px;
    text-transform: uppercase;
}

div#mojaSmetka-landing-new .mojaSmetka-packages {
    position: relative;
    background-image: url('../content/images/moja-smetka/bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 60px;
}

div#mojaSmetka-landing-new .title {
    position: relative;
    width: 45%;
    margin: 45px auto 70px;
    text-align: center;
}

    div#mojaSmetka-landing-new .title h2 {
        color: #e20074;
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
    }

        div#mojaSmetka-landing-new .title h2 span {
            color: black;
            text-transform: none;
            font-size: 22px;
            line-height: 1.2;
            position: relative;
            display: block;
            opacity: .62;
        }

    div#mojaSmetka-landing-new .title:before {
        content: '';
        position: absolute;
        width: 90%;
        height: 1px;
        background: linear-gradient(45deg, transparent, black);
        opacity: .2;
        left: -90%;
        top: 57%;
    }

    div#mojaSmetka-landing-new .title:after {
        content: '';
        position: absolute;
        width: 90%;
        height: 1px;
        background: linear-gradient( 45deg, black, transparent);
        opacity: .2;
        right: -90%;
        top: 57%;
    }

div#mojaSmetka-landing-new .mojaSmetka-packagesBox {
    text-align: center;
    padding: 40px 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 15px 97px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px 15px 97px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 15px 97px rgba(0, 0, 0, .1);
}

    div#mojaSmetka-landing-new .mojaSmetka-packagesBox a h4 {
        font-family: 'teleNeo-bold' !important;
        font-size: 20px;
        min-height: 60px;
    }

    div#mojaSmetka-landing-new .mojaSmetka-packagesBox:hover h4 {
        color: white;
    }

    div#mojaSmetka-landing-new .mojaSmetka-packagesBox a:hover {
        text-decoration: none;
    }


    div#mojaSmetka-landing-new .mojaSmetka-packagesBox:hover {
        background: #e20074;
        transition: all ease-in .5s;
    }

        div#mojaSmetka-landing-new .mojaSmetka-packagesBox:hover:before {
            content: '';
            position: absolute;
            background-image: url('../content/images/moja-smetka/hover-shape.png');
            background-position: right top;
            background-size: cover;
            width: 100%;
            height: 100%;
            top: -50px;
            right: -15px;
            z-index: 2;
            display: block;
            transition: all ease-in .5s;
        }

    div#mojaSmetka-landing-new .mojaSmetka-packagesBox .image {
        position: relative;
        width: 90px;
        height: 60px;
        margin: 0 auto;
        display: block;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center bottom;
        transition: all ease-in .5s;
    }

.mojaSmetka-packagesBox:hover * {
    transition: all ease-in .5s;
}

.mojaSmetka-packagesBox.online .image {
    background-image: url('../content/images/moja-smetka/online.png');
}

.mojaSmetka-packagesBox.online:hover .image {
    background-image: url('../content/images/moja-smetka/online-w.png');
}

.mojaSmetka-packagesBox.app .image {
    background-image: url('../content/images/moja-smetka/app.png');
}

.mojaSmetka-packagesBox.app:hover .image {
    background-image: url('../content/images/moja-smetka/app-w.png');
}

.mojaSmetka-packagesBox.plati .image {
    background-image: url('../content/images/moja-smetka/mojtelekom.png');
}

.mojaSmetka-packagesBox.plati:hover .image {
    background-image: url('../content/images/moja-smetka/mojtelekom-w.png');
}

.mojaSmetka-packagesBox.avtomat .image {
    background-image: url('../content/images/moja-smetka/avtomati.png');
}

.mojaSmetka-packagesBox.avtomat:hover .image {
    background-image: url('../content/images/moja-smetka/avtomati-w.png');
}

.mojaSmetka-packagesBox.nalog .image {
    background-image: url('../content/images/moja-smetka/traennalog.png');
}

.mojaSmetka-packagesBox.nalog:hover .image {
    background-image: url('../content/images/moja-smetka/traennalog-w.png');
}

.mojaSmetka-packagesBox.atm .image {
    background-image: url('../content/images/moja-smetka/ATM.png');
}

.mojaSmetka-packagesBox.atm:hover.image {
    background-image: url('../content/images/moja-smetka/ATM-white.png');
}

.mojaSmetka-packagesBox.prodavnici .image {
    background-image: url('../content/images/moja-smetka/prodavnici.png');
}

.mojaSmetka-packagesBox.partneri .image {
    background-image: url('../content/images/moja-smetka/tpartneri.png');
}

.mojaSmetka-packagesBox.banka .image {
    background-image: url('../content/images/moja-smetka/banki.png');
}

.mojaSmetka-landing-faq {
    background: #F1F3F7 0% 0% no-repeat padding-box;
    position: relative;
}

    .mojaSmetka-landing-faq .mojaSmetka-faq-box {
        margin-bottom: 40px;
    }

    .mojaSmetka-landing-faq .panel-heading {
        padding: 15px 20px;
        border: 0;
    }

        .mojaSmetka-landing-faq .panel-heading h4 {
            padding: 0;
            font-size: 20px;
        }

            .mojaSmetka-landing-faq .panel-heading h4 a {
                color: black;
                text-decoration: none;
                display: block;
                position: relative;
            }

                .mojaSmetka-landing-faq .panel-heading h4 a.collapsed:after {
                    content: '';
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    top: 0;
                    right: 0;
                    background-image: url(../content/images/plus.png) !important;
                    background-repeat: no-repeat;
                    background-position: right 0px center;
                    background-size: inherit;
                    filter: grayscale(0);
                }

                .mojaSmetka-landing-faq .panel-heading h4 a:after {
                    content: '';
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    top: 40px;
                    right: 10px;
                    background-image: url(../content/images/minus.png);
                    background-repeat: no-repeat;
                    background-position: right 0px center;
                    background-color: transparent;
                    filter: grayscale(1);
                }

.mojaSmetka-faq-box .panel-default .panel-body p {
    font-size: 18px;
    line-height: 1.2;
}

.mojaSmetka-faq-box .panel-default .panel-body a {
    color: #e20074;
}

.mojaSmetka-faq-box .panel-default {
    border: 0;
    box-shadow: none;
}

.mojaSmetka-faq-box h2 {
    font-size: 35px;
    font-family: teleNeo-extra !important;
    color: black;
    margin: 50px 0 30px;
    text-transform: uppercase;
}

div#mojaSmetka-landing-new .mojaSmetka-packagesBox a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 3;
    position: relative;
}

@media(max-width: 767px) {
    div#mojaSmetka-landing-new .mojaSmetka-landing-intro {
        padding: 43% 0 2%;
        height: auto;
    }

    div#mojaSmetka-landing-new .title:before,
    div#mojaSmetka-landing-new .title:after {
        display: none;
    }

    div#mojaSmetka-landing-new .title {
        width: 85%;
    }

    div#mojaSmetka-landing-new .mojaSmetka-packagesBox {
        margin: 20px 0;
    }

    .mojaSmetka-landing-intro .col-xs-12:after {
        display: none;
    }
}

.bts-new-packet.radio-button-table-one span.old-price {
    color: black !important;
    font-family: 'teleNeo-medium' !important;
    text-decoration: line-through;
    margin-right: 4px;
}

    .bts-new-packet.radio-button-table-one span.old-price:before {
        display: none;
    }

.bts-new-packet.radio-button-table-one span.new-price {
    position: relative;
    color: #e20074;
    font-family: 'teleNeo-medium' !important;
}

/*#endregion moja smetka redesign*/


/*#region roaming west balkan roaming*/

div#west-balkan section.west-balkan-banner {
    position: relative;
    background-image: url(../content/images/west-balkan-banner.jpg);
    height: 375px;
    background-size: cover;
    background-position: 0 38%;
    background-repeat: no-repeat;
}

div#west-balkan h1 {
    font-size: 36px;
    margin: 40px 0;
    font-family: teleNeo-extra !important;
}

div#west-balkan .west-balkan-content h2 {
    font-size: 24px;
    margin: 20px 0;
    color: #e20074;
    font-family: 'teleNeo-bold' !important;
}

div#west-balkan h3 {
    font-size: 20px;
    font-family: 'teleNEo-medium' !important;
}

div#west-balkan h4 {
    text-transform: uppercase;
    font-size: 21px;
    font-family: 'teleNeo-medium' !important;
}

div#west-balkan p {
    font-size: 18px;
    line-height: 1.2;
}

div#west-balkan .panel-default h4 {
    padding: 0;
    margin: 0;
    position: relative;
}

div#west-balkan #wb-tables .panel-default .panel-heading {
    background-color: #f8f8f8;
}

div#west-balkan #wb-tables .panel-default h4 {
    text-transform: none;
}

div#west-balkan #wb-tables .panel-default a {
    color: #333;
    text-decoration: none;
    text-shadow: none;
    font-size: 18px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 10px 15px 10px 0px;
    background-color: #f8f8f8;
    box-shadow: none;
    display: block;
    width: 100%;
}

    div#west-balkan #wb-tables .panel-default a:after {
        position: absolute;
        top: 15px;
        bottom: auto;
        right: 5px;
        content: '$';
        font-size: 22px;
        margin: auto;
        font-family: 'teleicon-outline';
        transform: rotateZ( 0deg );
    }

div#west-balkan #wb-example .panel-default {
    background-color: transparent;
    border: 0 !important;
    box-shadow: none;
}

div#west-balkan div#wb-example .panel-default .panel-heading {
    background-color: transparent;
    position: relative;
    display: block;
    padding: 10px 0;
}

    div#west-balkan div#wb-example .panel-default .panel-heading a {
        background-color: transparent;
        position: relative;
        display: block;
        width: 90px;
        color: #e20074;
        font-family: 'teleNeo-medium' !important;
        text-transform: uppercase;
        font-size: 18px;
    }

        div#west-balkan div#wb-example .panel-default .panel-heading a:hover {
            text-decoration: none;
        }

        div#west-balkan div#wb-example .panel-default .panel-heading a:after {
            content: '%[';
            font-family: 'teleicon-outline';
            position: absolute;
            color: #e20074;
            font-size: 19px;
            top: -1px;
            right: 0;
            margin: auto;
            transform: rotateZ( -90deg );
            transition-property: transform;
            transition-duration: .25s;
        }

div#west-balkan div#wb-example .panel-default .panel-body {
    border: 0 !important;
}

div#wb-tables table tr td:first-child {
    width: 57%;
    text-align: left;
}

div#wb-tables table tr td {
    text-align: center;
    background: transparent;
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5 !important;
}

div#wb-tables table thead tr th {
    background: transparent;
}

div#wb-tables table thead tr {
    border-bottom: 2px solid #e20074;
}

div#west-balkan .table.table-pripejd tr th {
    background: #e20075;
    color: white;
    text-align: center;
    padding: 10px 15px;
    box-shadow: none !important;
    font-size: 16px !important;
}

div#west-balkan .table.table-pripejd .table > thead > tr > th, .table > tbody > tr > th,
div#west-balkan .table.table-pripejd .table > tfoot > tr > th, .table > thead > tr > td,
div#west-balkan .table.table-pripejd .table > tbody > tr > td, .table > tfoot > tr > td {
    border-bottom: 1px solid #dedede !important;
    border-width: 1px !important;
}

div#west-balkan .table.table-pripejd tr th:first-child {
    text-align: left !important;
}

div#west-balkan .table.table-pripejd tr td {
    background-color: transparent;
    border-bottom: 1px solid #dedede !important;
    padding: 10px 15px;
    text-align: center;
    font-size: 16px;
    border-top: 0 !important;
    border-width: 1px !important;
    border-color: #dedede !important;
}

div#west-balkan .table.table-pripejd {
    position: relative;
    width: 100%;
    display: block;
    margin: 35px 0 50px;
}

.table.table-pripejd tr td:first-child {
    text-align: left !important;
}

div#west-balkan .table.table-pripejd tbody tr:last-child td {
    border-bottom: 0 !important;
}

div#west-balkan .table.table-pripejd tr:last-child th {
    background: #e9e9e9 !important;
    color: #333 !important;
    border-bottom: 1px solid #dedede !important;
}

div#west-balkan .faq {
    background: #fafafa;
}

    div#west-balkan .faq h2 {
        color: #333;
        font-size: 36px;
        font-family: teleNeo-medium !important;
        text-align: center;
        margin: 40px 0 20px;
    }

    div#west-balkan .faq .panel-default .panel-heading {
        background-color: transparent;
        border: 0 !important;
        box-shadow: none !important;
        padding: 20px 10px;
    }

    div#west-balkan .faq .panel-default {
        border-bottom: 1px solid #bfbfbf;
        box-shadow: none;
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        background: transparent;
    }

        div#west-balkan .faq .panel-default .panel-body {
            border-top: 0 !important;
            padding: 15px 10px;
        }

        div#west-balkan .faq .panel-default .panel-heading a {
            font-size: 19px;
            position: relative;
            display: block;
            width: 100%;
            font-family: teleNeo-medium !important;
            padding-right: 50px;
        }

            div#west-balkan .faq .panel-default .panel-heading a:hover,
            div#west-balkan .faq .panel-default .panel-heading a:focus {
                text-decoration: none;
                color: #333;
            }

            div#west-balkan .faq .panel-default .panel-heading a:after {
                content: ']$';
                font-family: 'teleicon-outline';
                position: absolute;
                color: #333;
                font-size: 22px;
                top: 0;
                right: 20px;
                margin: auto;
                transform: rotateZ( -180deg );
            }

            div#west-balkan .faq .panel-default .panel-heading a.collapsed:after {
                content: ']$';
                font-family: 'teleicon-outline';
                position: absolute;
                color: #333;
                font-size: 22px;
                top: 0px;
                right: 20px;
                margin: auto;
                transform: rotateZ( 0deg );
            }

    div#west-balkan .faq h4 {
        text-transform: none;
    }

@media(max-width: 767px) {
    .modal.mail-contactForm .modal-dialog .modal-content .close {
        top: -25px;
        right: -10px;
    }

    div#west-balkan section.west-balkan-banner {
        background-position: 85% 38%;
    }

    div#west-balkan h1 {
        font-size: 28px;
    }

    div#wb-tables .panel-default {
        margin-bottom: 20px;
    }

    div#west-balkan #wb-tables .panel-default a {
        font-size: 17px;
    }

    div#west-balkan .faq h2 {
        font-size: 28px;
    }

    div#west-balkan .faq .panel-default .panel-heading a {
        font-size: 18px;
    }
}
/*#endregion roaming west balkan roaming*/


/*#region prepaid esim baneri*/
#esim-pripejd {
    position: relative;
    height: 300px;
    background-image: url(../content/images/prepaid/pripejd-esim-banner.jpg);
    background-position: 10% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

    #esim-pripejd.sq {
        background-image: url(../content/images/prepaid/pripejd-esim-banner-sq.jpg);
    }

    #esim-pripejd.en {
        background-image: url(../content/images/prepaid/pripejd-esim-banner-en.jpg);
    }

@media(max-width: 767px) {
    #esim-pripejd {
        background-image: url(../content/images/prepaid/esim-nov-broj-neww.jpg);
        height: 300px;
    }

        #esim-pripejd.sq {
            background-image: url(../content/images/prepaid/pripejd-esim-banner-mob-sq.jpg);
            height: 300px;
        }

        #esim-pripejd.en {
            background-image: url(../content/images/prepaid/pripejd-esim-banner-mob-en.jpg);
            height: 300px;
        }
}

@media(min-width: 768px) and (max-width: 991px) {

    #esim-pripejd {
        background-image: url(../content/images/prepaid/esim-nov-broj-neww.jpg);
        height: 600px;
    }

        #esim-pripejd.sq,
        #esim-pripejd.en {
            height: 600px;
        }
}
/*#endregion prepaid esim baneri*/


/*#region maxtv za biznis B2B*/
#maxtv-za-biznis .main-banner {
    background-image: url(../content/images/max-tv-biznis-new-1.jpg);
    position: relative;
    background-position: center;
    background-size: cover;
    padding: 28% 0 0;
}

    #maxtv-za-biznis .main-banner.sq {
        background-image: url(../content/images/max-tv-biznis-new-1-sq.jpg);
    }

    #maxtv-za-biznis .main-banner .header {
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 0;
        position: absolute;
        bottom: 0;
        width: 60%;
        padding: 4% 0 0 2px;
    }

        #maxtv-za-biznis .main-banner .header:before {
            background-image: url(../content/images/mob-internet-paketi/Mobilni-internet-paketi-shape.png);
            position: absolute;
            content: '';
            background-size: contain;
            background-position: left;
            background-repeat: no-repeat;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
        }

        #maxtv-za-biznis .main-banner .header .wrapper {
            padding: 2% 52% 4% 12%;
        }

        #maxtv-za-biznis .main-banner .header h1 {
            font-size: 33px;
            color: #fff;
            font-family: 'teleNeo-bold' !important;
            text-align: left;
            z-index: 1;
            position: relative;
            text-transform: none;
        }

#maxtv-za-biznis .promo-box {
    background: #e20074;
    color: white;
    padding: 20px;
    margin: 20px 0 40px;
}

    #maxtv-za-biznis .promo-box h3 {
        color: white;
        font-family: 'teleNeo-bold' !important;
        font-size: 25px;
        margin-bottom: 30px;
    }

#maxtv-za-biznis .maxtv-za-biznis-content h2.black-bcg {
    background-color: black;
    margin-bottom: 50px;
    width: 680px;
    text-align: center;
    margin: 50px auto;
    color: white;
    text-transform: uppercase;
    padding: 15px;
    font-size: 42px;
    transform: skewX( -25deg );
}

    #maxtv-za-biznis .maxtv-za-biznis-content h2.black-bcg span {
        transform: skewX( 25deg );
        position: relative;
        display: block;
        font-family: 'teleNeo-extra' !important;
    }

#maxtv-za-biznis section.mob-paketi {
    margin-top: 60px;
}

#maxtv-za-biznis .maxtv-za-biznis-content p {
    text-align: center;
    font-size: 19px;
    line-height: 1.2;
}

#maxtv-za-biznis .boxes {
    position: relative;
    text-align: center;
    margin: 50px 0;
}

.maxtv-za-biznis-content ul.t-ul-new-magenta {
    margin: 30px 0 70px;
}

    .maxtv-za-biznis-content ul.t-ul-new-magenta li {
        font-size: 18px;
        line-height: 1.2;
        margin-bottom: 12px;
    }

        .maxtv-za-biznis-content ul.t-ul-new-magenta li a {
            color: black;
            text-decoration: underline;
        }

#maxtv-za-biznis .boxes .box-wrap {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
    -webkit-box-shadow: 0px 3px 46px rgba(0, 0,0, .14);
    -moz-box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
    min-height: 155px;
}

#maxtv-za-biznis #tarifi .boxes .box-wrap {
    min-height: 275px;
}

#maxtv-za-biznis .boxes .box-wrap h2 {
    display: block;
    font-size: 22px;
    font-family: 'teleNeo-regular' !important;
    padding: 15px 10px;
}

    #maxtv-za-biznis .boxes .box-wrap h2 span {
        display: block;
        font-size: 25px;
        font-family: 'teleNeo-extra' !important;
        margin-top: 10px;
    }

#maxtv-za-biznis .boxes span.bts-paket-ddv {
    display: none;
}

#maxtv-za-biznis .boxes .box-wrap .smart-priceWraper {
    position: relative;
    display: block;
    width: 70%;
    overflow: hidden;
    margin: 10px auto;
    padding: 20px 0;
}

    #maxtv-za-biznis .boxes .box-wrap .smart-priceWraper .p-left-smart span {
        font-size: 30px;
        font-family: 'teleNeo-bold' !important;
    }

    #maxtv-za-biznis .boxes .box-wrap .smart-priceWraper .p-right-smart {
        position: relative;
        display: inline;
        float: left;
        width: 30%;
        bottom: 0 !important;
        top: 3px;
        color: #333;
        text-align: right;
        margin-left: 6px;
    }

        #maxtv-za-biznis .boxes .box-wrap .smart-priceWraper .p-right-smart span {
            color: #333;
            text-transform: none;
            text-align: left;
            font-size: 13px !important;
        }

    #maxtv-za-biznis .boxes .box-wrap .smart-priceWraper .p-left-smart {
        position: relative;
        display: inline;
        width: 50%;
        float: left;
        text-align: right;
    }

#maxtv-za-biznis .boxes .box-wrap .icons {
    position: relative;
    display: block;
    margin: 20px 0;
}

    #maxtv-za-biznis .boxes .box-wrap .icons span {
        width: 35px;
        height: 35px;
        display: inline-block;
        top: 0 !important;
    }

#maxtv-za-biznis .tabovi {
    position: relative;
    margin: 0 0 40px;
}

    #maxtv-za-biznis .tabovi ul {
        width: 55%;
        margin: 0 auto;
        border: 0;
        text-align: center;
        display: block;
    }

        #maxtv-za-biznis .tabovi ul li {
            background: none;
            display: inline;
            float: left;
            margin: 0px;
            padding: 0;
            border: 0;
            width: 50%;
        }

    #maxtv-za-biznis .tabovi li a {
        position: relative;
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
        font-size: 18px;
        padding: 10px 15px;
        border: 0;
        border-radius: 0;
    }

    #maxtv-za-biznis .tabovi li a {
        background: transparent;
        color: #84919B;
        font-family: 'teleNeo-regular' !important;
    }

        #maxtv-za-biznis .tabovi li.active a,
        #maxtv-za-biznis .tabovi li a:hover {
            border: 0;
            color: black !important;
            background: #EEEFF2;
            font-family: 'teleNeo-bold' !important;
        }

#maxtv-za-biznis .tab-pane {
    display: none;
    visibility: hidden;
    opacity: 0;
}

    #maxtv-za-biznis .tab-pane.active {
        display: block;
        visibility: visible;
        opacity: 1;
    }

#maxtv-za-biznis .boxes .box-wrap .smart-priceWraper.custom .p-left-smart {
    width: 100%;
    text-align: center;
}

    #maxtv-za-biznis .boxes .box-wrap .smart-priceWraper.custom .p-left-smart span {
        font-size: 23px;
        font-family: teleNeo-medium !important;
    }

@media(max-width: 320px) {
    #maxtv-za-biznis .main-banner {
        height: 260px !important;
    }

        #maxtv-za-biznis .main-banner .header h1 {
            font-size: 22px !important;
        }

    #maxtv-za-biznis .maxtv-za-biznis-content h2.black-bcg {
        width: 90%;
        font-size: 24px !important;
    }
}

@media(max-width: 767px) {
    #maxtv-za-biznis .main-banner {
        height: 300px;
    }

        #maxtv-za-biznis .main-banner .header {
            width: 100%;
            padding: 10% 0 0 2px;
        }

            #maxtv-za-biznis .main-banner .header .wrapper {
                padding: 2% 25% 4% 12%;
            }

            #maxtv-za-biznis .main-banner .header h1 {
                font-size: 24px;
            }

    #maxtv-za-biznis .maxtv-za-biznis-content h2.black-bcg {
        width: 90%;
        font-size: 29px;
    }

    #maxtv-za-biznis .tabovi ul {
        width: 100%;
        margin: 0 auto;
    }

        #maxtv-za-biznis .tabovi ul li {
            height: 100px;
        }

            #maxtv-za-biznis .tabovi ul li a {
                display: block;
                height: 100%;
                font-size: 16px;
                padding: 10px;
            }
}

@media(min-width: 768px) and (max-width: 991px) {

    #maxtv-za-biznis .main-banner {
        padding: 45% 0 0;
    }

        #maxtv-za-biznis .main-banner .header {
            width: 60%;
            padding: 7% 0 0 2px;
        }

            #maxtv-za-biznis .main-banner .header .wrapper {
                padding: 2% 23% 4% 12%;
            }

            #maxtv-za-biznis .main-banner .header h1 {
                font-size: 32px;
            }

    #maxtv-za-biznis .boxes .box-wrap {
        margin-bottom: 30px;
        min-height: 280px;
    }

        #maxtv-za-biznis .boxes .box-wrap .title {
            min-height: 120px;
        }

    #maxtv-za-biznis .tabovi ul {
        width: 72%;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #maxtv-za-biznis .main-banner .header {
        width: 60%;
        padding: 6% 0 0 2px;
    }

        #maxtv-za-biznis .main-banner .header .wrapper {
            padding: 2% 39% 4% 12%;
        }
}
/*#endregion maxtv za biznis B2B*/


/*#region 100gb mobilen internet*/
#ekstra-internet-magenta .main-banner {
    position: relative;
    background-image: url(../content/images/100-gb-vnatreshen-banner.jpg);
    background-size: cover;
    height: 400px;
    width: 100%;
    background-position: center;
}

    #ekstra-internet-magenta .main-banner.sq {
        background-image: url(../content/images/100-gb-vnatreshen-banner-sq.jpg);
    }

div#ekstra-internet-magenta h1 {
    text-align: center;
    font-size: 40px;
    margin: 50px 0;
    font-family: 'teleNeo-medium' !important;
}

    div#ekstra-internet-magenta h1 span {
        font-family: 'teleNeo-extra' !important;
    }

div#ekstra-internet-magenta p {
    font-size: 19px;
    line-height: 1.2;
    text-align: center;
}

    div#ekstra-internet-magenta p.small {
        font-size: 15px;
        background-color: #f8f8f8;
        padding: 20px;
    }

div#ekstra-internet-magenta h2 {
    text-align: center;
    font-size: 28px;
    color: black;
    margin: 40px 0;
    line-height: 1.2;
}

@media(max-width: 767px) {
    #ekstra-internet-magenta .main-banner {
        position: relative;
        background-image: url(../content/images/100-gb-mobilen-internet-banner-mob.jpg);
        height: 230px;
    }

    div#ekstra-internet-magenta h1 {
        font-size: 30px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#pet-god-m1 .header {
        padding: 35px 25px 10px;
    }

    div#pet-god-m1 .quote {
        justify-content: flex-start;
        padding: 35px;
    }

        div#pet-god-m1 .quote p {
            padding: 40px 5px 30px 0;
        }

    div#pet-god-m1 .magenta-bg {
        padding: 35px;
    }

        div#pet-god-m1 .magenta-bg p {
            margin: 15px auto;
        }

    div#pet-god-m1 .gray-bg {
        padding-top: 20px;
    }

        div#pet-god-m1 .gray-bg p {
            padding: 10px 30px;
        }

        div#pet-god-m1 .gray-bg .content p {
            padding: 10px 0;
        }

    div#pet-god-m1 .content {
        padding: 0 30px;
    }

    #pet-god-m1 .more-info {
        padding: 20px 0 80px;
    }

        #pet-god-m1 .more-info .wrapper {
            gap: 0;
            flex-direction: column;
        }

            #pet-god-m1 .more-info .wrapper .text {
                width: 100%;
            }

    div#pet-god-m1 .video {
        width: 80%;
        margin-top: 30px;
    }

    #pet-god-m1 .more-info .wrapper .text h2 {
        margin-bottom: 20px;
    }

    #ekstra-internet-magenta .main-banner {
        height: 330px;
    }
}
/*#endregion 100gb mobilen internet*/



/*#region beethoven*/
#beethoven .black-bg {
    background-color: black;
    padding: 4% 0 15%;
    position: relative;
    z-index: 2;
}

    #beethoven .black-bg:after {
        content: '';
        background-image: url(../content/images/beethoven/beethoven.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right center;
        position: absolute;
        right: 0;
        width: 100%;
        height: 100%;
        border: 0;
        top: 0;
        opacity: .6;
        z-index: 0;
    }

    #beethoven .black-bg:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/beethoven/Group-5.png);
        background-size: contain;
        background-position: left center;
        width: 100%;
        height: 100%;
        left: -40%;
        top: -3%;
        z-index: 2;
        background-repeat: no-repeat;
    }

#beethoven .headers {
    position: relative;
    margin: 0 auto;
    width: 85%;
    text-align: center;
    z-index: 2;
}

/*@supports (-webkit-text-stroke: 1px black) {
    #beethoven h1 {
        -webkit-text-stroke: 1px black;
        -webkit-text-fill-color: #e20074;
    }
}*/

#beethoven h1 {
    /*  text-shadow: -4px -5px 0 #000000, -4px -4px 0 #fafafa21, -4px -4px 0 #f8f8f82e, -4px -6px 0 #f8f8f875;*/
    font-size: 61px;
    margin: 30px 0;
    font-family: 'teleNeo-extra' !important;
    text-align: center;
    line-height: 1;
    margin: 0px 0 20px 0;
}

#beethoven h2 {
    color: #e20074;
    font-family: teleNeo-regular !important;
    text-transform: uppercase;
    font-size: 45px;
    margin-bottom: 20px;
}

#beethoven h3 {
    font-size: 21px;
    color: white;
    font-family: teleNeo-regular !important;
    margin: 15px auto 15px auto;
}

#beethoven .content {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 30px auto 20px;
    z-index: 2;
}

    #beethoven .content p {
        font-size: 21px;
        color: white;
        padding: 0 20%;
    }

#beethoven .event-box {
    position: relative;
    border: 2px solid white;
    display: inline-block;
    padding: 20px 0;
    margin: 60px 0 0;
    overflow: visible;
    width: 100%;
    display: table;
}

    #beethoven .event-box:before {
        position: absolute;
        content: '';
        left: -6px;
        top: -6px;
        border: 1px solid #f5f5f5;
        width: 993px;
        height: 100%;
        z-index: 2;
        display: inline-block;
    }

    #beethoven .event-box .box {
        width: 33.333%;
        display: table-cell;
        vertical-align: top;
        text-align: left;
        padding: 10px 25px 10px 60px;
        position: relative;
    }

        #beethoven .event-box .box:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/beethoven/clock-fill.png);
            background-size: contain;
            width: 30px;
            height: 28px;
            background-repeat: no-repeat;
            left: 15px;
            top: 25px;
        }

        #beethoven .event-box .box:after {
            content: '';
            position: absolute;
            height: 100%;
            width: 1px;
            top: 0;
            right: 0;
            display: block;
            background: white;
        }

        #beethoven .event-box .box:last-of-type:after {
            content: '';
            display: none;
            border: 0;
        }

        #beethoven .event-box .box:nth-child(2):before {
            background-image: url(../content/images/beethoven/calendar-fill.png);
        }

        #beethoven .event-box .box:last-of-type:before {
            background-image: url(../content/images/beethoven/video.png);
        }

        #beethoven .event-box .box:last-of-type {
            border: 0;
        }

        #beethoven .event-box .box ruby {
            position: relative;
            display: inherit !important;
        }

            #beethoven .event-box .box ruby * {
                width: 100%;
                display: inline-block;
                font-size: 17px;
                color: white;
            }

            #beethoven .event-box .box ruby ul li {
                margin-left: 0;
                font-size: 17px;
                font-family: teleNeo-bold !important;
                margin-bottom: 0;
            }

            #beethoven .event-box .box ruby rt {
                color: rgba(250, 250, 250, .82);
            }

            #beethoven .event-box .box ruby b {
                font-size: 17px !important;
            }

#beethoven .content a {
    padding: 25px 60px;
    background: #e20074;
    color: white;
    font-size: 22px;
    display: block;
    width: 200px;
    margin: 40px auto 0;
    text-decoration: none;
    position: relative;
}

    #beethoven .content a:before {
        content: '';
        background-image: url(../content/images/beethoven/icon-action-play-selected.png);
        background-size: cover;
        width: 27px;
        height: 27px;
        position: absolute;
        left: 10%;
        top: 25px;
        z-index: 2;
    }

#beethoven .video-box {
    position: absolute;
    width: 60%;
    margin: 0 auto;
    height: 500px;
    z-index: 2;
    left: 0;
    right: 0;
    margin-top: 40px;
    border: 1px solid #d8d8d84d;
}

    #beethoven .video-box iframe {
        width: 100%;
        height: 100%;
    }

    #beethoven .video-box .video-js .vjs-big-play-button {
        position: absolute !important;
        left: 0;
        right: 0;
        top: 40%;
        width: 50px !important;
        margin: 0 auto;
        border-radius: 50px !important;
        background-color: black;
        border: 1px solid white;
    }

    #beethoven .video-box .vjs-icon-pause:before,
    #beethoven .video-box .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
        content: "\f478";
        font-family: 'Ionicons' !important;
    }

    #beethoven .video-box .vjs-icon-play:before,
    #beethoven .video-box .video-js .vjs-play-control .vjs-icon-placeholder:before,
    #beethoven .video-box .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        content: "\f488";
        font-family: 'Ionicons' !important;
    }

    #beethoven .video-box .vjs-icon-volume-high:before,
    #beethoven .video-box .video-js .vjs-mute-control .vjs-icon-placeholder:before {
        content: "\f3b8";
        font-family: 'Ionicons' !important;
    }

    #beethoven .video-box .vjs-icon-fullscreen-enter:before,
    #beethoven .video-box .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
        content: "\f25e";
        font-family: 'Ionicons' !important;
    }

    #beethoven .video-box .vjs-icon-picture-in-picture-enter:before,
    #beethoven .video-box .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
        content: "\f20a";
        font-family: 'Ionicons' !important;
    }

#beethoven .agenda {
    position: relative;
    padding: 17% 0 4% 0;
    background: transparent linear-gradient(180deg, #161624 0%, #232332 100%) 0% 0% no-repeat padding-box;
    overflow: hidden;
}

    #beethoven .agenda:after {
        position: absolute;
        content: '';
        background-image: url(../content/images/beethoven/Group-6.png);
        background-size: contain;
        background-position: right center;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        z-index: 1;
        top: -17%;
        right: -53%;
    }

    #beethoven .agenda .boxes {
        position: relative;
        width: 100%;
        display: block;
        overflow: hidden;
    }

        #beethoven .agenda .boxes div {
            position: relative;
            display: inline-block;
            width: 47%;
            margin: 20px 15px 25px 0px;
            background-color: white;
            padding: 60px 40px;
            top: 0;
            z-index: 2;
        }

        #beethoven .agenda .boxes .magenta-box {
            background-color: #e20074;
        }

        #beethoven .agenda .boxes .transparent {
            background: transparent !important;
            box-shadow: none !important;
            border: 1px solid white !important;
            padding: 60px 40px !important;
            margin: 25px 0 25px 15px;
        }

            #beethoven .agenda .boxes .transparent h3 {
                color: white !important;
            }

            #beethoven .agenda .boxes .transparent p {
                color: white !important;
            }

        #beethoven .agenda .boxes .white-box:nth-child(2) {
            top: 150px;
        }



            #beethoven .agenda .boxes .white-box:nth-child(2):after {
                content: '';
                position: absolute;
                border: 2px solid #e20074;
                z-index: 2;
                width: 100%;
                height: 100%;
                top: -10px;
                right: -11px;
            }

        #beethoven .agenda .boxes h3 {
            font-size: 24px;
            font-family: teleNeo-bold !important;
            line-height: 1.2;
            text-align: left;
            margin: 0 0 20px 0;
            padding: 0;
        }

        #beethoven .agenda .boxes .white-box h3 {
            color: #e20074;
        }

        #beethoven .agenda .boxes p {
            font-size: 18px;
            line-height: 1.2;
            color: white;
        }

        #beethoven .agenda .boxes .white-box p {
            color: black;
        }

    #beethoven .agenda .agenda-table {
        position: relative;
        margin: 30px 0 15px;
        width: 100%;
        padding: 4% 0;
        height: auto;
        background-color: #161620;
        z-index: 2;
    }

        #beethoven .agenda .agenda-table table {
            width: 80%;
            margin: 0 auto;
            background-color: transparent;
            color: white;
        }

    #beethoven .agenda .wrapper h2 {
        color: white;
        font-family: teleNeo-regular !important;
        text-transform: uppercase;
        font-size: 45px;
        text-align: center;
        margin: 40px 0;
    }

    #beethoven .agenda .agenda-table table * {
        background-color: transparent;
    }

    #beethoven .agenda .agenda-table table tr span.green-text {
        color: #83A933;
    }

    #beethoven .agenda .agenda-table table tr span {
        font-size: 18px;
        line-height: 1.2;
    }

    #beethoven .agenda .agenda-table table tr {
        border-bottom: 1px solid #f5f5f5;
    }

        #beethoven .agenda .agenda-table table tr td,
        #beethoven .agenda .agenda-table table tr th {
            padding: 25px 0px;
            font-size: 19px !important;
            border: 0;
            box-shadow: none;
            font-family: 'teleNeo-regular' !important;
        }

            #beethoven .agenda .agenda-table table tr th span {
                font-size: 38px !important;
                line-height: 1.2;
            }

                #beethoven .agenda .agenda-table table tr th span.text-magenta {
                    text-transform: uppercase;
                    font-family: 'teleNeo-extra' !important;
                }

                #beethoven .agenda .agenda-table table tr th span.time,
                #beethoven .agenda .agenda-table table tr th span.date {
                    font-size: 19px !important;
                    position: relative;
                    padding-left: 50px;
                    color: #b6b6b6;
                }

    #beethoven .agenda .agenda-table span.time:before {
        content: '';
        position: absolute;
        background-image: url('../content/images/beethoven/clock-outline.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 25px;
        height: 30px;
        left: 15px;
    }

    #beethoven .agenda .agenda-table span.date:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/beethoven/calendar-outline.png);
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        left: 15px;
    }

    #beethoven .agenda p.small {
        color: white;
        font-size: 15px;
    }

    #beethoven .agenda .guests {
        margin: 50px 0;
    }

        #beethoven .agenda .guests h3 {
            color: white;
            font-size: 30px;
            font-family: teleNeo-bold !important;
            margin: 30px auto;
            text-align: center;
            text-transform: uppercase;
        }

        #beethoven .agenda .guests .wrapper {
            background-image: url(../content/images/beethoven/white-bg-transparent.png);
            background-size: cover;
            background-position: center;
            border: 1px solid white;
            padding: 20px 40px;
            font-size: 18px;
            margin: 30px 0;
            width: 80%;
            margin: 50px auto;
            position: relative;
            color: white;
        }

@media (max-width: 767px) {
    #beethoven .black-bg:before {
        display: none;
    }

    #beethoven .headers {
        width: 100%;
    }

    #beethoven h1 {
        font-size: 40px;
    }

    #beethoven h2 {
        font-size: 25px;
    }

    #beethoven h3 {
        font-size: 20px;
    }

    #beethoven .content {
        width: 90%;
    }

        #beethoven .content p {
            padding: 0;
        }

    #beethoven .event-box {
        padding: 20px 0;
        margin: 90px 0 0;
        overflow: visible;
        width: 100%;
        display: block;
    }

        #beethoven .event-box:before {
            width: 100%;
            height: 100%;
        }

        #beethoven .event-box .box {
            width: 100%;
            display: block;
            float: none;
            text-align: left;
            padding: 10px 25px 10px 40px;
            border-bottom: 1px solid white;
            border-right: 0;
        }

            #beethoven .event-box .box:before {
                width: 22px;
                height: 28px;
                left: 8px;
                top: 25px;
            }

    #beethoven .video-box {
        position: absolute;
        width: 90%;
        height: auto;
        margin: 0 auto;
        margin-top: 10px;
        border: 1px solid #d8d8d84d;
    }

    #beethoven .agenda {
        padding: 50% 0 4% 0;
    }

        #beethoven .agenda .boxes div {
            width: 100%;
            margin: 20px auto;
            padding: 30px;
            top: 0;
            z-index: 2;
        }

        #beethoven .agenda .boxes .white-box:nth-child(2) {
            top: 0;
        }

        #beethoven .agenda .boxes .transparent {
            margin: 20px auto;
        }

        #beethoven .agenda .boxes h3 {
            font-size: 21px;
        }

        #beethoven .agenda .boxes p {
            font-size: 17px;
        }

        #beethoven .agenda .boxes .transparent {
            padding: 30px !important;
        }

        #beethoven .agenda .boxes .white-box:nth-child(2):after {
            content: '';
            z-index: 2;
            width: 95%;
            top: -10px;
            right: 10px;
        }

        #beethoven .agenda .wrapper h2 {
            color: white;
            font-size: 35px;
        }

        #beethoven .agenda .agenda-table table {
            width: 90%;
        }

            #beethoven .agenda .agenda-table table tr th span {
                font-size: 22px !important;
            }

            #beethoven .agenda .agenda-table table tr td,
            #beethoven .agenda .agenda-table table tr th {
                font-size: 18px !important;
            }

                #beethoven .agenda .agenda-table table tr th span {
                    font-size: 17px !important;
                }

                    #beethoven .agenda .agenda-table table tr th span.time,
                    #beethoven .agenda .agenda-table table tr th span.date {
                        font-size: 17px !important;
                        padding-left: 20px;
                    }

        #beethoven .agenda .agenda-table span.time:before {
            content: '';
            width: 20px;
            height: 30px;
            left: -5px;
        }

        #beethoven .agenda .agenda-table span.date:before {
            content: '';
            width: 20px;
            height: 30px;
            left: -1px;
        }

        #beethoven .agenda .agenda-table table tr td,
        #beethoven .agenda .agenda-table table tr th {
            padding: 20px 10px 20px 0;
        }

        #beethoven .agenda .guests h3 {
            font-size: 25px;
        }

        #beethoven .agenda .guests .wrapper {
            padding: 20px;
            margin: 30px 0;
            width: 100%;
        }

            #beethoven .agenda .guests .wrapper ul li {
                margin: 0 0 20px 0;
                padding: 0;
            }
}

@media(min-width: 768px) and (max-width: 991px) {
    #beethoven .event-box:before {
        width: 100%;
        height: 100%;
    }

    #beethoven .event-box .box {
        width: 100%;
        display: block;
        float: none;
        text-align: left;
        padding: 10px 25px 10px 40px;
        border-bottom: 1px solid white;
        border-right: 0;
    }

    #beethoven .video-box {
        position: absolute;
        width: 80%;
        height: auto;
        margin-top: 20px;
        border: 1px solid #d8d8d84d;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #beethoven .event-box:before {
        display: none;
    }
}
/*#endregion beethoven*/

/*#region mkb soglasnost*/
#mkb-soglasnost {
    background-image: url('../content/images/mkb-bg.jpg');
    position: relative;
    background-size: cover;
    width: 100%;
    height: 100%;
}

    #mkb-soglasnost .wrapper {
        position: relative;
        width: 80%;
        margin: 60px auto;
        background: #ffffff38;
        box-shadow: 0px 0px 20px 17px #00000024;
        padding: 20px;
    }

        #mkb-soglasnost .wrapper h1 {
            text-transform: uppercase;
            font-size: 34px;
            text-align: center;
            margin: 20px 0 30px;
            font-family: 'teleNeo-extra' !important;
        }

        #mkb-soglasnost .wrapper p,
        #mkb-soglasnost .wrapper ul li {
            font-size: 17px;
            line-height: 1.2;
        }

        #mkb-soglasnost .wrapper ul li {
            padding-bottom: 15px;
        }

@media(max-width: 767px) {
    #mkb-soglasnost .wrapper {
        position: relative;
        width: 100%;
        margin: 30px auto;
        background: #ffffffed;
    }

        #mkb-soglasnost .wrapper h1 {
            font-size: 25px;
        }
}
/*#endregion mkb soglasnost*/


/*#region digital index*/
#digital-index {
    position: relative;
    height: 100%;
}

    #digital-index .main-banner {
        position: relative;
        background-image: url('../content/images/digital-index/main-bg.png');
        background-size: cover;
        background-position: right center;
        padding: 10% 0 13%;
    }

        #digital-index .main-banner .header {
            width: 55%;
            position: relative;
        }

        #digital-index .main-banner .link {
            position: absolute;
            right: 0;
            bottom: -10%;
            display: block;
        }

            #digital-index .main-banner .link a {
                color: #e20074;
                border-radius: 5px;
                font-family: 'teleNeo-medium' !important;
                font-size: 18px;
                padding: 10px 20px;
            }

        #digital-index .main-banner h1 {
            color: white;
            font-size: 54px;
            font-family: 'teleNeo-extra' !important;
            line-height: 1.2;
        }

        #digital-index .main-banner p {
            font-size: 24px;
            color: white;
            line-height: 1.2;
        }

    #digital-index .container {
        position: relative;
    }

    #digital-index .gray-bg {
        padding-top: 40%;
    }

    #digital-index .white-bg.absolute {
        position: absolute;
        bottom: 80px;
        padding: 40px;
        text-align: center;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 30px 136px #0000001A;
        -webkit-box-shadow: 0px 30px 136px #0000001A;
        -khtml-box-shadow: 0px 30px 136px #0000001A;
        -moz-box-shadow: 0px 30px 136px #0000001A;
        -ie-box-shadow: 0px 30px 136px #0000001A;
        -o-box-shadow: 0px 30px 136px #0000001A;
        -ms-box-shadow: 0px 30px 136px #0000001A;
        border-radius: 5px;
    }

@media screen\0 {
    #digital-index .white-bg.absolute {
        border: 1px solid rgba(0,0,0,.07);
    }
}

#digital-index .white-bg.absolute :-ms-input-placeholder {
    border: 1px solid rgba(0,0,0,.07);
}

#digital-index .white-bg.absolute h2 {
    margin-bottom: 30px;
    font-family: 'teleNeo-extra' !important;
    line-height: 1.2;
    font-size: 30px;
    color: black;
}

#digital-index .white-bg.absolute p {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 15px;
}

#digital-index .magenta-shape {
    position: relative;
    background-image: url(../content/images/digital-index/magenta-shape.png);
    width: 100%;
    background-size: cover;
    background-position: 100% 0;
    background-repeat: no-repeat;
}

    #digital-index .magenta-shape h3 {
        font-size: 23px;
        color: white;
        margin: 45px 0;
        font-family: 'teleNeo-regular' !important;
        text-align: center;
        line-height: 1.2;
    }

    #digital-index .magenta-shape h4 {
        font-size: 18px;
        line-height: 1.2;
        color: white;
        font-family: 'teleNeo-bold' !important;
    }

    #digital-index .magenta-shape .wrapper {
        padding: 80px 0 60px;
    }

    #digital-index .magenta-shape .boxes {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

        #digital-index .magenta-shape .boxes .box {
            width: 25%;
            margin: 0 15px;
        }

        #digital-index .magenta-shape .boxes .icon {
            position: relative;
            width: 45px;
            min-height: 60px;
        }

#digital-index section.gray-bg-image {
    position: relative;
    background-image: url(../content/images/digital-index/gray-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    padding: 4% 0;
}

    #digital-index section.gray-bg-image h2 {
        font-size: 30px;
        color: black;
        font-family: 'teleNeo-extra' !important;
        line-height: 1.2;
        margin-bottom: 40px;
    }

    #digital-index section.gray-bg-image p {
        font-size: 22px;
        line-height: 1.2;
    }

#digital-index .gray-bg-image .wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 60px 0 30px;
}

    #digital-index .gray-bg-image .wrapper .wrap {
        width: 33.333%;
        margin: 20px 5px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 19px #0000001f;
        border-radius: 4px;
        min-height: 580px;
        padding: 60px 20px 50px 20px;
    }

    #digital-index .gray-bg-image .wrapper .icon {
        min-height: 70px;
    }

    #digital-index .gray-bg-image .wrapper .title h4 {
        color: black;
        font-family: 'teleNeo-bold' !important;
        font-size: 23px;
        margin-bottom: 50px;
    }

        #digital-index .gray-bg-image .wrapper .title h4:after {
            content: '';
            width: 70px;
            height: 2px;
            background: #E2E2E2;
            left: 0;
            right: 0;
            display: block;
            margin: 0 auto;
            top: 13px;
            position: relative;
        }

#digital-index section.bcg-image {
    background-image: url(../content/images/digital-index/digitalization-bg.jpg);
    background-size: cover;
    background-position: center;
    padding: 4% 0;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
}

#digital-index .text {
    width: 50%;
    position: relative;
    z-index: 3;
    color: white;
    top: 50px;
}

    #digital-index .text a.btn {
        margin: 10px 0;
        color: #e20074;
        border-radius: 5px;
        padding: 10px 20px;
        font-size: 17px;
        font-family: teleNeo-medium !important;
    }

#digital-index .bcg-image:before {
    content: '';
    position: absolute;
    background-image: url(../content/images/digital-index/shape.png);
    width: 80%;
    height: 530px;
    left: -15%;
    bottom: 0%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
}

#digital-index .text h3 {
    font-family: 'teleNeo-bold' !important;
    line-height: 1.2;
    font-size: 23px;
}

#digital-index .text p {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 30px;
}

#digital-index section.digitalization {
    position: relative;
    background: rgba(234, 241, 243, .25) 0% 0% no-repeat padding-box;
    padding: 4%;
}

    #digital-index section.digitalization h2 {
        font-size: 30px;
        text-align: center;
        font-family: 'teleNeo-extra' !important;
        margin-bottom: 30px;
    }

    #digital-index section.digitalization p {
        font-size: 18px;
        text-align: center;
        color: black;
    }

        #digital-index section.digitalization p.gray-txt {
            color: rgba(32, 32, 32, .6);
        }

    #digital-index section.digitalization .wrapper {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin: 70px 0 40px;
    }

        #digital-index section.digitalization .wrapper .apply-wrap {
            width: 33%;
            position: relative;
            margin: 0 10px;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 0px 0px 250px #0000001F;
            border-radius: 4px;
            min-height: 420px;
            text-align: center;
            padding: 0 40px 30px;
        }

            #digital-index section.digitalization .wrapper .apply-wrap h4 {
                font-size: 28px;
                padding: 50px 10px 20px;
                color: black;
                font-family: 'teleNeo-bold' !important;
                margin: 0;
            }

    #digital-index section.digitalization .event {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
    }

        #digital-index section.digitalization .event div {
            padding-left: 25px;
            color: black;
            position: relative;
        }

            #digital-index section.digitalization .event div span {
                font-family: 'teleNeo-bold' !important;
                font-size: 16px;
            }

        #digital-index section.digitalization .event .date:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/digital-index/icon-content-calendar-default.png);
            background-size: contain;
            background-repeat: no-repeat;
            width: 17px;
            height: 18px;
            left: 1px;
            top: 3px;
        }

        #digital-index section.digitalization .event .time:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/digital-index/icon-content-clock-default.png);
            background-size: contain;
            background-repeat: no-repeat;
            width: 17px;
            height: 18px;
            left: 4px;
            top: 3px;
        }

    #digital-index section.digitalization .btn-apply {
        position: absolute;
        bottom: 50px;
        width: 100%;
        display: block;
        left: 0;
        right: 0;
    }

        #digital-index section.digitalization .btn-apply a {
            background-color: #e20074;
            color: white;
            font-size: 17px;
            text-transform: uppercase;
            padding: 10px 30px;
        }

            #digital-index section.digitalization .btn-apply a:hover {
                background-color: white;
                border: 1px solid #e20074;
                color: #e20074;
            }

    #digital-index section.digitalization p.blue-txt {
        color: rgba(0, 127, 175, .8) !important;
    }

#digital-index .videos {
    background-image: url('../content/images/digital-index/videos-bcg.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 3% 0;
    color: white;
    text-align: center;
}

    #digital-index .videos h2 {
        font-size: 30px;
        text-align: center;
        font-family: 'teleNeo-extra' !important;
        margin-bottom: 40px;
    }

    #digital-index .videos h4.gray-txt {
        font-size: 22px;
        line-height: 1.2;
        color: white;
        margin: 0;
        padding: 0;
    }

    #digital-index .videos p.gray-txt {
        color: rgba(255, 255, 255, .77);
        font-size: 18px;
        line-height: 1.2;
    }

#digital-index .carousel {
    position: relative;
    margin: 60px 0;
}

    #digital-index .carousel p {
        display: block;
    }

    #digital-index .carousel .carousel-control {
        display: none;
    }

#digital-index .videos .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 310px;
}

    #digital-index .videos .carousel-inner .item {
        height: 100%;
    }

    #digital-index .videos .carousel-inner .flex-box {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

        #digital-index .videos .carousel-inner .flex-box .video-wrap {
            width: 24%;
            margin: 0 auto;
            text-align: left;
            height: 100%;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: flex-start;
            align-items: center;
        }

            #digital-index .videos .carousel-inner .flex-box .video-wrap p {
                font-size: 18px;
                line-height: 1.2;
            }

            #digital-index .videos .carousel-inner .flex-box .video-wrap .wrap {
                height: 100%;
                width: 100%;
            }

        #digital-index .videos .carousel-inner .flex-box .video-description {
            position: relative;
            width: 100%;
            height: 80px;
        }

        #digital-index .videos .carousel-inner .flex-box iframe {
            width: 100%;
            height: 100%;
        }

@media(min-width: 1990px) {
    #digital-index .bcg-image:before {
        width: 100%;
        height: 660px;
    }
}

@media(min-width: 1550px) {
    #digital-index .gray-bg {
        padding-top: 23%;
    }
}

@media(max-width: 767px) {
    #digital-index .main-banner {
        background-position: center;
    }

        #digital-index .main-banner .link {
            position: relative;
            right: 0;
            bottom: 0;
            display: block;
        }

        #digital-index .main-banner .header {
            width: 60%;
            position: relative;
            display: block;
        }

        #digital-index .main-banner h1 {
            font-size: 33px;
        }

    #digital-index .white-bg.absolute {
        position: relative;
        padding: 40px 20px;
    }

    #digital-index .gray-bg {
        padding-top: 15%;
    }

    #digital-index h2 {
        font-size: 25px !important;
    }

    #digital-index h3 {
        font-size: 22px;
    }

    #digital-index .magenta-shape {
        background-position: 80% 0;
    }

        #digital-index .magenta-shape .wrapper {
            padding: 140px 0 60px;
        }

        #digital-index .magenta-shape .boxes {
            position: relative;
            display: flex;
            flex-direction: column;
        }

            #digital-index .magenta-shape .boxes .box {
                width: auto;
                margin: 0 15px;
            }

        #digital-index .magenta-shape h3 {
            font-size: 21px;
        }


    #digital-index section.gray-bg-image {
        padding: 10% 0;
    }

    #digital-index .gray-bg-image .wrapper {
        flex-direction: column;
    }

        #digital-index .gray-bg-image .wrapper .wrap {
            width: auto;
            margin: 10px 5px;
            min-height: 520px;
        }

    #digital-index section.bcg-image {
        padding: 10% 0;
    }

    #digital-index .text {
        width: 100%;
        top: 0;
        padding: 30px;
    }

    #digital-index section.bcg-image:before {
        display: none;
    }

    #digital-index .text {
        top: 0;
        background-color: #e20074;
        padding: 30px;
    }

    #digital-index .videos .carousel-inner {
        height: auto;
    }

        #digital-index .videos .carousel-inner .flex-box {
            flex-direction: column;
        }

            #digital-index .videos .carousel-inner .flex-box .video-wrap {
                margin: 20px auto;
                flex-direction: column;
                width: 100%;
            }

    #digital-index .videos {
        padding: 10% 0;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #digital-index .main-banner {
        background-position: center;
    }

        #digital-index .main-banner .header {
            width: 50%;
            position: relative;
            background-position: center;
        }

        #digital-index .main-banner h1 {
            font-size: 44px;
        }

    #digital-index .magenta-shape {
        background-position: 80% 0;
    }

    #digital-index .gray-bg {
        padding-top: 4%;
    }

    #digital-index .white-bg.absolute {
        position: relative;
    }

    #digital-index .gray-bg-image .wrapper .wrap {
        min-height: 740px;
    }

    #digital-index .bcg-image:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/digital-index/shape.png);
        width: 100%;
        height: 570px;
        left: -25%;
        bottom: -15%;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 2;
    }

    #digital-index .text {
        width: 50%;
        position: relative;
        z-index: 3;
        color: white;
        top: -8px;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #digital-index .text {
        top: -20px;
    }

    #digital-index .gray-bg {
        padding-top: 40%;
    }

    #digital-index .white-bg.absolute {
        bottom: 20px;
    }
}
/*#endregion digital index*/

/*#region home talk*/
#home-talk {
    background-image: url(../content/images/home-talk/home-talk-bg.png);
    position: relative;
    background-size: cover;
    width: 100%;
    background-position: center;
    height: 100%;
    padding: 3% 0 0;
}

    #home-talk .wrapper {
        position: relative;
        width: 80%;
        margin: 60px auto 110px;
        background: #ffffff38;
        box-shadow: 0px 60px 45px 27px rgba(0, 0, 0, .05);
        -moz-box-shadow: 0px 60px 45px 27px rgba(0, 0, 0, .05);
        -webkit-box-shadow: 0px 60px 45px 27px rgba(0, 0, 0, .05);
        padding: 40px 40px 20px;
        background: linear-gradient( -180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255,.8));
        border-radius: 6px;
    }

        #home-talk .wrapper h1 {
            text-transform: uppercase;
            font-size: 34px;
            text-align: center;
            margin: 20px 0 10px;
            font-family: 'teleNeo-extra' !important;
        }

        #home-talk .wrapper h2 {
            color: rgba(0, 0, 0, .45);
            text-transform: uppercase;
            font-size: 23px;
            text-align: center;
            margin-bottom: 30px;
        }

        #home-talk .wrapper p {
            font-size: 17px;
            line-height: 1.2;
            text-align: center;
        }

            #home-talk .wrapper p.small {
                font-size: 14px;
            }

    #home-talk .wrap-box {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin: 30px 0;
    }

        #home-talk .wrap-box .wrap {
            width: 50%;
            margin: 0px 20px;
            text-align: center;
            min-height: 150px;
            padding: 20px;
            box-shadow: 0 0 35px 7px #00000017;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
            border-radius: 6px;
        }

            #home-talk .wrap-box .wrap.flex {
                display: block;
                box-shadow: none;
            }

                #home-talk .wrap-box .wrap.flex p {
                    text-align: left;
                }

                #home-talk .wrap-box .wrap.flex ul.t-ul-new-magenta li {
                    padding-left: 15px;
                    line-height: 145%;
                    margin-bottom: 7px;
                    margin-left: 15px;
                    text-align: left;
                }

            #home-talk .wrap-box .wrap:last-of-type {
                border: 0;
            }

            #home-talk .wrap-box .wrap p.small-text {
                font-size: 14px;
                margin: 0;
                color: #0000007d;
            }

    #home-talk .wrapper p.small-text {
        font-size: 14px;
        color: #0000007d;
    }

    #home-talk .wrapper .smart-priceWraper {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden;
        margin: 0px auto 0;
        padding: 0 0 0 10px;
    }

        #home-talk .wrapper .smart-priceWraper .p-left-smart {
            position: relative;
            display: inline;
            width: 48%;
            float: left;
            text-align: right;
        }

            #home-talk .wrapper .smart-priceWraper .p-left-smart span {
                font-size: 30px;
                font-family: 'teleNeo-bold' !important;
            }

        #home-talk .wrapper .smart-priceWraper .p-right-smart {
            position: relative;
            display: inline;
            float: left;
            width: 45%;
            bottom: 0 !important;
            top: 3px;
            color: #333;
            text-align: left;
            margin-left: 6px;
        }

            #home-talk .wrapper .smart-priceWraper .p-right-smart span {
                color: #333;
                text-transform: none;
                text-align: left;
                font-size: 13px !important;
            }

@media(max-width: 767px) {
    #home-talk .wrapper {
        width: 90%;
    }

        #home-talk .wrapper h1 {
            font-size: 29px;
        }

        #home-talk .wrapper h2 {
            font-size: 21px;
        }

    #home-talk .wrap-box {
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

        #home-talk .wrap-box .wrap {
            width: 100%;
            border-right: 0;
            min-height: 190px;
            box-shadow: 0 0 35px 7px #0000001f;
            margin: 20px 0;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    #home-talk .wrap-box .wrap {
        margin: 0 auto;
        padding: 20px 10px;
    }

    #home-talk .wrapper .smart-priceWraper {
        width: 100%;
        margin: 10px auto 0;
        padding: 20px 0 0;
    }

        #home-talk .wrapper .smart-priceWraper .p-left-smart span {
            font-size: 22px;
        }

        #home-talk .wrapper .smart-priceWraper .p-right-smart span {
            font-size: 11px !important;
        }
}
/*#endregion home talk*/


/*#region poddrshka za anketa*/
div#poddrshka-za-anketa {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    width: 100%;
    background-image: url(../content/images/mkb-bg.jpg);
    min-height: 70vh;
}

    div#poddrshka-za-anketa .wrapper {
        width: 30%;
        margin: 20px auto;
        text-align: center;
        box-shadow: 0px 0px 20px 17px #00000024;
        padding: 40px;
        transform: translate(-50%, -50%);
        position: absolute;
        top: 45%;
        left: 50%;
    }

        div#poddrshka-za-anketa .wrapper h1 {
            font-size: 34px;
            font-family: 'teleNeo-extra' !important;
            margin-bottom: 30px;
            line-height: 1.2;
        }

        div#poddrshka-za-anketa .wrapper p {
            font-size: 19px;
            line-height: 1.2;
            padding: 0 50px;
        }

        div#poddrshka-za-anketa .wrapper a {
            color: #e20074;
            text-decoration: underline;
        }

@media(max-width: 767px) {
    div#poddrshka-za-anketa .wrapper {
        width: 80%;
    }

        div#poddrshka-za-anketa .wrapper h1 {
            font-size: 25px;
        }

        div#poddrshka-za-anketa .wrapper p {
            font-size: 17px;
            padding: 0;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#poddrshka-za-anketa .wrapper {
        width: 70%;
    }
}
/*#endregion poddrshka za anketa*/


/*#region digital index calc*/
#digital-index-calculator {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow-y: hidden;
}

    #digital-index-calculator .resault {
        position: relative;
        overflow: hidden;
        height: 100%;
    }

    #digital-index-calculator .qa-wrapper {
        position: relative;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

    #digital-index-calculator .left-sidebar-menu {
        position: absolute;
        width: 30%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #e20074;
        background-image: url(../content/images/digital-index/sidebar-illustration.png);
        background-size: cover;
        background-position: bottom right;
        background-repeat: no-repeat;
    }

        #digital-index-calculator .left-sidebar-menu .wrap {
            position: relative;
            top: 7%;
            padding: 0 10px 0 25%;
        }

    #digital-index-calculator .vertical-menu {
        position: relative;
        min-height: 260px;
    }

        #digital-index-calculator .vertical-menu .item:last-child:before {
            height: 100px;
            bottom: -80px;
        }

    #digital-index-calculator .left-sidebar-menu h1 {
        color: white;
        font-size: 30px;
        line-height: 1.2;
        position: relative;
    }

        #digital-index-calculator .left-sidebar-menu h1:before {
            content: '';
            position: absolute;
            left: -20px;
            width: 4px;
            height: 25px;
            background-color: white;
            top: 5px;
        }

        #digital-index-calculator .left-sidebar-menu h1 span.title {
            text-transform: uppercase;
            font-family: teleNeo-bold !important;
            display: block;
        }

        #digital-index-calculator .left-sidebar-menu h1 span.subtitle {
            text-transform: none;
            font-family: teleNeo-regular !important;
            display: block;
            font-size: 26px;
            opacity: .6;
        }

    #digital-index-calculator .left-sidebar-menu .vertical-menu .item {
        padding: 0 0 5px;
        position: relative;
        display: block;
        overflow: visible;
        min-height: 60px;
    }


        #digital-index-calculator .left-sidebar-menu .vertical-menu .item:before {
            content: '';
            position: absolute;
            bottom: -15px;
            width: 1px;
            height: 43px;
            background: transparent linear-gradient( 180deg, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
            opacity: 0.5;
            display: block;
            left: 18px;
        }

    #digital-index-calculator .left-sidebar-menu .vertical-menu a {
        color: white;
        text-decoration: none;
        font-size: 17px;
        position: relative;
        display: flex;
        width: 100%;
        overflow: hidden;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        overflow: visible;
        transition: all ease-in .4s;
    }

    #digital-index-calculator .left-sidebar-menu .vertical-menu .indicator {
        position: absolute;
        width: 50px;
        height: 50px;
        transition: all 500ms ease-in-out;
    }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .indicator#move-1 {
            top: 0px;
            transition: all 500ms ease-in-out;
        }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .indicator#move-2 {
            top: 60px;
            transition: all 500ms ease-in-out;
        }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .indicator#move-3 {
            top: 120px;
            transition: all 500ms ease-in-out;
        }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .indicator#move-4 {
            top: 180px;
            transition: all 500ms ease-in-out;
        }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .indicator#move-5 {
            top: 240px;
            transition: all 500ms ease-in-out;
        }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .indicator:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
            opacity: 0.4;
            left: -6px;
            right: 0;
            border-radius: 50px;
            overflow: visible;
            transition: all 500ms ease-in-out;
        }


    #digital-index-calculator .left-sidebar-menu .vertical-menu .item span.index {
        position: relative;
        padding: 10px 15px;
        font-size: 18px;
        display: inline;
        float: left;
        font-family: 'teleNeo-bold' !important;
        color: white;
        z-index: 2;
        transition: all ease-in .4s;
        -webkit-transition: all ease-in .4s;
        -moz-transition: all ease-in .4s;
    }

    #digital-index-calculator .left-sidebar-menu .vertical-menu .item span.text {
        display: inline;
        float: left;
        padding-left: 10px;
        position: relative;
        transition: all ease-in .4s;
        -webkit-transition: all ease-in .4s;
        -moz-transition: all ease-in .4s;
        color: white;
        opacity: 0.7;
    }

    #digital-index-calculator .left-sidebar-menu .vertical-menu a.active span.text {
        padding-left: 15px;
        opacity: 1;
        transition: all ease-in .4s;
        -webkit-transition: all ease-in .4s;
        -moz-transition: all ease-in .4s;
    }

    #digital-index-calculator .left-sidebar-menu .vertical-menu .item span.index:before {
        content: '';
        position: absolute;
        width: 30px;
        height: 30px;
        border-radius: 50px;
        background: white;
        opacity: .4;
        left: 4px;
        top: 7px;
        z-index: -1;
        transition: all ease-in .4s;
        -webkit-transition: all ease-in .4s;
        -moz-transition: all ease-in .4s;
    }

    #digital-index-calculator .left-sidebar-menu .vertical-menu a.active span.index {
        color: #e20074;
        z-index: 2;
        transition: all ease-in .4s;
        -webkit-transition: all ease-in .4s;
        -moz-transition: all ease-in .4s;
    }

        #digital-index-calculator .left-sidebar-menu .vertical-menu a.active span.index:before {
            opacity: 1;
            transition: all ease-in .4s;
            -webkit-transition: all ease-in .4s;
            -moz-transition: all ease-in .4s;
        }

    #digital-index-calculator .left-sidebar-menu .vertical-menu a.selected span.index:before {
        background: #BC0061 0% 0% no-repeat padding-box;
        border: 1px solid #FFFFFF00;
        transition: all ease-in .4s;
        -webkit-transition: all ease-in .4s;
        -moz-transition: all ease-in .4s;
    }

@keyframes mymoveDown {
    0% {
        top: 0px;
    }

    50% {
        top: 5px;
    }

    75% {
        top: 7px;
    }

    100% {
        top: 10px;
    }
}

#digital-index-calculator .right-qa-wrapper {
    position: relative;
    height: 100%;
    width: 70%;
    float: left;
    display: inline-block;
    left: 30%;
    padding: 20px 30px 50px 30px;
    background-image: url(../content/images/digital-index/BG-results.png);
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    overflow-y: scroll;
}

    #digital-index-calculator .right-qa-wrapper h2 {
        font-size: 24px;
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
        margin: 30px 0;
    }

    #digital-index-calculator .right-qa-wrapper .subcategory {
        position: relative;
        margin-bottom: 50px;
    }

    #digital-index-calculator .right-qa-wrapper h3.text-magenta {
        font-size: 20px;
        font-family: 'teleNeo-bold' !important;
        margin: 20px 30px;
        line-height: 1.2;
    }

    #digital-index-calculator .right-qa-wrapper .subcategory h4.description {
        margin: 0px 30px 30px;
        font-family: 'teleNeo-bold' !important;
        font-size: 18px;
    }

    #digital-index-calculator .right-qa-wrapper .question-wrap {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
        background: transparent linear-gradient( 180deg, #FFFFFFA6 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0px 6px 30px #64747a1c;
        border-radius: 8px;
        padding: 10px 15px;
        margin-bottom: 15px;
    }

        #digital-index-calculator .right-qa-wrapper .question-wrap h3 {
            font-size: 18px;
            line-height: 1.2;
            margin: 0;
            padding: 10px 15px;
            font-family: teleNeo-medium !important;
        }

    #digital-index-calculator .right-qa-wrapper .answers-wrap {
        position: relative;
        display: inline-flex;
    }

        #digital-index-calculator .right-qa-wrapper .answers-wrap .answer {
            position: relative;
            text-align: center;
            vertical-align: middle;
            display: inline-flex;
        }

        #digital-index-calculator .right-qa-wrapper .answers-wrap input {
            width: 45px;
            height: 30px;
            border-radius: 4px;
            margin: 0 10px;
            visibility: hidden;
            position: relative;
            z-index: 3;
            cursor: pointer;
            margin-left: 0 !important;
            top: 0;     
        }

            #digital-index-calculator .right-qa-wrapper .answers-wrap input[type="text"] {
                visibility: visible;
                border: 1px solid #c8c8c8;
                width: 70px;
                height: 40px;
                border-radius: 8px;
                padding: 15px;
            }

            #digital-index-calculator .right-qa-wrapper .answers-wrap input:before {
                position: absolute;
                content: '';
                width: 100%;
                height: 100%;
                border: 1px solid #dedede;
                left: 0;
                right: 0;
                opacity: 1;
                visibility: visible;
                background: transparent;
                z-index: 1;
                border-radius: 4px;
                top: 0;
                transition: all ease .4s;
                -webkit-transition: all ease .4s;
                -moz-transition: all ease .4s;
            }

            #digital-index-calculator .right-qa-wrapper .answers-wrap input:checked:before,
            #digital-index-calculator .right-qa-wrapper .answers-wrap input.selected:before {
                background-color: #BFCB44;
                transition: all ease .4s;
                -webkit-transition: all ease .4s;
                -moz-transition: all ease .4s;
            }

            #digital-index-calculator .right-qa-wrapper .answers-wrap input:checked + label,
            #digital-index-calculator .right-qa-wrapper .answers-wrap input.selected + label {
                color: white;
                z-index: 3;
            }

        #digital-index-calculator .right-qa-wrapper .answers-wrap select {
            width: 220px;
            height: 38px;
            border: 1px solid #c8c8c8;
            border-radius: 8px;
            padding: 5px;
            cursor: pointer;
            font-size: 15px;
            text-align: center;
            opacity: .7;
        }

            #digital-index-calculator .right-qa-wrapper .answers-wrap select:focus {
                box-shadow: 0 0 35px 7px #00000021;
                outline: none;
                border-color: #c8c8c8;
            }

            #digital-index-calculator .right-qa-wrapper .answers-wrap select option {
                text-align: left;
            }

        #digital-index-calculator .right-qa-wrapper .answers-wrap label {
            position: absolute;
            left: 24px;
            top: 8px;
            text-transform: uppercase;
            font-size: 14px;
            font-family: 'teleNeo-bold' !important;
        }

#digital-index-calculator .qa-wrapper .buttons {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    bottom: 20px;
    right: 3%;
}

    #digital-index-calculator .qa-wrapper .buttons div {
        width: 120px;
        margin: 10px;
    }

        #digital-index-calculator .qa-wrapper .buttons div .btn {
            padding: 10px 10px;
            font-size: 17px;
            width: 100%;
            line-height: 1.2;
            box-shadow: 0px 6px 22px #64747a29;
            border-radius: 8px;
            border: 0;
        }

            #digital-index-calculator .qa-wrapper .buttons div .btn.white-btn {
                background: #FFFFFF 0% 0% no-repeat padding-box;
            }

#digital-index-calculator .resault .left-sidebar-menu {
    background-image: url(../content/images/digital-index/sidebar-illustration-without-icon.png);
}

    #digital-index-calculator .resault .left-sidebar-menu:after {
        content: '';
        position: absolute;
        right: -19px;
        width: 40px;
        height: 40px;
        border-radius: 8px;
        background: transparent linear-gradient( 0deg, #D3E43F 0%, #BECB43 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0px 24px 40px #00000021;
        border-radius: 6px;
        top: 26%;
        z-index: 2;
    }

    #digital-index-calculator .resault .left-sidebar-menu.low:after {
        background: transparent linear-gradient( 0deg, #13a8f9 0%, #53BAF2 100%) 0% 0% no-repeat padding-box;
    }

    #digital-index-calculator .resault .left-sidebar-menu.medium:after {
        background: transparent linear-gradient( 0deg, #ebc637 0%, #FFD329 100%) 0% 0% no-repeat
    }

#digital-index-calculator .resault .wrap {
    padding: 0 30px;
}

    #digital-index-calculator .resault .wrap p {
        color: white;
        font-size: 17px;
        line-height: 1.2;
        text-align: center;
    }

        #digital-index-calculator .resault .wrap p.bold {
            font-size: 40px;
            line-height: 1.2;
            font-family: teleNeo-medium !important;
        }

#digital-index-calculator .resault .green-header {
    position: relative;
    padding: 10px 20px;
    background: transparent linear-gradient( 0deg, #D3E43F 0%, #BECB43 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 24px 40px #00000021;
    border-radius: 8px;
    text-align: center;
    margin: 0 25px;
}

#digital-index-calculator .resault .yellow-header {
    position: relative;
    padding: 10px 20px;
    background: transparent linear-gradient( 0deg, #ebc637 0%, #FFD329 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 24px 40px #00000021;
    border-radius: 8px;
    text-align: center;
    margin: 0 25px;
}

#digital-index-calculator .resault .blue-header {
    position: relative;
    padding: 10px 20px;
    background: transparent linear-gradient( 0deg, #13a8f9 0%, #53BAF2 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 24px 40px #00000021;
    border-radius: 8px;
    text-align: center;
    margin: 0 25px;
}

#digital-index-calculator .resault .wrap h2 {
    font-size: 20px;
    color: black;
    font-family: teleNeo-regular !important;
    line-height: 33px;
    font-weight: 500;
}

    #digital-index-calculator .resault .wrap h2 span {
        font-size: 21px;
        display: block;
        font-family: 'teleNeo-extra' !important;
        letter-spacing: 1px;
    }

#digital-index-calculator .resault .right-side-charts {
    position: relative;
    height: 100%;
    width: 70%;
    float: left;
    display: inline-block;
    left: 30%;
    padding: 20px 30px 50px 30px;
    background-image: url(../content/images/digital-index/BG-results.png);
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    overflow-y: scroll;
}

    #digital-index-calculator .resault .right-side-charts h2 {
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
        font-size: 24px;
        margin: 20px 0;
        color: black;
        line-height: 1.2;
        letter-spacing: 2px;
    }

    #digital-index-calculator .resault .right-side-charts p {
        padding: 0 20%;
        font-size: 18px;
        line-height: 1.2;
    }

    #digital-index-calculator .resault .right-side-charts .chart-wrap {
        position: relative;
        width: 90%;
        height: auto;
        margin: 0 auto 10px auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: space-around;
        justify-content: space-between;
        align-items: center;
    }

        #digital-index-calculator .resault .right-side-charts .chart-wrap .item {
            width: 47%;
            display: inline-block;
            height: auto;
            background: transparent linear-gradient( 180deg, #FFFFFFA6 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
            box-shadow: 0px 6px 30px #64747a1c;
            margin: 0 0 47px 0;
            position: relative;
            padding: 20px;
        }

            #digital-index-calculator .resault .right-side-charts .chart-wrap .item div {
                border-radius: 8px;
                width: 100% !important;
            }

            #digital-index-calculator .resault .right-side-charts .chart-wrap .item > div > .zc-rel.zc-top {
                white-space: initial !important;
                width: 100% !important;
                position: relative !important;
                height: 100% !important;
                overflow: initial !important;
                padding: 15px;
            }

            #digital-index-calculator .resault .right-side-charts .chart-wrap .item svg {
                position: relative;
                height: 100%;
            }

            #digital-index-calculator .resault .right-side-charts .chart-wrap .item:before {
                content: '';
                position: absolute;
                width: 60px;
                height: 1.5px;
                background: #c8c8c8;
                top: -70px;
                bottom: 0;
                margin: auto;
                z-index: 2;
                left: 66px;
                right: 0;
            }

            #digital-index-calculator .resault .right-side-charts .chart-wrap .item:after {
                content: '';
                position: absolute;
                width: 20px;
                height: 1.5px;
                background: #c8c8c8;
                top: -54px;
                bottom: 0;
                margin: auto;
                z-index: 2;
                left: -6px;
                right: 0;
                transform: rotate( -55deg);
            }

.zc-ref {
    display: none;
}

#myChart-0-license-text,
#myChart-1-license-text,
#myChart-2-license-text,
#myChart-3-license-text {
    display: none;
}

#digital-index-calculator .inline-buttons {
    position: relative;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
}

    #digital-index-calculator .inline-buttons a {
        position: relative;
        padding: 15px;
        background: #e20074;
        color: white;
        border-radius: 5px;
        font-size: 16px;
        font-family: 'teleNeo-medium' !important;
        transition: all ease-in .3s;
    }

        #digital-index-calculator .inline-buttons a:hover {
            background: #cb2078;
            transition: all ease-in .3s;
            text-decoration: none;
        }

        #digital-index-calculator .inline-buttons a:focus {
            text-decoration: none;
        }

#digital-index-calculator-modal .contact-form {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: transparent linear-gradient(180deg, #FFFFFFA6 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    /* box-shadow: 0px 6px 30px #64747A1C;*/
    padding: 2% 5%;
    z-index: 2;
}

    #digital-index-calculator-modal .contact-form h2 {
        font-size: 33px;
        margin: 20px 0;
        font-family: teleNeo-bold !important;
        color: #e20074;
    }

    #digital-index-calculator-modal .contact-form p {
        color: black;
        line-height: 1.2;
        padding: 0 5%;
        font-size: 18px;
        margin-bottom: 40px;
    }

    #digital-index-calculator-modal .contact-form label {
        font-size: 16px;
        font-family: teleNeo-regular !important;
    }

    #digital-index-calculator-modal .contact-form input {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #C8C8C8;
        border-radius: 4px;
        padding: 10px;
        margin-bottom: 15px;
        height: 40px;
        width: 90%;
    }

        #digital-index-calculator-modal .contact-form input:hover,
        #digital-index-calculator-modal .contact-form input:focus,
        #digital-index-calculator-modal .right-qa-wrapper .answers-wrap input[type="text"]:focus {
            box-shadow: 0 0 35px 7px #00000021;
            outline: none;
            border-color: #c8c8c8;
        }

    #digital-index-calculator-modal .contact-form .btn-magen {
        cursor: pointer;
        margin: 30px 0 20px;
    }

    #digital-index-calculator-modal .contact-form .captcha-wrap {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
    }

        #digital-index-calculator-modal .contact-form .captcha-wrap input {
            border: 1px solid #c8c8c8;
            border-radius: 4px;
        }

    #digital-index-calculator-modal .contact-form textarea {
        height: 110px;
        width: 90%;
    }

#digital-index-calculator-modal .right-qa-wrapper .errorMsg-wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

    #digital-index-calculator-modal .right-qa-wrapper .errorMsg-wrap .errorMsg {
        display: block;
        text-align: left;
        line-height: 1.2;
        position: relative;
        margin-top: 10px;
        color: red !important;
        top: 0;
        font-size: 17px;
        margin-left: 5px;
    }

#digital-index-calculator-modal .modal-footer {
    border: 0;
    padding: 0;
}

@media (min-width: 1200px) and (max-width: 1450px) {
    #digital-index-calculator .left-sidebar-menu .wrap {
        top: 9%;
    }

    #digital-index-calculator .left-sidebar-menu h1 {
        font-size: 25px;
    }

        #digital-index-calculator .left-sidebar-menu h1 span.subtitle {
            font-size: 21px;
        }

    #digital-index .main-banner .link {
        bottom: 10%;
    }
}

@media (min-width: 1451px) {
    #digital-index .main-banner .link {
        bottom: -10% !important;
    }
}


@media (min-width: 1550px) {
    #digital-index-calculator .left-sidebar-menu .wrap {
        padding: 0 40px 0 15%;
    }

    #digital-index-calculator .left-sidebar-menu h1 {
        margin-bottom: 50px;
    }
}

@media(max-width: 991px) {
    #digital-index-calculator {
        height: auto;
    }

        #digital-index-calculator .left-sidebar-menu {
            background-size: cover;
            background-position: center 80%;
            position: relative;
            width: 100%;
        }

            #digital-index-calculator .left-sidebar-menu .wrap {
                position: relative;
                top: 0;
                padding: 20px;
            }

            #digital-index-calculator .left-sidebar-menu h1 {
                color: white;
                font-size: 23px;
                margin-bottom: 20px;
                margin-left: 25px;
            }

                #digital-index-calculator .left-sidebar-menu h1 span.subtitle {
                    font-size: 21px;
                    opacity: .6;
                }

        #digital-index-calculator .vertical-menu {
            position: relative;
            min-height: 150px;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
            width: 100%;
            margin: 0 auto;
            align-items: center;
        }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .indicator {
            position: absolute;
            width: 50px;
            height: 50px;
            transition: all 500ms ease-in-out;
            left: 15px;
        }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .item {
            padding: 0 0 15px;
            position: relative;
            display: block;
            overflow: visible;
            min-height: 70px;
            width: 20%;
            margin: 0 auto;
        }

            #digital-index-calculator .left-sidebar-menu .vertical-menu .item:before {
                content: '';
                position: absolute;
                bottom: 0;
                width: 50px;
                height: 1.5px;
                background: transparent linear-gradient( 180deg, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
                opacity: 0.5;
                display: block;
                left: 40px;
                top: 20px;
                z-index: 2;
                right: 0;
            }

            #digital-index-calculator .left-sidebar-menu .vertical-menu .item:last-child:before {
                display: none;
            }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .indicator {
            display: none;
        }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .item span.text {
            display: none;
        }

        #digital-index-calculator .right-qa-wrapper {
            width: 100%;
            left: 0;
            display: block;
        }

            #digital-index-calculator .right-qa-wrapper h2 {
                font-size: 20px;
            }

            #digital-index-calculator .right-qa-wrapper .question-wrap {
                position: relative;
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                align-content: center;
                justify-content: center;
                align-items: flex-start;
            }

        #digital-index-calculator .qa-wrapper .buttons {
            align-content: center;
            justify-content: center;
        }

        #digital-index-calculator .resault .right-side-charts {
            padding: 20px;
        }

            #digital-index-calculator .resault .right-side-charts .chart-wrap,
            #digital-index-calculator .resault .right-side-charts .contact-form {
                width: 100% !important;
            }

        #digital-index-calculator .resault .right-side-charts {
            position: relative;
            height: 100%;
            width: 100%;
            float: none;
            left: 0;
        }

        #digital-index-calculator .resault .left-sidebar-menu:after {
            display: none;
        }

        #digital-index-calculator .resault .right-side-charts .item {
            width: 100% !important;
            margin: 20px 0 !important;
        }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .item span.index {
            z-index: 1;
        }

        #digital-index-calculator .contact-form input,
        #digital-index-calculator .contact-form textarea {
            width: 100%;
        }
}

@media(max-width: 767px) {
    #digital-index-calculator .inline-buttons {
        flex-direction: column;
    }

        #digital-index-calculator .inline-buttons a {
            margin: 20px 0;
            padding: 10px 15px;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    #digital-index-calculator .left-sidebar-menu .vertical-menu .item:before {
        width: 95px;
    }

    #digital-index-calculator .left-sidebar-menu .vertical-menu .item span.index {
        font-size: 21px;
    }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .item span.index:before {
            width: 40px;
            height: 40px;
            left: 1px;
            top: 4px;
        }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #digital-index-calculator .resault .right-side-charts .chart-wrap .item {
        width: 93%;
    }
}

/*#endregion digital index calc*/


/*#region xMas campaign*/
#xmas-new-page {
    position: relative;
    width: 100%;
    height: auto;
}

.xmas-banner {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(../content/images/xmas/xmas-inner-banner.jpg);
    padding: 6% 0;
    height: 600px;
    background-size: cover;
    background-position: center;
}

#xmas-new-page .video-xmas {
    position: absolute;
    width: 30%;
    height: auto;
    top: 31%;
    z-index: 2;
    left: 10%;
    box-shadow: 0 2px 40px 0 rgba(0, 0, 0, .3);
    transition: box-shadow .2s ease;
    border-radius: 8px;
    transition: all ease-in .3s;
}

.video-thumbnail-wrapper, .video-thumbnail-wrapper img {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

#xmas-new-page .video-xmas:hover {
    box-shadow: 2px 2px 30px 5px #ffffff2b !important;
    transition: all ease-in .3s;
}

#xmas-new-page .video-xmas span.play-icon {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #e20074;
    z-index: 3;
    right: 10px;
    bottom: 10px;
    border-radius: 50px;
    animation: pulse-effect 3s infinite ease-in-out;
    display: block;
}

    #xmas-new-page .video-xmas span.play-icon:before {
        content: '4';
        font-family: 'teleicon-outline' !important;
        font-size: 32px;
        top: 3px;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 18px;
        fill: white;
        font-weight: 900;
    }

#xmas-new-page .video-xmas a#section-video-play-btn {
    z-index: 3;
    color: #fff;
    text-transform: uppercase;
    font-size: 80px;
    text-decoration: none;
    background-position: right center;
    background-repeat: no-repeat;
    /* animation: pulse-effect 3s infinite ease-in-out; */
    font-family: 'teleNeo-extra' !important;
    top: 0;
    left: 0;
    position: relative;
    width: 100%;
    height: 100%;
    /* transform: translate(-50%,-50%);*/
}


@keyframes pulse-effect {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.8);
    }

    100% {
        transform: scale(1);
    }
}

#xmas-new-page .xmas-content {
    position: relative;
    width: 100%;
    height: auto;
    padding: 2% 0 11%;
}

    #xmas-new-page .xmas-content .wrapper {
        position: relative;
        z-index: 2;
        width: 85%;
        margin: 40px auto 20px;
        height: auto;
        padding: 10px 20px 40px 20px;
        text-align: center;
        box-shadow: 0 0 35px 7px #0000000d;
    }

    #xmas-new-page .xmas-content h1 {
        font-size: 34px;
        margin: 30px 0;
        font-family: 'teleNeo-extra' !important;
        z-index: 2;
    }

    #xmas-new-page .xmas-content p {
        font-size: 18px;
        line-height: 1.2;
    }

        #xmas-new-page .xmas-content p.small {
            margin: 20px 0;
            font-size: 14px;
        }

#xmas-new-page .animation-wrap {
    position: absolute;
    width: 100%;
    height: 430px;
    overflow: hidden;
    bottom: 0;
    z-index: 0;
}

#xmas-new-page svg {
    position: absolute;
    height: auto;
    width: 57%;
    right: 0;
    transform: translate(85%, 57px);
    z-index: 2;
}

    #xmas-new-page svg path {
        stroke-dasharray: 2000;
        stroke-dashoffset: 0;
        animation: dash2 4s linear;
        stroke: #e20074;
        fill: #e20074 !important;
        fill-opacity: 0;
        stroke-width: 1;
        stroke-dasharray: 1000;
        stroke-dashoffset: 0;
        -moz-animation: hello2 ease-in-out 5s infinite forwards;
        -webkit-animation: hello2 ease-in-out 5s infinite forwards;
        animation: hello2 ease-in-out 5s infinite forwards;
    }

div#xmas-modal .modal-dialog {
    width: 50%;
    height: auto;
    margin-top: 10%;
}

    div#xmas-modal .modal-dialog .modal-content {
        width: 100%;
        height: 500px;
        position: relative;
        border: 0;
    }

        div#xmas-modal .modal-dialog .modal-content .modal-body {
            padding: 0px;
        }

        div#xmas-modal .modal-dialog .modal-content .modal-body,
        div#xmas-modal .modal-dialog .modal-content .modal-video-wrapper,
        div#xmas-modal .modal-dialog .modal-content .modal-video-wrapper iframe {
            width: 100%;
            height: 100%;
            border: 0;
        }

div#xmas-modal button.close {
    position: absolute;
    right: 0;
    top: 0;
    color: white;
    opacity: 1;
    background: #e20074;
    padding: 2px 7px;
    border-radius: 50px;
    margin: 5px 5px 0 0;
}

    div#xmas-modal button.close span {
        font-size: 19px;
        font-weight: 500;
    }

@media(max-width: 767px) {
    #xmas-new-page .xmas-banner {
        height: auto;
    }

    #xmas-new-page .video-xmas {
        width: 70%;
        height: auto;
        left: 0;
        z-index: 3;
        position: relative;
        margin: 0 auto;
        bottom: -90px;
    }

    #xmas-new-page .xmas-content {
        margin-top: 50px;
    }

    #xmas-new-page .video-xmas a#section-video-play-btn:before {
        width: 30px;
        height: 30px;
        background-image: url(../content/images/xmas/play-btn.png);
        background-size: contain;
        background-position: center;
        top: 17%;
        left: 15%;
    }


    #xmas-new-page .xmas-content .wrapper {
        width: 100%;
    }

    #xmas-new-page .xmas-content h1 {
        font-size: 25px;
    }

    #xmas-new-page .xmas-content p {
        font-size: 17px;
    }

    div#xmas-modal .modal-dialog {
        width: 95%;
    }

        div#xmas-modal .modal-dialog .modal-content {
            width: 100%;
            height: 500px;
            position: relative;
            border: 0;
        }

            div#xmas-modal .modal-dialog .modal-content .modal-body {
                padding: 10px;
            }

    #xmas-new-page .animation-wrap {
        position: absolute;
        width: 100%;
        height: 190px;
        overflow: hidden;
        bottom: 0;
    }

    #xmas-new-page svg {
        width: 70%;
        right: 0;
        transform: translate(50%, 50px);
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #xmas-new-page .xmas-banner {
        padding: 6% 0;
        height: 450px;
    }

    #xmas-new-page .video-xmas {
        width: 70%;
        position: relative;
        left: 0;
        margin: 0 auto;
        bottom: -290px;
    }

    #xmas-new-page .xmas-content {
        margin-top: 25%;
    }

        #xmas-new-page .xmas-content h1 {
            font-size: 30px;
        }

    #xmas-new-page .animation-wrap {
        height: 220px;
        overflow: hidden;
        bottom: 0;
    }

    #xmas-new-page svg {
        transform: translate(80%, 0px);
        z-index: 2;
        width: 60%;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #xmas-new-page .video-xmas {
        position: absolute;
        width: 50%;
        height: 275px;
        top: 31%;
        left: 4%;
    }

    div#xmas-modal .modal-dialog {
        width: 80%;
        height: auto;
        margin-top: 10%;
    }

    #xmas-new-page .animation-wrap {
        height: 240px;
        overflow: hidden;
        bottom: 0;
    }
}
/*#endregion xMas campaign*/

.smart-table.smartPovlastenaProverka span.sign:after {
    content: '';
    position: absolute;
    background-image: url(../content/images/znakche-magenta.png);
    background-size: cover;
    width: 21px;
    height: 10px;
    right: 18px;
    top: 31px;
}

span.sign:after {
    content: '';
    position: absolute;
    background-image: url(../content/images/znakche-magenta.png);
    background-size: cover;
    width: 20px;
    height: 10px;
    right: 12px;
    top: 31px;
}

.magenta1-box span.sign {
    display: inline;
    right: -33px;
    position: absolute;
    top: -23px;
    width: 20px;
    height: 10px;
}

.magenta1-box.active span.sign:after {
    content: '';
    background-image: url(../content/images/znakche.png);
}

.side-panel-magenta1 .itemType .sign {
    position: absolute;
    top: -23px;
    left: 100px;
    width: 19px;
    height: 9px;
}

@media(min-width: 768px) and (max-width: 991px) {
    .magenta1-box span.sign {
        left: 148px;
        position: absolute;
        top: -17px;
    }
}

/*#region ultra tariff new page*/
div#ultra-tariff-new .banner {
    position: relative;
    background-image: url('../content/images/banner-ultra-tarifa.jpg');
    /* height: 450px; */
    width: 100%;
    background-position: center 13%;
    padding: 15% 0;
    background-repeat: no-repeat;
    background-size: cover;
}

div#ultra-tariff-new h1 {
    font-size: 37px;
    margin: 40px 0;
    font-family: 'teleNeo-extra' !important;
    line-height: 1.2;
}

div#ultra-tariff-new .ultra-content {
    position: relative;
    width: 90%;
    margin: 40px auto;
    text-align: left;
    box-shadow: 0 0 35px 7px #00000012;
    padding: 20px;
}

    div#ultra-tariff-new .ultra-content p,
    div#ultra-tariff-new .ultra-content ul li {
        font-size: 18px;
        line-height: 1.2;
    }

    div#ultra-tariff-new .ultra-content ul {
        margin: 30px 0;
    }

div#ultra-tariff-new .panel-group,
div#ultra-tariff-new .panel-group .panel-default,
div#ultra-tariff-new .panel-heading {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}


    div#ultra-tariff-new .panel-heading h4 {
        font-size: 21px;
        padding-bottom: 20px;
    }

        div#ultra-tariff-new .panel-heading h4 a {
            /* padding-left: 40px; */
            position: relative;
            display: block;
            color: #e20074;
        }

            div#ultra-tariff-new .panel-heading h4 a:before {
                content: 'i';
                position: relative;
                border: 2px solid #e20074;
                padding: 1px 11px;
                border-radius: 50px;
                display: inline;
                float: left;
                margin-right: 12px;
                top: -3px;
                font-size: 17px;
                left: 2px;
                font-family: 'teleNeo-extra' !important;
            }

            div#ultra-tariff-new .panel-heading h4 a:hover,
            div#ultra-tariff-new .panel-heading h4 a:focus {
                transition: all ease-in .4s;
                text-decoration: none;
            }

                div#ultra-tariff-new .panel-heading h4 a:hover:before {
                    background: #e20074;
                    color: white;
                    transition: all ease-in .4s;
                }

div#ultra-tariff-new h2 {
    font-size: 23px;
    margin: 20px 0;
    text-align: center;
}

@media(max-width: 767px) {
    div#ultra-tariff-new .banner {
        padding: 30% 0;
    }

    div#ultra-tariff-new h1 {
        font-size: 25px;
        margin: 20px 0;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#ultra-tariff-new .banner {
        padding: 30% 0;
    }

    .mobile-tariff-banner .wrapper {
        width: 50% !important;
    }

    .smart-table.smartPovlastenaProverka span.sign:after {
        content: '';
        position: relative;
        background-image: url(../content/images/znakche-magenta.png);
        background-size: cover;
        width: 21px;
        height: 10px;
        top: 0;
        display: block;
        left: 0;
        right: 0;
        text-align: center;
        background-position: center;
        margin: 0 auto;
    }
}


/*#endregion ultra tariff new page*/

/*#region iphone 13 sporedba */
div#iphone-12 .col .tel,
div#iphone-12 .col .boja {
    text-align: center !important;
}

div#iphone-12 .col .boja {
    min-height: 70px !important;
    border-bottom: 1px solid #ccc;
}

div#iphone-12 .col .tel h2 {
    font-size: 23px;
    font-family: teleNeo-bold !important;
    border-bottom: 1px solid #d2d2d7;
    padding-bottom: 20px;
}

#iphone-12 .col div.tel img {
    width: auto !important;
    height: 210px !important;
}

div#iphone-12 .col .link {
    min-height: 100px;
    border-bottom: 0;
}

#iphone-12 .col .boja img {
    width: auto !important;
    margin: 0 auto !important;
}

#iphone-12 .col .dimension,
#iphone-12 .why-iphone .five-g,
#iphone-12 .why-iphone .camera,
#iphone-12 .why-iphone .zoom,
#iphone-12 .why-iphone .scanner {
    text-align: center !important;
}

#iphone-12 .why-iphone .dimension {
    min-height: 200px !important;
}

#iphone-12 .col .dimension p {
    font-size: 60px !important;
    font-family: teleNeo-extra !important;
}

#iphone-12 .why-iphone.sporedba p span.no-info {
    position: relative;
    display: block;
    width: 100%;
    min-height: 61px;
    text-align: center;
}

#iphone-12 .why-iphone.sporedba p span {
    color: black !important;
    font-family: 'teleNeo-bold' !important;
    line-height: 1.2;
    padding-top: 5px;
    font-size: 17px;
    position: relative;
    display: block;
}

    #iphone-12 .why-iphone.sporedba p span.mh {
        min-height: 90px;
    }

    #iphone-12 .why-iphone.sporedba p span.mh2 {
        min-height: 70px;
    }

#iphone-12 .why-iphone .zoom {
    min-height: 120px !important;
}

#iphone-12 .why-iphone .five-g {
    min-height: 140px !important;
}

#iphone-12 .why-iphone .camera {
    min-height: 370px !important;
}

#iphone-12 .why-iphone.sq .camera span.no-info {
    min-height: 20px;
}

#iphone-12 .why-iphone .scanner {
    min-height: 230px !important;
}

#iphone-12 .why-iphone.sq .scanner {
    min-height: 300px !important;
}

#iphone-12 .why-iphone.sporedba .col .chip:first-of-type {
    text-align: center !important;
}

#iphone-12 .why-iphone.sporedba .col .chip {
    min-height: 370px;
    text-align: center;
}

#iphone-12 .why-iphone.sporedba .col .battery {
    min-height: 110px;
    text-align: center !important;
}

#iphone-12 .why-iphone.sporedba .col .face-id {
    min-height: 140px !important;
    text-align: center !important;
}

#iphone-12 .why-iphone.sporedba .col .glass {
    text-align: center !important;
}

#iphone-12 .why-iphone.sporedba.sq .col .glass {
    min-height: 250px !important;
}

#iphone-12 .why-iphone.sporedba .col .display {
    min-height: 700px;
}

#iphone-12 .why-iphone.sporedba.sq .col .display span.no-info {
    min-height: 60px !important;
}

#iphone-12 .why-iphone.sporedba .videozapis.border-top {
    min-height: 650px !important;
}

#iphone-12 .why-iphone.sporedba .predna-kamera.border-top {
    min-height: 720px !important;
}

#iphone-12 .why-iphone.sporedba .mreza.border-top {
    min-height: 440px !important;
}

#iphone-12 .why-iphone.sporedba .col .widgets {
    min-height: 270px !important;
    text-align: center !important;
}

#iphone-12 .why-iphone.sporedba .col .waterproof {
    min-height: 240px;
    text-align: center;
}

#iphone-12 .why-iphone.sporedba .col .kamera {
    min-height: 1000px !important;
}

    #iphone-12 .why-iphone.sporedba .col .kamera p span.no-info {
        min-height: 60px !important;
    }

        #iphone-12 .why-iphone.sporedba .col .kamera p span.no-info:last-of-type {
            min-height: 22px !important;
        }

#iphone-12 .why-iphone.sporedba.sq .col .kamera span.no-info {
    min-height: 41px !important;
}

#iphone-12 .why-iphone.sporedba.sq .col .kamera span.no-info2 {
    min-height: 60px !important;
    text-align: center;
}

#iphone-12 .why-iphone.sporedba.sq .col .kamera span.mh {
    min-height: 60px !important;
}

#iphone-12 .why-iphone.sporedba .videozapis {
    min-height: 1110px !important;
}

    #iphone-12 .why-iphone.sporedba .videozapis span.no-info {
        min-height: 82px;
    }

#iphone-12 .why-iphone.sporedba.sq .videozapis span.no-info {
    min-height: 60px;
}

#iphone-12 .why-iphone.sporedba .predna-kamera {
    min-height: 1390px !important;
}

#iphone-12 .why-iphone.sporedba.sq .predna-kamera {
    min-height: 1220px !important;
}

#iphone-12 .why-iphone.sporedba .predna-kamera span.no-info {
    min-height: 82px;
}

#iphone-12 .why-iphone.sporedba.sq .predna-kamera span.no-info {
    min-height: 58px;
}


#iphone-12 .why-iphone.sporedba .mreza {
    min-height: 740px !important;
}

#iphone-12 .why-iphone.sporedba .applepay {
    min-height: 360px !important;
}

#iphone-12 .why-iphone.sporedba.sq .applepay {
    min-height: 390px !important;
}

#iphone-12 .why-iphone.sporedba .videopovici {
    min-height: 440px !important;
}

#iphone-12 .why-iphone.sporedba.sq .videopovici {
    min-height: 390px !important;
}

#iphone-12 .why-iphone.sporedba .audiopovici {
    min-height: 490px !important;
}

#iphone-12 .why-iphone.sporedba .reprodukcija-video {
    min-height: 120px !important;
}

#iphone-12 .why-iphone.sporedba .siri {
    min-height: 350px !important;
}

#iphone-12 .why-iphone.sporedba .baterija {
    min-height: 700px !important;
}

#iphone-12 .why-iphone.sporedba .senzori {
    min-height: 320px !important;
}

    #iphone-12 .why-iphone.sporedba .senzori span.no-info {
        min-height: 40px !important;
    }

#iphone-12 .why-iphone.sporedba .sim-kartichka {
    min-height: 290px !important;
}

#iphone-12 .foosnote {
    background: #f5f5f7;
    font-size: 16px;
    line-height: 1.2;
    padding: 20px 0;
}

    #iphone-12 .foosnote p {
        display: list-item;
        list-style-type: auto;
        list-style-position: outside;
    }

    #iphone-12 .foosnote .text-wrap {
        padding: 20px 40px;
    }
/*#endregion iphone 13 sporedba */
/*#region telekommk new design 2021*/
#telekommk-app-new-2021 .telekommk-app-banner {
    position: relative;
    background-image: url(../content/images/telekommk-app-new/header-bg.jpg);
    background-position: center;
    height: 680px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

#telekommk-app-new-2021 .container {
    position: relative;
    height: 100%;
}

#telekommk-app-new-2021 .telekommk-app-banner .wrapper {
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 100%;
}

    #telekommk-app-new-2021 .telekommk-app-banner .wrapper .phone-img {
        position: relative;
        width: 310px;
        left: 0;
    }

#telekommk-app-new-2021 .telekommk-app-banner .right {
    position: relative;
}

    #telekommk-app-new-2021 .telekommk-app-banner .right .naslov {
        margin-bottom: 30px;
    }

    #telekommk-app-new-2021 .telekommk-app-banner .right h1 {
        color: white;
        font-size: 38px;
        text-transform: none;
        font-family: 'teleNeo-regular' !important;
    }

        #telekommk-app-new-2021 .telekommk-app-banner .right h1 span {
            font-family: 'teleNeo-bold' !important;
        }

    #telekommk-app-new-2021 .telekommk-app-banner .right h2 {
        color: white;
        font-size: 22px;
    }

#telekommk-app-new-2021 .telekommk-app-banner .prezemi-app {
    position: relative;
    width: 100%;
}

    #telekommk-app-new-2021 .telekommk-app-banner .prezemi-app .qr-code {
        position: relative;
        display: inline-flex;
        flex-wrap: nowrap;
        align-content: flex-end;
        justify-content: flex-start;
        align-items: flex-end;
        width: 90px;
        width: 100%;
        margin-bottom: 20px;
    }

        #telekommk-app-new-2021 .telekommk-app-banner .prezemi-app .qr-code p {
            color: white;
            font-size: 20px;
            line-height: 1.2;
            margin: 0;
            padding-left: 20px;
        }

#telekommk-app-new-2021 .telekom-mk-app-mobIcons a img {
    width: 120px;
    height: auto;
}

#telekommk-app-new-2021 section {
    position: relative;
    height: 500px;
    margin: 30px 0;
}

#telekommk-app-new-2021 .shape {
    border-bottom: 0;
    transition: none;
    width: 100%;
}

#telekommk-app-new-2021 section .wrap {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

    #telekommk-app-new-2021 section .wrap > div {
        position: relative;
        height: 100%;
        width: 25%;
    }

#telekommk-app-new-2021 .shape-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
}

#telekommk-app-new-2021 .right-side {
    right: 20%;
}

#telekommk-app-new-2021 .left-side {
    left: 20%;
}

#telekommk-app-new-2021 .left-shape {
    left: 0;
    height: 100%;
    width: 50%;
}

#telekommk-app-new-2021 section .shape-wrap:before {
    content: '';
    position: absolute;
    background-image: url(../content/images/telekommk-app-new/shape-1.png);
    background-size: cover;
    width: 650px;
    height: 333px;
    top: -190px;
    left: 0;
    z-index: 3;
    background-repeat: no-repeat;
    background-position: left top;
}

#telekommk-app-new-2021 section.second-section .shape-wrap:before {
    background-image: url(../content/images/telekommk-app-new/shape-2.png);
    right: 0;
    left: initial;
    z-index: 3;
    background-position: left top;
    height: 400px;
    width: 675px;
}

#telekommk-app-new-2021 section.third-section .shape-wrap:before {
    background-image: url(../content/images/telekommk-app-new/shape-3.png);
    left: 0;
    background-position: left top;
    height: 331px;
    width: 640px;
}

#telekommk-app-new-2021 section.fourth-section .shape-wrap:before {
    background-image: url(../content/images/telekommk-app-new/shape-4.png);
    right: 0;
    background-position: left top;
    left: inherit;
    height: 380px;
    width: 635px;
}

#telekommk-app-new-2021 section.fifth-section .shape-wrap:before {
    background-image: url(../content/images/telekommk-app-new/shape-5.png);
    left: 0;
    background-position: left top;
    width: 630px;
    height: 342px;
}

#telekommk-app-new-2021 section.sixth-section .shape-wrap:before {
    background-image: url(../content/images/telekommk-app-new/shape-6.png);
    right: 0;
    background-position: left top;
    left: initial;
    width: 635px;
    height: 400px;
}

#telekommk-app-new-2021 section.seventh-section .shape-wrap:before {
    background-image: url(../content/images/telekommk-app-new/shape-7.png);
    left: 0;
    background-position: left top;
    width: 623px;
    height: 327px;
}

#telekommk-app-new-2021 section.eight-section .shape-wrap:before {
    background-image: url(../content/images/telekommk-app-new/shape-8.png);
    right: 0;
    background-position: left top;
    left: initial;
    height: 380px;
    width: 635px;
}

#telekommk-app-new-2021 right-text,
#telekommk-app-new-2021 .left-text {
    position: relative;
}

    #telekommk-app-new-2021 .right-text h3,
    #telekommk-app-new-2021 .left-text h3 {
        color: #333;
        font-size: 35px;
        margin-bottom: 20px;
        font-family: 'teleNeo-thin' !important;
    }

        #telekommk-app-new-2021 .right-text h3 span,
        #telekommk-app-new-2021 .left-text h3 span {
            font-size: 27px;
            line-height: 1.2;
            display: block;
        }

    #telekommk-app-new-2021 .right-text p,
    #telekommk-app-new-2021 .left-text p {
        color: black;
        font-size: 19px;
        font-family: 'teleNeo-regular' !important;
        line-height: 1.2;
        min-height: 260px;
    }


    #telekommk-app-new-2021 .left-text a {
        margin: 10px 0;
        border: 1px solid #e20074;
        font-size: 18px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

#telekommk-app-new-2021 .right-text a {
    right: 0;
    margin: 10px 0;
    border: 1px solid #e20074;
    font-size: 18px;
    position: absolute;
    bottom: 0;
}

#telekommk-app-new-2021 .gray-bg {
    position: relative;
    background: #f2f2f2;
    padding: 20px 0px;
}

#telekommk-app-new-2021 #telekommk-appCollapse {
    position: relative;
    margin-bottom: 0;
}

    #telekommk-app-new-2021 #telekommk-appCollapse .panel-default {
        position: relative;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none;
    }

    #telekommk-app-new-2021 #telekommk-appCollapse .panel-heading {
        padding: 0;
        width: 40px;
        height: 40px;
        margin: 0 auto;
        position: relative;
        background: transparent;
        border: 0 !important;
    }

        #telekommk-app-new-2021 #telekommk-appCollapse .panel-heading h4 {
            padding: 0;
            width: 100%;
            height: 100%;
        }

            #telekommk-app-new-2021 #telekommk-appCollapse .panel-heading h4 a {
                color: #333;
            }

                #telekommk-app-new-2021 #telekommk-appCollapse .panel-heading h4 a i {
                    position: relative;
                    width: 100%;
                    height: 100%;
                    margin: 0 auto;
                    overflow: hidden;
                    top: -25px;
                }

    #telekommk-app-new-2021 #telekommk-appCollapse a .icon-arrow-down:before {
        content: '$';
        position: absolute;
        font-family: 'teleIcon-outline';
        font-size: 40px;
        top: 0;
        z-index: 4;
        left: 0px;
        right: 0;
        margin: 0 auto;
        width: 50px;
        height: 50px;
        background: #e20074;
        color: white;
        border-radius: 50px;
        letter-spacing: 40px;
        line-height: 55px;
        padding-left: 10px;
        animation: pulse 2s infinite;
        transition: all ease-in .5s;
    }

    #telekommk-app-new-2021 #telekommk-appCollapse a.collapsed.icon-arrow-down:before {
        content: '$';
        position: absolute;
        font-family: 'teleIcon-outline';
        font-size: 40px;
        top: 0;
        z-index: 4;
        left: 0px;
        right: 0;
        margin: 0 auto;
        width: 50px;
        height: 50px;
        background: #e20074;
        color: white;
        border-radius: 50px;
        letter-spacing: 40px;
        line-height: 55px;
        padding-left: 10px;
        animation: pulse 2s infinite;
        transition: all ease-in .5s;
    }

    #telekommk-app-new-2021 #telekommk-appCollapse .panel-body {
        padding: 0;
        border: 0;
        box-shadow: none;
    }

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 #e20074ad;
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px #e2007438;
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 #e2007400;
    }
}

@media (max-width: 767px) {
    #telekommk-app-new-2021 .telekommk-app-banner {
        height: 450px;
        background: #e20074;
        padding: 20px 0;
    }

        #telekommk-app-new-2021 .telekommk-app-banner .wrapper {
            display: block;
            position: relative;
        }

            #telekommk-app-new-2021 .telekommk-app-banner .wrapper .left {
                display: none;
            }

        #telekommk-app-new-2021 .telekommk-app-banner .right {
            transform: none;
        }

        #telekommk-app-new-2021 .telekommk-app-banner .prezemi-app .qr-code {
            align-items: center;
        }

    #telekommk-app-new-2021 section {
        height: auto;
    }

        #telekommk-app-new-2021 section .wrap {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
            align-content: space-between;
            border-bottom: 1px solid #ccc;
            padding: 20px 0;
        }

            #telekommk-app-new-2021 section .wrap > div {
                width: 100%;
                display: block;
            }

    #telekommk-app-new-2021 .right-side {
        right: 0
    }

    #telekommk-app-new-2021 .left-side {
        left: 0;
    }

    #telekommk-app-new-2021 .right-side,
    #telekommk-app-new-2021 .left-side {
        padding: 0 20px;
    }

    #telekommk-app-new-2021 .shape-wrap {
        height: 200px;
    }

    #telekommk-app-new-2021 section .shape-wrap:before {
        position: absolute;
        background-size: contain !important;
        width: 100% !important;
        height: 180px !important;
        top: 0 !important;
    }

    #telekommk-app-new-2021 section .right-shape .shape-wrap:before {
        left: initial !important;
        right: 0 !important;
        background-position: right;
    }

    #telekommk-app-new-2021 section .left-shape .shape-wrap:before {
        left: 0 !important;
        right: initial !important;
        background-position: left;
    }

    #telekommk-app-new-2021 .right-text a {
        right: 20px;
    }

    #telekommk-app-new-2021 .left-text a {
        left: 20px;
    }

    #telekommk-app-new-2021 .gray-bg {
        background: transparent;
        padding: 0px 0px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #telekommk-app-new-2021 section .shape-wrap:before {
        background-size: contain;
        width: 390px !important;
        height: 290px !important;
    }

    #telekommk-app-new-2021 section .right-shape .shape-wrap:before {
        right: 0;
        background-position: right;
    }

    #telekommk-app-new-2021 section .wrap > div {
        width: 40%;
    }

    #telekommk-app-new-2021 .left-side {
        left: 5%;
    }

    #telekommk-app-new-2021 .right-side {
        right: 5%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #telekommk-app-new-2021 section .shape-wrap:before {
        width: 552px !important;
        height: 290px !important;
        background-size: contain;
    }

    #telekommk-app-new-2021 section .right-shape .shape-wrap:before {
        right: 0;
        left: initial;
        background-position: right;
    }

    #telekommk-app-new-2021 section .wrap > div {
        position: relative;
        height: 100%;
        width: 30%;
    }

    #telekommk-app-new-2021 .left-side {
        left: 10%;
    }

    #telekommk-app-new-2021 .right-side {
        right: 10%;
    }
}
/*#endregion telekommk new design 2021*/


/*#region user profile*/
div#user-profile {
    background: transparent linear-gradient(180deg, #C5D2DCF7 0%, #CACDD500 100%) 0% 0% no-repeat padding-box;
    opacity: 0.9;
    position: relative;
    padding: 4% 0 10%;
}

    div#user-profile h1 {
        padding-bottom: 0;
        color: black;
        font-size: 27px;
        line-height: 1.2;
        margin: 0px 0 60px !important;
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
        text-align: center;
    }

    div#user-profile .table-responsive {
        margin: 10px 0;
        overflow: visible;
        position: relative;
        padding-top: 20px;
        z-index: 3;
    }

        div#user-profile .table-responsive:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/order-status/shape.png);
            background-position: top right;
            background-repeat: no-repeat;
            width: 260px;
            height: 260px;
            background-size: contain;
            right: 0;
            top: -90px;
            z-index: -1;
            overflow: visible;
        }

    div#user-profile table {
        width: 100% !important;
        display: block;
        overflow-x: auto;
        border-collapse: separate;
        border-spacing: 0 15px;
        display: table;
        background-color: transparent;
    }

        div#user-profile table * {
            font-size: 17px !important;
            line-height: 1.2;
        }

        div#user-profile table thead tr {
            border-bottom: 1px solid #ccc;
        }

        div#user-profile table tbody {
            border: 0 !important;
            box-shadow: none;
        }

            div#user-profile table tbody:last-of-type tr {
                border-bottom: 0 !important;
            }

        div#user-profile table thead th {
            font-family: 'teleNeo-bold' !important;
            white-space: normal;
            word-break: break-word;
            line-height: 1;
            font-size: 18px !important;
            padding: 10px 15px 10px !important;
            background: transparent !important;
        }

        div#user-profile table tbody td,
        div#user-profile table thead th {
            padding: 20px 15px;
            border: 0 !important;
            box-shadow: none !important;
            font-size: 18px !important;
        }

        div#user-profile table tr td:first-of-type {
            padding-left: 40px !important;
            position: relative;
        }

            div#user-profile table tr td:first-of-type:before {
                content: '';
                position: absolute;
                background-image: url(../content/images/order-status/icon-content-calendar-default.svg);
                width: 18px;
                height: 100%;
                background-repeat: no-repeat;
                background-position: center top;
                background-size: contain;
                left: 14px;
            }


        div#user-profile table tr td.order-details span {
            display: block;
        }

            div#user-profile table tr td.order-details span + span,
            div#user-profile table tr td.order-details span + span + span {
                position: relative;
                color: #a8a6a6;
                line-height: 1.1 !important;
                display: inline;
            }

        div#user-profile table tr td:last-of-type {
            text-align: right;
            padding-right: 25px;
        }

        div#user-profile table tbody td a {
            color: #e20074;
            text-decoration: none;
            display: block;
        }

        div#user-profile table tbody tr {
            background: rgb(255,255,255);
            box-shadow: 0px 0px 80px rgba(0, 0, 0, .09);
            -webkit-box-shadow: 0px 0px 80px rgba(0, 0, 0, .09);
            -moz-box-shadow: 0px 0px 80px rgba(0, 0, 0, .09);
            transition: all ease-in .3s;
        }

            div#user-profile table tbody tr:hover {
                box-shadow: 0px 0px 80px rgba(0, 0, 0, .15);
                -webkit-box-shadow: 0px 0px 80px rgba(0, 0, 0, .15);
                -moz-box-shadow: 0px 0px 80px rgba(0, 0, 0, .15);
                transition: all ease-in .3s;
            }

    div#user-profile .no-orders-wrapper {
        position: relative;
        width: 40%;
        margin: 90px auto 0;
        text-align: center;
        font-size: 18px;
        box-shadow: 0 0 30px 7px rgba(119, 119, 119, .1);
        padding: 30px 0;
    }

        div#user-profile .no-orders-wrapper:before {
            font-family: 'IonIcons' !important;
            color: rgba(0, 0, 0, .4);
            font-size: 77px;
            width: 100%;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            text-align: right;
        }

@media (max-width: 767px) {
    div #user-profile table {
        display: block;
        overflow-y: hidden;
    }

    div#user-profile h1 {
        margin: 50px 0 30px !important;
    }

    div#user-profile .table-responsive:before {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    div #user-profile table {
        display: table;
    }
}

/*#endregion user profile*/

/*#region bottom links prepaid en*/
div#prepaid-bottom-links {
    position: relative;
    width: 100%;
    height: 70px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin: 20px auto;
}

    div#prepaid-bottom-links a {
        display: inline-flex;
        justify-content: flex-start;
        align-items: center;
        width: 20%;
        height: 100%;
        padding: 10px;
        margin: 0 10px;
        box-shadow: 0 1px 3px rgba(0, 0, 0,.10);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0,.10);
        margin-bottom: 15px;
    }

        div#prepaid-bottom-links a p {
            color: black;
            display: block;
            line-height: 1.2;
            transition: all ease-in .3s;
        }

        div#prepaid-bottom-links a span {
            width: auto;
            height: auto;
            position: relative;
            margin-right: 10px;
        }

            div#prepaid-bottom-links a span img {
                width: auto;
                height: 100%;
            }

            div#prepaid-bottom-links a span svg {
                position: relative;
                width: 35px;
                height: 100%;
                top: 3px;
            }

        div#prepaid-bottom-links a:hover {
            text-decoration: none;
        }

            div#prepaid-bottom-links a:hover p {
                color: #e20074;
                transition: all ease-in .3s;
            }

@media(max-width: 767px) {
    div#prepaid-bottom-links {
        height: auto;
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }

        div#prepaid-bottom-links a {
            width: 100%;
            height: 100%;
            padding: 10px;
            margin: 10px 10px;
        }
}
/*#endregion bottom links prepaid en*/


/*#region virtuelen disk*/
div.ict-integrated .main-banner {
    position: relative;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

div #virtuelen-disk .main-banner {
    background-image: url('../content/images/virtuelen-disk/virtuelen-disk-main-banner.jpg');
}

div.ict-integrated .main-banner:before {
    content: '';
    position: absolute;
    width: 45%;
    height: 100%;
    bottom: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
    left: 0;
}

div.ict-integrated .btn-wrapper {
    position: relative;
    margin: 10px auto 70px;
    width: 50%;
    text-align: center;
}

    div.ict-integrated .btn-wrapper a.btn-magenta {
        margin: 10px;
    }

div#virtuelen-disk .main-banner:before {
    content: '';
    position: absolute;
    background-image: url(../content/images/virtuelen-disk/shape-banner.png);
    width: 45%;
}

div#virtuelen-disk .main-banner .header {
    width: 25%;
}

div.ict-integrated .main-banner .header {
    position: absolute;
    width: 37%;
    bottom: 0;
    z-index: 3;
}



    div.ict-integrated .main-banner .header h1 {
        color: white;
        font-size: 38px;
        font-family: 'teleNeo-bold' !important;
        margin: 30px 0 45px;
        text-transform: none;
    }



div.ict-integrated section.content {
    position: relative;
    padding: 9% 0 2%;
    background: transparent linear-gradient(180deg, rgba(202, 207, 220, .3) 0%, rgba(202, 207, 220, .4) 100%) 0% 0% no-repeat padding-box;
    height: 400px;
}

    div.ict-integrated section.content .wrap.white {
        position: absolute;
        width: 90%;
        margin: 0 auto;
        background: white;
        height: auto;
        left: 0;
        right: 0;
        padding: 40px 30px;
        min-height: 570px;
    }

#virtuelen-disk #tab-3 .text-wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    #virtuelen-disk #tab-3 .text-wrap ul {
        width: 50% !important;
        display: inline-block !important;
        margin-bottom: 0;
    }

        #virtuelen-disk #tab-3 .text-wrap ul li {
            position: relative;
            width: 100%;
            background-color: transparent;
            box-shadow: none;
            margin: 0;
            padding: 0 20px 20px;
        }

.ict-integrated .linkovi {
    position: relative;
    width: 50%;
    display: flex;
    margin: 30px auto;
    justify-content: center;
    align-items: center;
}

div.ict-integrated section.content h2 {
    position: relative;
    width: 520px;
    text-align: center;
    margin: 0 auto 30px auto;
    background-color: black;
    color: white;
    text-transform: uppercase;
    font-size: 40px;
    padding: 20px;
    transform: skew(30deg);
    bottom: 40px;
}

    div.ict-integrated section.content h2 span {
        transform: skew(-30deg) !important;
        font-family: 'teleNeo-extra' !important;
        position: relative;
        transform: skewX( 25deg );
        position: relative;
        display: block;
        font-family: 'teleNeo-extra' !important;
    }

div.ict-integrated .tab-wrapper ul {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto 50px auto;
    border: 0;
    width: 90%;
}

    div.ict-integrated .tab-wrapper ul li {
        padding: 30px 20px;
        background-color: rgba(150, 150, 150, .45);
        box-shadow: 0 0 35px 7px rgba(0, 0, 0, .12);
        border-radius: 8px;
        width: 30%;
        text-align: center;
        font-size: 18px;
        position: relative;
        transition: all ease-in .3s;
        cursor: pointer;
        line-height: 1.2;
    }

        div.ict-integrated .tab-wrapper ul li.active {
            background-color: white;
            transition: all ease-in .3s;
        }

            div.ict-integrated .tab-wrapper ul li.active:before {
                content: '';
                position: absolute;
                width: 75%;
                height: 3px;
                background: #e20074;
                top: 0;
                left: 0;
                right: 0;
                margin: 0 auto;
                transition: all ease-in .3s;
            }

div#virtuelen-disk section.last-sec ul.nav li.active a:before,
div#virtuelen-disk section.last-sec ul.nav li.active a:after {
    content: '';
    display: none;
}

div.ict-integrated section.last-sec ul.nav li.active {
    color: #e20074;
    cursor: default;
    background-color: transparent;
    border: none;
    font-family: 'teleNeo-medium' !important;
}

div.ict-integrated section.last-sec ul.nav li {
    width: auto;
    text-align: center;
    text-transform: uppercase;
    margin-right: 25px;
    z-index: 2;
    background: transparent;
    box-shadow: none;
    padding: 10px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    div.ict-integrated section.last-sec ul.nav li.active:before {
        color: #000;
        cursor: default;
        border: none;
        border-bottom: none;
        background: none;
        box-shadow: 0 23px 89px #3e3e3e1c;
        height: 2px;
        background: #e20074;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    div.ict-integrated section.last-sec ul.nav li.active:after {
        color: #000;
        cursor: default;
        border: none;
        border-bottom: none;
        background: #fff 0% 0% no-repeat padding-box;
        box-shadow: 0 23px 89px #3e3e3e1c;
        height: 2px;
        background: #e20074;
        content: '';
        position: absolute;
        right: -24px;
        top: 12px;
        width: 30px;
        border-bottom: 1px solid #e20074;
        transform: rotate(55deg);
    }

div#virtuelen-disk section.last-sec ul.nav li.active a:before,
div#virtuelen-disk section.last-sec ul.nav li.active a:after {
    content: '';
    display: none;
}

div.ict-integrated .video {
    width: 50%;
    margin: 0 auto;
    height: 350px;
    position: relative;
    border-radius: 17px;
}

    div.ict-integrated .video .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        cursor: pointer;
    }

        div.ict-integrated .video .overlay:before {
            content: '';
            position: absolute;
            background: #000;
            height: 100%;
            width: 100%;
            opacity: .87;
            border-radius: 17px;
            left: 0;
            right: 0;
        }

        div.ict-integrated .video .overlay:after {
            content: '';
            position: absolute;
            background-image: url(../content/images/ict-office-365/play.svg);
            background-size: contain;
            background-position: center;
            width: 30px;
            height: 30px;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            z-index: 3;
        }

    div.ict-integrated .video iframe {
        width: 100%;
        height: 100%;
        border-radius: 8px;
    }

div#myTabContent-ict,
div#myTabContent-ict2 {
    position: relative;
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    width: 85%;
    margin: 0 auto;
}

    div#myTabContent-ict .text-wrap ul li {
        text-align: left;
    }



.data-centar .wrapper {
    width: 90%;
    margin: 0 auto;
    padding-top: 25px;
}



    .data-centar .wrapper .data {
        height: 500px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 30px 136px #0000001a;
        border-radius: 5px;
        position: relative;
        top: 125px;
    }

.data .tabs-data {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
}

    .data .tabs-data .naslov {
        display: flex;
        justify-content: center;
        align-items: center;
        background: black;
        color: #fff;
        position: relative;
        top: -45px;
        width: 420px;
        height: 90px;
    }

        .data .tabs-data .naslov h2 {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
            margin: 0;
        }

.data-tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: black;
    cursor: default;
    background-color: #fff;
    border: none;
    border-bottom-color: none;
}

.data-tabs #nav-link {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.data-tabs li.active:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 80%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #E20074
}


.data-tabs .nav-tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-top: 5px;
    border-bottom: none !important;
    gap: 20px;
    height: 100%;
    margin: 0 150px 0 150px;
}

    .data-tabs .nav-tabs > li {
        text-align: center;
        margin-bottom: -1px;
        width: 25%;
        height: 100px;
        gap: 79px;
        width: 100%;
        height: 100px;
        background: #EFEFF3 0% 0% no-repeat padding-box;
        border-radius: 10px;
        font-size: 18px;
    }



.data-tabs .presentation {
    background: #EFEFF3 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
}



.data-tabs .nav-tabs > li > a {
    height: 100%;
    width: 100%;
    text-align: center;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.data-tabs .nav-tabs li a {
    color: #000000;
    border-radius: 10px;
}

.tab-content #data-hosting {
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 50px;
}

.tab-content #za-kogo {
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 50px;
    margin: 0 300px 0 300px;
}

    .tab-content #za-kogo p {
        padding-top: 15px;
    }

.tab-content #karakteristiki {
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 50px;
    margin: 0 250px 0 250px;
}


.tab-content #pridobivki {
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 50px;
}


#data-hosting .data-icons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding-top: 15px;
}

#karakteristiki .karak-left {
    width: 50%;
    float: left;
}

    #karakteristiki .karak-left p {
        margin-left: 33%;
        text-align: left;
    }

#karakteristiki .karak-right {
    width: 50%;
    float: right;
    text-align: left;
}

#karakteristiki span {
    color: #E00274;
}



#pridobivki .pridobivki-left {
    width: 50%;
    float: left;
}

    #pridobivki .pridobivki-left p {
        margin-left: 33%;
        text-align: left;
    }

#pridobivki .pridobivki-right {
    width: 50%;
    float: right;
    text-align: left;
}

#pridobivki span {
    color: #E00274;
}


.tabs-upatstva #kontent {
    font-size: 18px;
    position: relative;
    overflow: hidden;
}


.tabs-upatstva #za-kogo p {
    color: #707070;
}

/*#region antonija*/


.specifikacija {
    background: transparent url(../content/images/virtuelen-disk/bg-section4.png) 0% 0% no-repeat padding-box;
    background-position: center;
    background-size: cover;
    background-color: #f3f3f3;
    height: auto;
    width: 100%;
    padding: 25% 0 4%;
}

    .specifikacija .container {
        position: relative;
        top: 200px;
    }

    .specifikacija h2 {
        font-size: 32px;
        text-align: center;
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
    }

    .specifikacija .ceni-specifikacija {
        max-width: 600px;
        display: block;
        margin: 0px auto;
        padding: 30px 0px 0px 10px;
    }

    .specifikacija .column-wrapper {
        position: relative;
        display: block;
        padding: 0px;
        overflow: hidden;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }

    .specifikacija .column {
        position: relative;
        z-index: 1;
        width: 20%;
        margin: 30px;
        text-align: center;
    }

    .specifikacija .column-inner {
        padding: 20px 50px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 46px #00000024;
        min-height: 320px;
        background-color: #fff;
        z-index: 1;
        transition: all 200ms ease-in;
        transform: scale(0.98);
    }

        .specifikacija .column-inner:hover {
            transform: scale(1);
            transition: all 200ms ease-in;
        }

        .specifikacija .column-inner h3 {
            text-align: center;
            border-bottom: 1px solid #eee;
            padding: 10px 0px;
            font-weight: normal;
            font-size: 18px;
            font-family: 'teleNeo-medium' !important;
            line-height: 1.2;
        }

            .specifikacija .column-inner h3 > span {
                font-size: 30px;
                font-weight: 600;
            }

    .specifikacija p.text-magenta {
        color: #E00274;
        font-size: 28px;
        font-weight: 600;
        text-align: center;
        padding-top: 15px;
        line-height: 20px;
    }

    .specifikacija span.disk-space {
        color: #000000;
        font-size: 14px;
        font-weight: normal;
        opacity: 0.6;
    }


    .specifikacija .hdp-price-body {
        display: block;
        width: 50%;
        font-size: 12px;
    }

    .specifikacija .hdp-price.standarden-paket {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }

    .specifikacija .hdp-price-left.hdp-price-top {
        font-size: 30px;
    }

        .specifikacija .hdp-price-left.hdp-price-top span {
            font-family: 'teleNeo-bold' !important;
        }

    .specifikacija span.price-den {
        display: inline-block;
        border-bottom: 1px solid;
    }

    .specifikacija .wrap-class {
        background-color: rgba(0, 0, 0, .14);
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 10px;
        left: 0;
    }

.ict-integrated .last-sec .container-fluid {
    background: #FFFFFF 0% 0% no-repeat padding-box;
}

.ict-integrated .last-sec .wrapper {
    position: relative;
    padding-top: 60px;
    /*background-image: url(../content/images/virtuelen-disk/magenta-triangles.png);*/
    box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    padding-top: 25px;
    height: auto;
    margin-top: 80px;
    margin-bottom: 80px;
    min-height: 350px;
}

    .ict-integrated .last-sec .wrapper:before {
        content: '';
        position: absolute;
        background-image: url('../content/images/virtuelen-disk/q-a-shape-1.png');
        width: 160px;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        right: 0;
        background-position: right bottom;
        top: 0;
        z-index: 0;
    }

    .ict-integrated .last-sec .wrapper:after {
        content: '';
        position: absolute;
        background-image: url(../content/images/virtuelen-disk/q-a-shape-2.png);
        width: 160px;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        right: 0;
        background-position: right top;
        top: 0;
        z-index: 0;
    }

.ict-integrated .last-sec .nav-tabs {
    border-bottom: none;
}

    .ict-integrated .last-sec .nav-tabs > li {
        width: auto;
        text-align: center;
        text-transform: uppercase;
        margin-right: 25px;
        z-index: 2;
    }

.ict-integrated .last-sec .nav {
    padding-left: 0px;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    margin: 30px 0;
}

.ict-integrated .last-sec .nav-tabs > li.active > a:before {
    color: black;
    cursor: default;
    border: none;
    border-bottom: none;
    background: none;
    box-shadow: 0px 23px 89px #3e3e3e1c;
    height: 2px;
    background: #e20074;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.ict-integrated .last-sec .nav-tabs > li.active > a,
.ict-integrated .nav-tabs > li.active > a:focus,
.ict-integrated .nav-tabs > li.active > a:hover {
    color: rgba(0, 0, 0, .6) !important;
    cursor: default;
    background-color: transparent;
    border: none;
    border-bottom-color: none;
}

.ict-integrated .last-sec .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.2;
    border: unset;
    border-radius: 4px 4px 0 0;
    color: rgba(0, 0, 0, .6);
    font-family: 'teleNeo-medium' !important;
    font-size: 20px;
}

.ict-integrated .nav > li > a:focus,
.ict-integrated .nav > li > a:hover {
    text-decoration: none;
    background-color: none;
    border: unset;
}

.ict-integrated .last-sec a:focus, a:hover {
    color: black;
}

.ict-integrated .last-sec .nav > li > a:focus, #virtuelen-disk .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #E20574;
    border: unset;
}

.ict-integrated .last-sec #prashanja {
    font-weight: 600;
}

.ict-integrated .last-sec .tab-content .tab-pane.active {
    overflow: hidden;
    background: none;
    margin: 0 auto;
    text-align: center;
    padding: 60px;
    font-size: 15px;
}

.ict-integrated .last-sec div#tehnologija .wrap {
    width: 50%;
    margin: 0 auto;
    font-size: 18px;
}

.ict-integrated .last-sec #prashanja .wrap {
    width: 78%;
    margin: 0 auto;
}

    .ict-integrated .last-sec #prashanja .wrap .panel-default {
        border: 0;
        box-shadow: none;
        background: transparent;
    }

        .ict-integrated .last-sec #prashanja .wrap .panel-default.visible {
            display: block !important;
        }

        .ict-integrated .last-sec #prashanja .wrap .panel-default .panel-body {
            padding: 0;
        }

            .ict-integrated .last-sec #prashanja .wrap .panel-default .panel-body p {
                font-size: 18px;
            }

        .ict-integrated .last-sec #prashanja .wrap .panel-default:nth-child(1) .panel-heading {
            border-top: 0;
        }

    .ict-integrated .last-sec #prashanja .wrap .panel-group {
        text-align: left;
    }

    .ict-integrated .last-sec #prashanja .wrap .panel-heading {
        background-color: transparent;
        border-top: 1px solid #e5e5e5;
        padding: 0;
    }

        .ict-integrated .last-sec #prashanja .wrap .panel-heading .panel-title {
            padding: 0;
        }

            .ict-integrated .last-sec #prashanja .wrap .panel-heading .panel-title a {
                font-size: 19px;
                display: block;
                padding: 25px 35px 25px 0;
                text-decoration: none;
                position: relative;
                z-index: 2;
            }

                .ict-integrated .last-sec #prashanja .wrap .panel-heading .panel-title a:after {
                    content: ']$';
                    font-family: 'teleicon-outline';
                    position: absolute;
                    color: #e20074;
                    font-size: 22px;
                    top: 40px;
                    right: 20px;
                    margin: auto;
                    transform: rotateZ(-180deg);
                    transition-property: transform;
                    transition-duration: .25s;
                }

                .ict-integrated .last-sec #prashanja .wrap .panel-heading .panel-title a.collapsed:after {
                    content: ']$';
                    font-family: 'teleicon-outline';
                    position: absolute;
                    color: #e20074;
                    font-size: 22px;
                    top: 32px;
                    right: 20px;
                    margin: auto;
                    transform: rotateZ(0deg);
                    transition-property: transform;
                    transition-duration: .25s;
                }

.ict-integrated .last-sec .linkovi-za-upatstvo a {
    color: #949CA8;
    text-decoration: none;
}

    .ict-integrated .last-sec .linkovi-za-upatstvo a:hover {
        color: #949CA8;
        text-decoration: none;
    }

.ict-integrated .last-sec .linkovi-za-upatstvo {
    padding: 18px;
    font-size: 19px;
    color: #949CA8;
}


.panel-group .panel {
    margin-bottom: 0;
    border-radius: unset;
}

.last-sec .panel-body {
    color: #6E6E6E;
    font-weight: normal;
    font-size: 14px;
}

.last-sec .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: black;
    font-weight: 500;
}

.panel-default {
    border: unset;
    background-image: none;
    background-color: #fff;
    border-bottom: 1px solid #949CA8;
}

    .panel-default > .panel-heading {
        background-image: none;
        border: unset;
        background-color: #fff;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border: unset;
        }

#prashanja a:focus, a:hover {
    color: black;
    text-decoration: none;
}

.last-sec .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: unset;
    border-bottom-color: unset;
}

    .last-sec .nav-tabs > li.active > a:after {
        color: black;
        cursor: default;
        border: none;
        border-bottom: none;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 23px 89px #3e3e3e1c;
        height: 2px;
        background: #e20074;
        content: '';
        position: absolute;
        right: -24px;
        top: 12px;
        width: 30px;
        border-bottom: 1px solid #e20074;
        transform: rotate(55deg);
    }

p.tab-text {
    margin: 0 auto;
    width: 50%;
}

/*#endregion antonija*/
@media(min-width: 320px) and (max-width: 374px) {
    #m1-business-new {
        padding-bottom: 85%;
    }

    div #virtuelen-disk .main-banner:before {
        width: 100%;
        height: 50%;
        background-size: cover;
    }

    div#virtuelen-disk .main-banner .header h1 {
        font-size: 22px;
        margin: 30px 20px 10px !important;
    }
}

@media (min-width: 320px) and (max-width: 520px) {
    div#business-s-tab {
        margin-top: 20px;
    }

    #business-tarifi-new .ec {
        right: -10px;
        top: -80px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {

    #m1-business-new .main-banner .text-promo {
        padding: 10px 15px 0;
    }

    #m1-business-new .main-banner .ec {
        top: -35px;
        right: 20px;
        width: 80%;
    }
}


@media (min-width: 320px) and (max-width: 400px) {
    #m1-business-new .main-banner:before {
        width: 100%;
    }

    #m1-business-new .main-banner .text-promo {
        width: 100%;
    }

    .ict-integrated .last-sec .nav-tabs > li a {
        font-size: 12px !important;
        text-transform: none;
        padding: 10px !important;
    }

    .ict-integrated section.last-sec p {
        font-size: 16px !important;
    }

    .ict-integrated .last-sec .panel-title a {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    #m1-business-new .main-banner:before {
        display: none;
    }

    #m1-business-new .main-banner .text-promo .logo-img {
        padding-bottom: 5px;
    }

    #m1-business-new .main-banner .text-promo {
        width: 100%;
        justify-content: flex-end;
        display: flex;
        bottom: 0;
        height: auto;
        background: #e20074;
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 15px;
        margin-left: 0;
    }

        #m1-business-new .main-banner .text-promo img {
            width: 30%;
        }

    #m1-business-new .main-banner h1 {
        font-size: 22px;
        margin: 0 0 15px;
    }

    #m1-business-new .main-banner h2 {
        font-size: 19px;
        margin-bottom: 0;
    }

    #m1-business-new .main-banner h1 span {
        font-size: 22px;
    }

    #m1-business-new .main-banner .small {
        display: none;
    }

    div.ict-integrated .video {
        width: 100%;
        height: auto;
    }

    div #virtuelen-disk .main-banner {
        background-position: center;
    }

        div #virtuelen-disk .main-banner:before {
            width: 100%;
            height: 60%;
            background-size: cover;
            background-position: 0 0px !important;
        }

        div#virtuelen-disk .main-banner .header {
            width: 90%;
        }

            div#virtuelen-disk .main-banner .header h1 {
                font-size: 22px;
                font-family: 'teleNeo-bold' !important;
                margin: 30px 20px 30px;
            }

    #virtuelen-disk #tab-3 .text-wrap ul {
        width: 100% !important;
    }

    div#virtuelen-disk section.content h2 {
        position: relative;
        width: 80%;
        text-align: center;
        margin: 0 auto 30px auto;
        background-color: black;
        color: white;
        text-transform: uppercase;
        font-size: 28px;
        bottom: 40px;
    }

    div#virtuelen-disk section.content {
        height: auto;
        position: relative;
    }

        div#virtuelen-disk section.content .wrapper.gray {
            height: 100%;
            top: 20%;
            position: relative;
            max-height: initial;
        }

        div#virtuelen-disk section.content .wrap.white {
            position: relative;
            height: 100%;
        }

    .specifikacija {
        padding: 8% 0 4%;
    }

        .specifikacija h2 {
            font-size: 28px;
            font-family: 'teleNeo-extra' !important;
        }

    .ict-integrated div#myTabContent-ict {
        width: 100%;
        margin: 0 auto;
    }

    .ict-integrated div.dc-tab_content {
        position: relative;
        padding: 0 20px;
    }

    .ict-integrated h3 {
        color: #333;
        padding: 20px;
        text-align: left;
        margin: 10px 20px;
        background: #eee;
        border-radius: 8px;
        font-size: 19px;
    }

        .ict-integrated h3.dc-active {
            background: #e20074;
            color: white !important;
        }

    #virtuelen-disk #tab-3 .text-wrap {
        flex-direction: column;
    }

    #virtuelen-disk .linkovi {
        position: relative;
        width: 100%;
        display: flex;
    }

    .data-tabs .nav-tabs {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        position: relative;
        padding-top: 5px;
        border-bottom: none !important;
        gap: 20px;
        height: 100%;
        width: 80%;
        margin: 0 auto;
    }

    .data-centar .wrapper .data {
        height: auto;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 30px 136px #0000001a;
        border-radius: 5px;
        position: relative;
        top: 125px;
    }


    #data-hosting {
        margin: 20px;
    }

        #data-hosting .data-icons {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 10px;
            padding-top: 15px;
            padding-bottom: 20px;
        }


    .tab-content #za-kogo {
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding-top: 50px;
        margin: 0 auto;
        padding-bottom: 20px;
    }



    .tab-content #karakteristiki {
        text-align: left;
        width: 100%;
        margin-left: 0;
        padding-bottom: 20px;
    }

    #karakteristiki .karak-left {
        float: unset;
        width: 100%;
        margin-left: 15px;
    }

    #karakteristiki .karak-right {
        float: unset;
        width: 100%;
        margin-left: 15px;
    }

    #karakteristiki .karak-left p {
        margin-left: unset;
        text-align: unset;
    }


    .tab-content #pridobivki {
        text-align: left;
        width: 100%;
        margin-left: 0;
        padding-bottom: 20px;
    }

    #pridobivki .pridobivki-left {
        float: unset;
        width: 100%;
        padding: 0px 15px;
    }

    #pridobivki .pridobivki-right {
        float: unset;
        width: 100%;
        padding: 0px 15px;
    }

    #pridobivki .pridobivki-left p {
        margin-left: unset;
        text-align: unset;
    }

    .data-centar .wrapper {
        padding-top: 0;
    }

    .data .tabs-data .naslov {
        display: flex;
        justify-content: center;
        align-items: center;
        background: black;
        color: #fff;
        position: relative;
        top: -45px;
        width: 330px;
        height: 90px;
    }

    #welcome .intro .shape:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/virtuelen-disk/shape-banner.png);
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        background-size: cover;
        background-position: left bottom;
        background-repeat: no-repeat;
    }

    p.tab-text {
        margin: 0 auto;
        width: 100%;
    }

    .tab-content #data-hosting {
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 0px;
    }


    /*/*antonija*/


    .specifikacija .column-wrapper {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-bottom: 10px;
    }

    .specifikacija .column-inner {
        padding: 20px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 33px #00000024;
        min-height: 320px;
        background-color: #fff;
        z-index: 1;
        transition: all 200ms ease-in;
        transform: scale(1);
    }

    .specifikacija .column {
        position: relative;
        z-index: 1;
        width: 80%;
        margin: 15px;
        text-align: center;
    }

    .last-sec .container-fluid {
        background: transparent;
    }

    .last-sec .container {
        position: relative;
        background: transparent url(../content/images/virtuelen-disk/magenta-triangles.jpg) 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 46px #00000024;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        width: 100%;
        margin-top: 80px;
        margin-bottom: 80px;
        padding: 15px 0px;
    }

    .last-sec .nav-tabs > li :focus-visible {
        outline: unset;
    }



    .last-sec .linkovi-za-upatstvo {
        padding: 18px 0px;
        font-size: 12px;
    }

    #virtuelen-disk .last-sec .nav {
        padding-left: 0px;
        list-style: none;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        margin: 30px 0;
    }

    .last-sec .nav-tabs > li {
        width: 30% !important;
        text-align: center;
        text-transform: uppercase;
        display: flex;
        flex-direction: column;
        font-size: 16px;
        margin-right: 0 !important;
        border: 0;
        margin: 0 auto;
    }

        .last-sec .nav-tabs > li a {
            font-size: 16px !important;
            padding: 10px !important;
        }

    .ict-integrated .last-sec .nav-tabs > li.active > a:after {
        display: none;
    }

    .ict-integrated .last-sec .tab-content .tab-pane.active {
        padding: 30px;
    }

    .ict-integrated .last-sec div#tehnologija .wrap,
    .ict-integrated .last-sec #prashanja .wrap {
        width: 100%;
    }

    .ict-integrated .last-sec .wrapper:before,
    .ict-integrated .last-sec .wrapper:after {
        width: 100px;
    }

    #virtuelen-disk section.last-sec .wrapper .nav li {
        width: 30% !important;
    }

        #virtuelen-disk section.last-sec .wrapper .nav li.active:after {
            display: none;
        }

    #virtuelen-disk .btn-wrapper {
        width: 100% !important;
    }

    #virtuelen-disk .last-sec .linkovi-za-upatstvo {
        padding: 18px 0;
    }

    #virtuelen-disk .last-sec .tab-content .tab-pane.active {
        padding: 30px 10px;
    }

    #virtuelen-disk section.last-sec .panel-group {
        padding: 0 10px;
    }

    div#virtuelen-disk .tab-wrapper #tab-2 .col-sm-3 div {
        text-align: center;
        margin: 30px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #m1-business-new .main-banner h1 {
        font-size: 30px;
    }

    #m1-business-new .main-banner h2 {
        font-size: 25px;
    }

    #m1-business-new .main-banner h1 span {
        font-size: 26px;
    }

    #m1-business-new .main-banner .text-promo {
        width: 40%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        padding-left: 0;
        bottom: 0px;
    }

        #m1-business-new .main-banner .text-promo img {
            width: 45%;
        }

    #m1-business-new .main-banner .ec {
        width: 190px;
        top: 20px;
        right: 30%;
    }

    h4#loginName {
        padding-top: 0;
    }

    div#virtuelen-disk .main-banner {
        background-position: center;
    }

        div#virtuelen-disk .main-banner:before {
            width: 60%;
            height: 100%;
            bottom: 0;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: left bottom;
            left: 0;
        }

        div#virtuelen-disk .main-banner .header {
            position: absolute;
            width: 37%;
        }

            div#virtuelen-disk .main-banner .header h1 {
                font-size: 27px;
                margin: 30px 0 12px;
            }

    div#virtuelen-disk .tab-wrapper ul#myTab-ict li {
        padding: 20px 10px;
    }

    #virtuelen-disk #tab-3 .text-wrap {
        flex-direction: column;
    }

    ul.t-ul-new-magenta li {
        font-size: 17px;
        margin-left: 0;
    }

    .ict-integrated .specifikacija {
        padding: 7% 0 4%;
    }

    div#virtuelen-disk section.content {
        height: auto;
    }

        div#virtuelen-disk section.content .wrap.white {
            min-height: inherit;
            position: relative;
        }

    .ict-integrated .last-sec .nav-tabs > li > a {
        font-size: 18px;
    }

    div#virtuelen-disk section.content {
        padding: 15% 0 2%;
    }

    #virtuelen-disk #tab-3 .text-wrap ul {
        width: 100% !important;
    }

    #virtuelen-disk section.last-sec ul.nav li {
        width: 28% !important;
        margin: 0 auto;
    }

    .ict-integrated .last-sec .wrapper:after {
        width: 110px;
    }
}


@media(min-width: 992px) and (max-width: 1199px) {
    #m1-business-new .main-banner {
        background-position: 60%;
        background-size: cover;
    }

        #m1-business-new .main-banner:before {
            width: 55%;
            padding-left: 0;
        }

        #m1-business-new .main-banner .text-promo {
            padding-left: 0;
            padding-bottom: 50px;
            margin-left: 0px;
        }

        #m1-business-new .main-banner .ec {
            top: 40px;
            right: 15%;
        }

        #m1-business-new .main-banner .b2b-juni-promocija-2024 .text-promo .ec {
            width: 120px;
            right: -130px;
            top: 70px;
        }

        #m1-business-new .main-banner h1 {
            font-size: 46px;
        }

        #m1-business-new .main-banner h2 {
            font-size: 30px;
        }

        #m1-business-new .main-banner:before {
            width: 65%;
        }

    div #virtuelen-disk .main-banner {
        background-position: center;
    }

        div #virtuelen-disk .main-banner:before {
            width: 50%;
            background-size: contain;
            background-position: bottom;
        }

        div#virtuelen-disk .main-banner .header {
            position: absolute;
            width: 30%;
        }

            div#virtuelen-disk .main-banner .header h1 {
                font-size: 27px;
                margin: 30px 0 10px;
            }

    div#virtuelen-disk .specifikacija {
        padding: 38% 0 4%;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {


    div#virtuelen-disk section.content .wrapper.white {
        top: 20%;
        height: auto;
    }



    .data-tabs .nav-tabs {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        position: relative;
        padding-top: 5px;
        border-bottom: none !important;
        gap: 20px;
        height: 100%;
        width: 80%;
        margin: 0 auto;
    }

    .data-centar .wrapper .data {
        height: auto;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 30px 136px #0000001a;
        border-radius: 5px;
        position: relative;
        top: 125px;
    }


    #data-hosting {
        margin: 20px;
    }

        #data-hosting .data-icons {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 10px;
            padding-top: 25px;
            padding-bottom: 60px;
        }


    .tab-content #za-kogo {
        text-align: center;
        padding-top: 50px;
        margin: 0 auto;
        padding-bottom: 20px;
        overflow: hidden;
    }



    .tab-content #karakteristiki {
        text-align: left;
        width: 100%;
        margin-left: 0;
        padding-bottom: 20px;
    }

    #karakteristiki .karak-left {
        float: unset;
        width: 100%;
        padding: 0px 80px;
    }

    #karakteristiki .karak-right {
        float: unset;
        width: 100%;
        padding: 0px 80px;
    }

    #karakteristiki .karak-left p {
        margin-left: unset;
        text-align: unset;
    }


    .tab-content #pridobivki {
        text-align: left;
        width: 100%;
        margin-left: 0;
        padding-bottom: 20px;
    }

    #pridobivki .pridobivki-left {
        float: unset;
        width: 100%;
        padding: 0px 80px;
    }

    #pridobivki .pridobivki-right {
        float: unset;
        width: 100%;
        padding: 0px 80px;
    }

    #pridobivki .pridobivki-left p {
        margin-left: unset;
        text-align: unset;
    }

    .data-centar .wrapper {
        padding-top: 0;
    }

    .data .tabs-data .naslov {
        display: flex;
        justify-content: center;
        align-items: center;
        background: black;
        color: #fff;
        position: relative;
        top: -45px;
        width: 80%;
        height: 90px;
    }


    p.tab-text {
        margin: 0 auto;
        width: 80%
    }


    /*/*antonija*/


    .specifikacija .column-wrapper {
        position: relative;
        display: block;
        padding: 0px 0px;
        overflow: hidden;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0 auto;
    }

    .specifikacija .column-inner {
        padding: 20px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 33px #00000024;
        min-height: 320px;
        background-color: #fff;
        z-index: 1;
        transition: all 200ms ease-in;
        transform: scale(1);
    }

    .specifikacija .column {
        position: relative;
        z-index: 1;
        width: 30%;
        margin: 30px 30px;
        text-align: center;
    }

    .ict-integrated .last-sec .wrapper {
        background-position: right center;
    }

    .last-sec .container {
        position: relative;
        background: none;
        box-shadow: 0px 3px 46px #00000024;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        width: 100%;
        margin-top: 80px;
        margin-bottom: 80px;
        padding: 50px;
    }

    .last-sec .nav-tabs > li {
        width: auto;
        text-align: center;
        text-transform: uppercase;
        display: flex;
        flex-direction: column;
    }

        .last-sec .nav-tabs > li :focus-visible {
            outline: unset;
        }

    .ict-integrated .last-sec #prashanja .wrap {
        width: 100%;
        margin: 0 auto;
    }

    .ict-integrated .last-sec div#tehnologija .wrap {
        width: 80%;
    }

    .last-sec .linkovi-za-upatstvo {
        padding: 18px 0px;
        font-size: 12px;
    }
}

@media(min-width: 1200px) and (max-width: 1350px) {
    div #virtuelen-disk .main-banner {
        background-position: left;
    }

        div #virtuelen-disk .main-banner:before {
            background-size: contain;
            background-repeat: no-repeat;
            background-position: bottom right;
            left: 0;
        }

        div#virtuelen-disk .main-banner .header h1 {
            font-size: 35px;
            margin: 30px 0 20px;
        }

    div#virtuelen-disk section.content .wrapper.white {
        height: 570px;
    }

    .specifikacija {
        padding: 29% 0 4%;
    }
}

/*#end region antonija*/

@media (min-width: 1550px) {
    .data-centar .wrapper {
        width: 50%;
        margin: 0 auto;
        padding-top: 25px;
    }

    div#virtuelen-disk .main-banner:before {
        width: 45%;
        background-size: cover;
    }

    div#virtuelen-disk .main-banner .header {
        width: 25%;
        padding-bottom: 3%;
    }

    #welcome .intro .shape:before {
        content: '';
        position: absolute;
        background-image: url(shape-banner.png);
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        background-size: cover;
        background-position: left bottom;
        background-repeat: no-repeat;
    }

    #welcome .intro .shape h2 {
        margin-left: 200px;
        position: absolute;
        bottom: 71px;
        color: #fff;
        text-align: left;
        font-size: 45px;
    }
}


/*#endregion virtuelen disk*/
/*#endregion virtuelen disk*/
/*#region 5g*/



div#five-g-page {
    position: relative;
}

div#five-g-page-video .video-banner {
    position: relative;
    width: 100%;
}

    div#five-g-page-video .video-banner iframe {
        width: 100%;
        height: 100%;
    }

    div#five-g-page-video .video-banner video {
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        display: block;
    }

    div#five-g-page-video .video-banner .arrow-animation {
        box-shadow: 0 0 35px 7px rgba(0, 0,0, .15);
        bottom: -59px;
        position: absolute;
        width: 110px;
        z-index: 3;
        margin: 0 auto;
        left: 0;
        right: 0;
        background: white;
        border-radius: 50%;
        height: 110px;
    }

        div#five-g-page-video .video-banner .arrow-animation lottie-player {
            margin: 0 auto;
        }

        div#five-g-page-video .video-banner .arrow-animation:before {
            content: '';
            position: absolute;
            width: 140px;
            height: 140px;
            border: 1px solid rgba(255, 255, 255, .4);
            border-radius: 50%;
            background: transparent;
            left: -15px;
            right: 0;
            margin: 0 auto;
            top: -15px;
            animation-name: stretch;
            animation-duration: 3.0s;
            animation-timing-function: ease-out;
            animation-direction: alternate;
            animation-iteration-count: infinite;
            animation-play-state: running;
        }

        div#five-g-page-video .video-banner .arrow-animation:after {
            content: '';
            position: absolute;
            width: 180px;
            height: 180px;
            border: 1px solid rgba(255, 255, 255, .4);
            border-radius: 50%;
            background: transparent;
            left: -36px;
            right: 0;
            margin: 0 auto;
            top: -32px;
            animation-name: stretch;
            animation-duration: 4.0s;
            animation-timing-function: ease-out;
            animation-direction: alternate;
            animation-iteration-count: infinite;
            animation-play-state: running;
        }

div#five-g-page section.what-is-5g {
    background: transparent radial-gradient(closest-side at 27% 50%, #FFFFFF 0%, #CACFDC 100%) 0% 0% no-repeat padding-box;
    position: relative;
    width: 100%;
    height: auto;
    padding: 70px 0;
}

    div#five-g-page section.what-is-5g .wrapper {
        width: 95%;
        margin-left: 5%;
    }

        div#five-g-page section.what-is-5g .wrapper:first-of-type {
            position: relative;
            min-height: 550px;
        }

            div#five-g-page section.what-is-5g .wrapper:first-of-type .img-side {
                position: absolute;
                width: 70%;
                right: 0;
            }

            div#five-g-page section.what-is-5g .wrapper:first-of-type .text-side {
                width: 50%;
            }

div#five-g-page .wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 0 auto;
}

div#five-g-page h1 {
    font-size: 78px;
    font-family: 'teleNeo-bold' !important;
    color: #000000;
    margin-bottom: 60px;
    position: relative;
    min-height: 115px;
}

div#five-g-page h2 {
    font-size: 52px;
    font-family: 'teleNeo-bold' !important;
    color: #000000;
    margin-bottom: 60px;
    position: relative;
    min-height: 95px;
}

    div#five-g-page h2:after {
        content: '';
        position: absolute;
        width: 25px;
        height: 8px;
        background: #e20074;
        left: 5px;
        bottom: 0;
    }

div#five-g-page p {
    font-size: 22px;
    line-height: 1.2;
    min-height: 60px;
}

div#five-g-page .what-is-5g .text-side {
    width: 65%;
}

div#five-g-page section.what-is-5g .text-side p {
    margin-right: 20%;
}

div#five-g-page section.what-is-5g .img-side {
    position: relative;
    width: 50%;
    text-align: right;
}

    div#five-g-page section.what-is-5g .img-side img {
        position: relative;
        z-index: 2;
    }


div#five-g-page .what-is-5g .wrapper:last-of-type .text-side {
    margin-left: 90px;
}

div#five-g-page .what-is-5g .wrapper:last-of-type .img {
    text-align: center;
}

div#five-g-page .what-is-5g .img lottie-player {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

div#five-g-page .img-wrap {
    margin-bottom: 60px;
    position: relative;
    min-height: 185px;
}

    div#five-g-page .img-wrap:after {
        content: '';
        position: absolute;
        width: 25px;
        height: 8px;
        background: #e20074;
        left: 5px;
        bottom: 0;
    }


div#five-g-page section.adventages {
    position: relative;
    background-color: black;
    color: white;
    padding: 0 0 70px 0;
}

    div#five-g-page section.adventages svg {
        overflow: visible;
        position: relative;
        width: auto;
        height: auto;
    }

    div#five-g-page section.adventages rect#mask5 {
        animation: progressBar1 5s ease-in-out infinite;
        animation-fill-mode: forwards;
        position: relative;
        height: 100%;
        position: absolute;
    }

    div#five-g-page section.adventages g#_4g-m {
        animation: progressBar1 15s ease-in-out infinite;
        animation-fill-mode: forwards;
        position: relative;
        position: absolute;
    }

    div#five-g-page section.adventages rect#mask3 {
        animation: progressBar1 35s ease-in-out infinite;
        animation-fill-mode: forwards;
        position: relative;
        position: absolute;
    }

    div#five-g-page section.adventages .numbers > div {
        width: 30%;
        height: 100%;
        min-height: 350px;
        position: relative;
    }

        div#five-g-page section.adventages .numbers > div:after {
            content: '';
            position: absolute;
            height: 130px;
            width: 1px;
            background: rgba(204, 204, 204, .3);
            bottom: 0;
        }

    div#five-g-page section.adventages .numbers .image {
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
    }

    div#five-g-page section.adventages .numbers .count {
        position: absolute;
        bottom: 0;
        padding-left: 20px;
        font-size: 35px;
        line-height: 26px;
    }

        div#five-g-page section.adventages .numbers .count:after {
            content: '%';
            position: relative;
        }

    div#five-g-page section.adventages .numbers .five-g .image {
        background-image: url(../content/images/5g-images/5g-m.png);
        width: 300px;
        height: 240px !important;
    }

    div#five-g-page section.adventages .numbers .four-g .image {
        background-image: url(../content/images/5g-images/4g-m.png);
        width: 270px;
        height: 190px !important;
    }

    div#five-g-page section.adventages .numbers .three-g .image {
        background-image: url(../content/images/5g-images/3g-m.png);
        width: 225px;
        height: 170px !important;
    }

    div#five-g-page section.adventages .numbers .image:before {
        content: '';
        position: absolute;
        top: 0;
        height: auto;
        width: 100%;
        background-size: cover;
        background-position: top center !important;
        background-repeat: no-repeat;
    }

    div#five-g-page section.adventages.start .numbers .five-g .image:before {
        background-image: url(../content/images/5g-images/5g.png);
        animation: progressBar1 5s ease;
    }

    div#five-g-page section.adventages.start .numbers .four-g .image:before {
        background-image: url(../content/images/5g-images/4g.png);
        animation: progressBar1 16s ease;
    }

    div#five-g-page section.adventages.start .numbers .three-g .image:before {
        background-image: url(../content/images/5g-images/3g.png);
        animation: progressBar1 250s ease;
    }

@keyframes counter {
    0% {
        counter-increment: count 0;
    }

    10% {
        counter-increment: count 10;
    }

    20% {
        counter-increment: count 20;
    }

    30% {
        counter-increment: count 30;
    }

    40% {
        counter-increment: count 40;
    }

    50% {
        counter-increment: count 50;
    }

    60% {
        counter-increment: count 60;
    }

    70% {
        counter-increment: count 70;
    }

    80% {
        counter-increment: count 80;
    }

    90% {
        counter-increment: count 90;
    }

    100% {
        counter-increment: count 100;
    }
}

@keyframes progressBar1 {
    100% {
        height: 0;
    }

    0% {
        height: 100%;
    }
}

@keyframes stretch {
    0% {
        transform: scale(.7);
        background-color: rgba(255,255,255, .4);
        border-radius: 100%;
    }

    50% {
        background-color: rgba(255,255,255, .3);
    }

    100% {
        transform: scale(1.3);
        background-color: rgba(255,255,255, .2);
    }
}

div#five-g-page section.adventages .img-bg {
    position: relative;
    background-image: url(../content/images/5g-images/magenta-vr.png);
    padding: 0% 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    height: auto;
}

div#five-g-page section.adventages .wrapper.block {
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: space-between;
}

    div#five-g-page section.adventages .wrapper.block div {
        width: 50%;
        position: relative;
    }

    div#five-g-page section.adventages .wrapper.block lottie-player {
        width: 100% !important;
        height: 100%;
    }

    div#five-g-page section.adventages .wrapper.block .text-wrap {
        top: 50px;
    }

    div#five-g-page section.adventages .wrapper.block h2 {
        color: white;
        width: 390px;
        min-height: 180px;
    }

        div#five-g-page section.adventages .wrapper.block h2:after {
            content: '';
            position: absolute;
            width: 25px;
            height: 8px;
            background: white;
            left: 5px;
            bottom: 0;
        }


    div#five-g-page section.adventages .wrapper.block p {
        font-weight: 500 !important;
        opacity: .6;
    }

div#five-g-page section.adventages > .wrapper {
    display: block !important;
}

div#five-g-page section.adventages .numbers {
    position: relative;
    margin-top: 50px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
    height: auto;
    padding: 2% 0;
}


div#five-g-page .magenta-bg {
    position: relative;
    background: radial-gradient(circle at 150% -100%,#e00074 10%, #70003a 100%);
    padding: 5% 0;
    color: white;
}



    div#five-g-page .magenta-bg .text-wrap {
        width: 40% !important;
    }

    div#five-g-page .magenta-bg .map-wrap {
        position: relative;
        width: 60%;
    }

        div#five-g-page .magenta-bg .map-wrap svg {
            position: relative;
            left: 0;
            width: 100%;
        }





            div#five-g-page .magenta-bg .map-wrap svg #dots #finished g#pulse circle {
                animation: pulse2 3s linear infinite;
            }

@keyframes pulse2 {
    0% {
        r: 13px;
        fill-opacity: .7;
    }

    30% {
        r: 17px;
        fill-opacity: .6;
    }

    50% {
        r: 20px;
        fill-opacity: .5;
    }

    70% {
        r: 24px;
        fill-opacity: .4;
    }

    100% {
        r: 27px;
        fill-opacity: 0;
    }
}

div#five-g-page .magenta-bg h3 {
    font-size: 26px;
    font-family: 'teleNeo-regular' !important;
    line-height: 1.2;
}

div#five-g-page .magenta-bg h4 {
    font-size: 52px;
    color: white;
    line-height: 1.1;
    font-family: 'teleNeo-bold' !important;
}

div#five-g-page .magenta-bg .legend {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    bottom: 40px;
}

    div#five-g-page .magenta-bg .legend > div {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        width: 170px;
        position: relative;
    }

    div#five-g-page .magenta-bg .legend .planned-state:before {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        border: 2px solid white;
        border-radius: 50%;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    div#five-g-page .magenta-bg .legend .planned-state span {
        padding-left: 35px;
    }

    div#five-g-page .magenta-bg .legend .inProgress-state span {
        padding-left: 15px;
    }

div#five-g-page section.possibilities {
    position: relative;
    background: transparent radial-gradient(closest-side at 27% 50%, #FFFFFF 0%, #CACFDC 100%) 0% 0% no-repeat padding-box;
    padding: 5% 0;
}

    div#five-g-page section.possibilities:after {
        content: '';
        position: absolute;
        background-image: url(../content/images/5g-images/shape-lines.png);
        background-size: contain;
        background-position: right bottom;
        background-repeat: no-repeat;
        width: 35%;
        height: 400px;
        bottom: -25%;
        right: 0;
        z-index: 3;
    }

    div#five-g-page section.possibilities .text-wrap {
        width: 45%;
    }

    div#five-g-page section.possibilities .img-wrap {
        width: 60%;
        text-align: center;
    }

        div#five-g-page section.possibilities .img-wrap:after {
            content: '';
            display: none;
        }

    div#five-g-page section.possibilities .text-wrap p {
        font-family: 'teleNeo-regular' !important;
        font-weight: 500 !important;
        margin-bottom: 50px;
    }

div#five-g-page section.video-slider {
    position: relative;
    background: #0D0D0D 0% 0% no-repeat padding-box;
    color: white;
    padding: 5% 0;
}

    div#five-g-page section.video-slider .wrapper {
        display: block !important;
    }

    div#five-g-page section.video-slider h3 {
        text-align: center;
        font-size: 52px;
        line-height: 1.1;
        font-family: 'teleNeo-bold' !important;
    }

        div#five-g-page section.video-slider h3 span {
            font-family: 'teleNeo-bold' !important;
        }

    div#five-g-page section.video-slider .header-icon {
        width: 150px;
        margin: 0 auto;
        text-align: center;
        height: 150px;
        position: relative;
    }

    div#five-g-page section.video-slider .wrapper {
        display: block;
        width: 100%;
    }

    div#five-g-page section.video-slider .header-icon lottie-player {
        position: relative;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

    div#five-g-page section.video-slider .slides {
        /* display: flex;*/
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        margin: 30px auto;
    }

        /*div#five-g-page section.video-slider .slides .slick-list,
        div#five-g-page section.video-slider .slides .slick-track {
            width: 100% !important;
            padding: 0 !important;
            overflow: hidden;
            margin: 0 auto;*/
        /* display: flex;*/
        /*align-items: flex-end;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            transform: translate(0px, 0px) !important;
        }*/

        div#five-g-page section.video-slider .slides
        div#five-g-page section.video-slider .slick-slide {
            transform: scale(1.1);
        }

    div#five-g-page section.video-slider .slick-slide.slick-center {
        transform: scale(.8);
    }

    div#five-g-page section.video-slider .slides h4 {
        color: white;
        font-size: 30px;
        font-family: 'teleNeo-medium' !important;
        padding-left: 60px;
        position: relative;
        text-align: center;
        width: 200px;
        margin: 30px auto;
    }



        div#five-g-page section.video-slider .slides h4:before {
            content: '';
            position: absolute;
            width: 50px;
            height: 50px;
            background-size: contain;
            background-repeat: no-repeat;
            left: 0;
            top: 0;
        }

    div#five-g-page section.video-slider .slides .gaming h4:before {
        background-image: url(../content/images/5g-images/game.svg);
    }


    div#five-g-page section.video-slider .slides .medicine h4:before {
        background-image: url(../content/images/5g-images/medical.svg);
    }

    div#five-g-page section.video-slider .slides .music h4:before {
        background-image: url(../content/images/5g-images/music.svg);
    }

    div#five-g-page section.video-slider .slides .industry h4:before {
        background-image: url(../content/images/5g-images/industry.svg);
    }

    div#five-g-page section.video-slider .medicine,
    div#five-g-page section.video-slider .music,
    div#five-g-page section.video-slider .gaming,
    div#five-g-page section.video-slider .industry {
        position: relative;
        height: 350px;
        margin: 10px auto;
        transition: all ease-in-out .2s;
        -webkit-transition: all ease-in-out .2s;
        -moz-transition: all ease-in-out .2s;
        transform: scale(0.9);
    }

        div#five-g-page section.video-slider .medicine:hover,
        div#five-g-page section.video-slider .music:hover,
        div#five-g-page section.video-slider .gaming:hover,
        div#five-g-page section.video-slider .industry:hover {
            transform: scale(1);
            overflow: visible;
            transition: all ease-in-out .2s;
            -webkit-transition: all ease-in-out .2s;
            -moz-transition: all ease-in-out .2s;
        }

    div#five-g-page section.video-slider .video,
    div#five-g-page section.video-slider .video iframe {
        border-radius: 10px !important;
        width: 100%;
        height: 240px;
    }

        div#five-g-page section.video-slider .video iframe {
            position: relative;
            z-index: 9;
        }

            div#five-g-page section.video-slider .video iframe button.ytp-large-play-button.ytp-button,
            div#five-g-page section.video-slider .video iframe .ytp-chrome-top.ytp-show-cards-title,
            div#five-g-page section.video-slider .video iframe a.ytp-impression-link {
                display: none !important;
            }

div#five-g-page .vremenska-ramka {
    position: relative;
    background: black;
    padding: 110px 0 70px;
    background-image: url(../content/images/5g-images/timeframe-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

div#five-g-page section.vremenska-ramka h2 {
    color: white !important;
    min-height: 110px;
}

    div#five-g-page section.vremenska-ramka h2:after {
        content: '';
        position: absolute;
        width: 25px;
        height: 8px;
        background: white;
        left: 5px;
        bottom: 0;
    }

div#five-g-page .vremenska-ramka .wrapper {
    display: block !important;
}

div#five-g-page div#timelapse-carousel {
    position: relative;
    width: 100%;
    overflow: visible;
    margin: 90px 0 20px;
}

div#five-g-page .vremenska-ramka ul.slick-dots {
    position: relative;
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

    div#five-g-page .vremenska-ramka ul.slick-dots li {
        width: 320px;
    }



div#five-g-page div#timelapse-carousel .slick-track {
    position: relative;
    margin: 0 auto;
}

div#five-g-page div#timelapse-carousel .slick-list.draggable {
    padding: 0 !important;
    overflow: visible;
}

div#five-g-page div#timelapse-carousel .slide-box {
    position: relative;
    width: 370px;
    min-height: 220px;
    left: 0 !important;
    margin-right: 60px;
    text-align: left;
}

    div#five-g-page div#timelapse-carousel .slide-box:first-of-type:after {
        content: '';
        position: absolute;
        height: 70px;
        width: 1px;
        top: 60%;
        background: rgba(238, 238, 238, .13);
    }

    div#five-g-page div#timelapse-carousel .slide-box .date p {
        color: rgba(255, 255, 255, .75);
        font-size: 19px !important;
        font-family: 'teleNeo-regular' !important;
        font-weight: 500 !important;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
    }

        div#five-g-page div#timelapse-carousel .slide-box .date p.text-magenta {
            font-family: 'teleNeo-medium' !important;
            font-size: 18px !important;
            letter-spacing: 2px;
        }

div#five-g-page .vremenska-ramka ul.slick-dots:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(238, 238, 238, .13);
    top: 18px;
    left: 16px;
}

div#five-g-page .vremenska-ramka ul.slick-dots li button {
    text-indent: -9999999px;
    background: transparent;
    box-shadow: none;
    border-radius: 50%;
    padding: 0px 7px;
    border: 1px solid #e20074;
    box-shadow: 0 0 13px 7px rgba(226, 0, 116,.49);
    animation: pulse-effect 3s infinite ease-in-out;
    -webkit-animation: pulse-effect 3s infinite ease-in-out;
}

div#five-g-page .vremenska-ramka ul.slick-dots li.slick-active button {
    background: #e20074;
    box-shadow: 0 0 12px 9px rgba(226, 0, 116, .5);
}

div#five-g-page div#timelapse-carousel .slick-arrow {
    position: absolute;
    right: 0px;
    background: transparent;
    display: inline-block !important;
    top: -50px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .5);
    width: 45px;
    height: 45px;
    /*    box-shadow: 0 0 23px 5px rgba(255, 255, 255, .17);*/
}

div#five-g-page div#timelapse-carousel button.slick-prev.slick-arrow {
    right: 60px;
    position: absolute;
}

    div#five-g-page div#timelapse-carousel button.slick-prev.slick-arrow:before {
        content: '';
        position: absolute;
        width: 130px;
        background: linear-gradient(45deg, transparent, rgba(255, 255, 255,.5));
        height: 1px;
        left: -150px;
        top: 54%;
    }

    div#five-g-page div#timelapse-carousel button.slick-prev.slick-arrow:after {
        content: '%';
        font-family: 'teleicon-outline' !important;
        color: rgba(255, 255, 255, .4);
        font-size: 23px;
        font-weight: 300;
        top: 17%;
        bottom: 0;
        margin: auto;
        left: -2px;
        right: 0;
        position: relative;
        width: 100%;
        height: 100%;
    }

div#five-g-page div#timelapse-carousel button.slick-next.slick-arrow:after {
    content: '%';
    font-family: 'teleicon-outline' !important;
    color: rgba(255, 255,255,.93);
    font-size: 23px;
    font-weight: 300;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 40px;
    transform: scale(-1);
}

div#five-g-page section.bottom-section {
    position: relative;
    background: transparent radial-gradient(closest-side at 27% 50%, #FFFFFF 0%, #CACFDC 100%) 0% 0% no-repeat padding-box;
    padding: 3% 0;
}

    div#five-g-page section.bottom-section .wrapper:first-of-type {
        margin-bottom: 0;
        width: 95%;
        margin-left: 5%;
        min-height: 550px;
    }

    div#five-g-page section.bottom-section .wrapper .text-wrap {
        width: 45%;
        margin-right: 5%;
    }

    div#five-g-page section.bottom-section .img-wrap {
        position: absolute;
        right: -2%;
        width: 40%;
        top: 0;
        bottom: 0;
        margin: auto 0;
    }

        div#five-g-page section.bottom-section .img-wrap:after {
            content: '';
            display: none !important;
        }

    div#five-g-page section.bottom-section .wrapper div p {
        font-family: 'teleNeo-regular' !important;
        font-weight: 500 !important;
        margin-bottom: 20px;
    }

    div#five-g-page section.bottom-section .wrapper:last-of-type > div {
        width: 50%;
    }

    div#five-g-page section.bottom-section .wrapper:last-of-type .left-side .icon-header {
        width: 100px;
    }

    div#five-g-page section.bottom-section .wrapper:last-of-type {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        align-content: flex-end;
        margin-bottom: 50px;
    }

        div#five-g-page section.bottom-section .wrapper:last-of-type > div {
            width: 45%;
        }

    div#five-g-page section.bottom-section .wrapper .right-side .white-bg {
        background: white;
        padding: 9%;
        background-image: url(../content/images/5g-images/szo_logo.svg);
        background-repeat: no-repeat;
        background-position: top right;
        background-size: 40%;
        border-radius: 10px;
    }

    div#five-g-page section.bottom-section h3 {
        font-size: 30px;
        font-family: 'teleNeo-bold' !important;
        margin: 30px 0;
    }

div#five-g-page section.product-part {
    position: relative;
    background: transparent radial-gradient(closest-side at 27% 50%, #FFFFFF 0%, #CACFDC 100%) 0% 0% no-repeat padding-box;
    padding: 70px 0;
}

    div#five-g-page section.product-part .wrapper {
        display: block !important;
    }

        div#five-g-page section.product-part .wrapper:after {
            content: '';
            position: absolute;
            background-image: url(../content/images/5g-images/net-img-5g.png);
            width: 490px;
            height: 440px;
            background-size: contain;
            background-repeat: no-repeat;
            top: 0;
            right: 0;
        }

    div#five-g-page section.product-part ul li {
        position: relative;
        font-size: 19px;
        line-height: 1.2;
    }

    div#five-g-page section.product-part .text {
        position: relative;
        width: 50%;
    }

    div#five-g-page section.product-part h2 span {
        display: block;
        font-size: 26px;
        line-height: 1.2;
        margin-bottom: 10px;
        font-family: 'teleNeo-bold' !important;
    }




    div#five-g-page section.product-part .text p {
        font-weight: 500 !important;
        margin-bottom: 20px;
    }



    div#five-g-page section.product-part .wrapper .boxes {
        position: relative;
        width: 85%;
        z-index: 2;
        display: flex;
        flex-direction: column;
        margin: 50px 0;
    }

        div#five-g-page section.product-part .wrapper .boxes div {
            display: inline-flex;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: center;
            padding: 30px 40px;
            position: relative;
        }

            div#five-g-page section.product-part .wrapper .boxes div * {
                color: white;
                margin: 0;
                width: 50%;
            }

            div#five-g-page section.product-part .wrapper .boxes div p {
                font-size: 24px;
            }

            div#five-g-page section.product-part .wrapper .boxes div span {
                font-size: 19px;
                font-family: teleNeo-regular !important;
            }

    div#five-g-page section.product-part .boxes p.small {
        font-size: 16px;
        margin-top: 17px;
        font-weight: 500;
    }

    div#five-g-page section.product-part .boxes p {
        font-weight: 500;
    }

    div#five-g-page section.product-part .wrapper .boxes .light {
        background: #DF0073 0% 0% no-repeat padding-box;
    }

    div#five-g-page section.product-part .wrapper .boxes .medium {
        background: #C90067 0% 0% no-repeat padding-box;
    }

    div#five-g-page section.product-part .wrapper .boxes .dark {
        background: #9F0052 0% 0% no-repeat padding-box;
    }

div#five-g-page section.phone-section {
    position: relative;
    padding: 70px 0 0;
    /*   background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(202, 207, 220, .3) 100%) 0% 0% no-repeat padding-box;*/
}

    div#five-g-page section.phone-section h2 {
        min-height: 150px;
    }

        div#five-g-page section.phone-section h2 span {
            display: block;
            font-family: 'teleNeo-bold' !important;
        }

    div#five-g-page section.phone-section .wrapper {
        display: block !important;
    }

    div#five-g-page section.phone-section .phone-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
    }

        div#five-g-page section.phone-section .phone-wrapper .text a {
            width: 100px;
            padding: 7px 10px;
            font-size: 17px;
            margin: 20px auto;
        }

        div#five-g-page section.phone-section .phone-wrapper .phone-box:hover .text a {
            background: white;
            color: #e20074;
        }

        div#five-g-page section.phone-section .phone-wrapper .phone-box {
            height: 450px;
        }



            div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap {
                height: 210px;
                position: relative;
                bottom: 0;
                border-radius: 10px;
                height: 100%;
                margin: 0 75px;
                z-index: 2;
            }

                div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap:before {
                    content: '';
                    position: absolute;
                    height: 270px;
                    bottom: 0;
                    background: #D7DAE4;
                    border-radius: 20px;
                    width: 100%;
                    left: 0;
                    z-index: 0;
                    -webkit-transition: opacity 0.2s linear;
                    -moz-transition: opacity 0.2s linear;
                    -o-transition: opacity 0.2s linear;
                    transition: opacity 0.2s linear;
                    opacity: 1;
                }

                div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap:after {
                    content: '';
                    position: absolute;
                    height: 270px;
                    bottom: 0;
                    background: #D7DAE4;
                    border-radius: 20px;
                    width: 100%;
                    left: 0;
                    z-index: 0;
                    background: linear-gradient(180deg, #DF0073 0%, #70003A 100%) 0% 0% no-repeat padding-box;
                    background: -webkit-gradient(180deg, #DF0073 0%, #70003A 100%) 0% 0% no-repeat padding-box;
                    -webkit-transition: opacity 0.2s linear;
                    -moz-transition: opacity 0.2s linear;
                    -o-transition: opacity 0.2s linear;
                    transition: opacity 0.2s linear;
                    opacity: 0;
                }

            div#five-g-page section.phone-section .phone-wrapper .phone-box:hover .wrap:before {
                opacity: 0;
                -webkit-transition: opacity 0.2s linear;
                -moz-transition: opacity 0.2s linear;
                -o-transition: opacity 0.2s linear;
                transition: opacity 0.2s linear;
            }

            div#five-g-page section.phone-section .phone-wrapper .phone-box:hover .wrap:after {
                opacity: 1;
                -webkit-transition: opacity 0.2s linear;
                -moz-transition: opacity 0.2s linear;
                -o-transition: opacity 0.2s linear;
                transition: opacity 0.2s linear;
            }

            div#five-g-page section.phone-section .phone-wrapper .phone-box .text,
            div#five-g-page section.phone-section .phone-wrapper .phone-box .img {
                position: relative;
                z-index: 2;
            }

            div#five-g-page section.phone-section .phone-wrapper .phone-box:hover .text p {
                color: white;
            }

            div#five-g-page section.phone-section .phone-wrapper .phone-box p {
                text-transform: uppercase;
                font-weight: 600;
                padding: 0 20px;
            }

    div#five-g-page section.phone-section .wrap .ec-naskoro {
        position: absolute;
        z-index: 3;
        right: 10px;
        top: 0;
        width: 90px;
    }

div#five-g-page button.slick-arrow {
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    position: absolute;
    right: 0;
    top: -40px;
}

    div#five-g-page button.slick-arrow.slick-prev {
        right: 60px;
        left: auto;
    }

    div#five-g-page button.slick-arrow:before {
        content: '%';
        position: absolute;
        font-family: 'teleicon-outline' !important;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: auto;
        bottom: 0;
        right: 0;
        line-height: 46px;
        text-shadow: none;
        color: rgba(51, 51, 51, .75);
    }

    div#five-g-page button.slick-arrow.slick-prev:after {
        content: '';
        position: absolute;
        content: '';
        position: absolute;
        width: 130px;
        background: linear-gradient(45deg, transparent, #999);
        height: 1px;
        left: -150px;
        top: 54%;
    }

    div#five-g-page button.slick-arrow.slick-next:before {
        transform: rotateY(180deg);
    }

@-webkit-keyframes animatedBackground {
    from {
        background-position: 0px 0px;
    }

    to {
        background-position: 100% 0px;
    }
}

@media(max-width: 767px) {


    div#five-g-page .video-banner .arrow-animation {
        bottom: -29px;
        width: 60px;
        height: 60px;
    }

        div#five-g-page .video-banner .arrow-animation:before {
            width: 80px;
            height: 80px;
            left: -11px;
            top: -10px;
        }

        div#five-g-page .video-banner .arrow-animation lottie-player {
            position: relative;
            width: 100% !important;
            height: 100% !important;
        }

    div#five-g-page section.adventages .wrapper.block div {
        width: 100%;
        position: relative;
    }

    div#five-g-page section.adventages .numbers {
        margin-top: 0;
    }

        div#five-g-page section.adventages .numbers > div {
            width: auto;
            height: 100%;
            min-height: 160px;
        }

            div#five-g-page section.adventages .numbers > div:after {
                height: 60px;
            }

        div#five-g-page section.adventages .numbers .count {
            font-size: 25px;
        }

    div#five-g-page section.adventages .animation {
        width: 100%;
        height: 360px;
    }

        div#five-g-page section.adventages .animation lottie-player {
            height: 100% !important;
            width: 100% !important;
        }

    div#five-g-page section.adventages .numbers .five-g .image {
        width: 90px;
        height: 72px !important;
    }

    div#five-g-page section.adventages .numbers .four-g .image {
        width: 80px;
        height: 57px !important;
    }

    div#five-g-page section.adventages .numbers .three-g .image {
        width: 70px;
        height: 52px !important;
    }

    div#five-g-page section.product-part .text {
        position: relative;
        width: 100%;
    }

    div#five-g-page section.product-part .wrapper:after {
        display: none;
    }

    div#five-g-page section.product-part .wrapper .boxes {
        width: 100%;
    }

        div#five-g-page section.product-part .wrapper .boxes div {
            display: inline-flex;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 30px 40px;
            position: relative;
            flex-direction: column;
        }

            div#five-g-page section.product-part .wrapper .boxes div * {
                width: 100%;
            }

            div#five-g-page section.product-part .wrapper .boxes div span {
                font-size: 17px;
                font-family: teleNeo-regular !important;
            }

        div#five-g-page section.product-part .wrapper .boxes div {
            padding: 30px 25px;
        }

    div#five-g-page section.adventages .wrapper.block h2 {
        width: 100%;
    }

    div#five-g-page .magenta-bg {
        padding: 5% 0 15%;
    }

        div#five-g-page .magenta-bg h3 {
            font-size: 23px;
        }

        div#five-g-page .magenta-bg h4 {
            font-size: 37px;
        }

            div#five-g-page .magenta-bg h4 br {
                display: none;
            }

        div#five-g-page .magenta-bg .text-wrap {
            width: 100% !important;
        }

        div#five-g-page .magenta-bg .map-wrap {
            position: relative;
            width: 100%;
            height: 400px;
        }

            div#five-g-page .magenta-bg .map-wrap svg {
                width: 100%;
                height: 100%;
            }

        div#five-g-page .magenta-bg .legend {
            position: relative;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
        }

            div#five-g-page .magenta-bg .legend > div {
                margin-right: 10px;
                width: auto;
                position: relative;
            }

    div#five-g-page section.possibilities .text-wrap {
        width: 100%;
    }

    div#five-g-page section.possibilities:after {
        width: 65%;
        height: 400px;
        bottom: -12%;
        background-repeat: no-repeat;
    }

    div#five-g-page section.video-slider h3 {
        font-size: 37px;
    }

    div#five-g-page section.video-slider .slides h4 {
        font-size: 25px;
    }

    div#five-g-page div#timelapse-carousel {
        margin: 30px 0 20px;
    }

        div#five-g-page div#timelapse-carousel .slide-box {
            min-height: 170px;
            padding: 10px;
        }

    div#five-g-page section.video-slider .medicine,
    div#five-g-page section.video-slider .music,
    div#five-g-page section.video-slider .gaming,
    div#five-g-page section.video-slider .industry {
        position: relative;
        width: 100% !important;
        height: 350px;
        margin: 0 auto;
    }

    div#five-g-page section.bottom-section {
        padding: 3% 0 15%;
    }

        div#five-g-page section.bottom-section h2 {
            min-height: 120px !important;
        }

        div#five-g-page section.bottom-section .wrapper .text-wrap {
            width: 100%;
            margin-right: 0;
        }

        div#five-g-page section.bottom-section .img-wrap {
            position: relative;
            right: 0;
            width: 70%;
            top: 0;
            bottom: 0;
            margin: 30px auto;
        }

        div#five-g-page section.bottom-section .wrapper:last-of-type > div {
            width: 100% !important;
        }

    div#five-g-page div#timelapse-carousel .slick-list.draggable {
        overflow: hidden;
    }

    div#five-g-page section.adventages .numbers .count:after {
        font-size: 30px;
    }

    div#five-g-page section.phone-section .phone-wrapper button.slick-arrow {
        top: 10px;
    }

    div#five-g-page .video-banner .arrow-animation:after {
        width: 100px;
        height: 100px;
        left: -21px;
        top: -20px;
        animation-name: stretch;
        animation-duration: 4.0s;
        animation-timing-function: ease-out;
        animation-direction: alternate;
        animation-iteration-count: infinite;
        animation-play-state: running;
    }

    div#five-g-page .what-is-5g .text-side .img-wrap {
        margin-bottom: 60px;
        position: relative;
        min-height: 155px;
        width: 100px;
    }

    div#five-g-page section.possibilities .img-wrap {
        width: 100%;
    }
}

@media(max-width: 991px) {

    div#five-g-page h1 {
        font-size: 50px;
        margin: 30px 0;
        min-height: initial !important;
    }

    div#five-g-page h2 {
        font-size: 37px !important;
        margin-bottom: 30px;
        min-height: 80px !important;
    }

    div#five-g-page section.phone-section h2 {
        min-height: 150px !important;
    }

    div#five-g-page p {
        font-size: 18px !important;
    }

    div#five-g-page .wrapper,
    div#five-g-page .wrapper.block {
        width: 100% !important;
        margin: 0 !important;
        padding: 20px;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    div#five-g-page .what-is-5g .text-side {
        width: 100% !important;
    }

    div#five-g-page section.what-is-5g .img-side {
        position: relative !important;
        width: 100% !important;
        text-align: center;
    }

    div#five-g-page .what-is-5g .wrapper:last-of-type .text-side {
        margin-left: 0;
    }

    div#five-g-page .what-is-5g .text-side p {
        margin-right: 0 !important;
    }

    div#five-g-page .what-is-5g .wrapper:last-of-type .img {
        width: 100%;
        height: 100%;
    }

        div#five-g-page .what-is-5g .wrapper:last-of-type .img lottie-player {
            display: none;
        }

    div#five-g-page section.adventages .wrapper.block div {
        width: 100%;
    }

    div#five-g-page .magenta-bg h4 {
        font-size: 37px;
    }

    div#five-g-page section.phone-section h2 span {
        display: inline;
    }

    div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap {
        margin: 0 35px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#five-g-page .what-is-5g .img lottie-player {
        display: none;
    }

    div#five-g-page section.adventages .wrapper.block lottie-player {
        display: none;
    }

    div#five-g-page section.adventages .wrapper.block h2 {
        min-height: 120px !important;
    }

    div#five-g-page .magenta-bg .wrapper {
        flex-direction: column !important;
        align-items: center !important;
    }


    div#five-g-page section.adventages .numbers .five-g .image {
        width: 215px;
        height: 172px !important;
    }

    div#five-g-page section.adventages .numbers .four-g .image {
        width: 205px;
        height: 145px !important;
    }

    div#five-g-page section.adventages .numbers .three-g .image {
        width: 166px;
        height: 125px !important;
    }

    div#five-g-page section.product-part .text {
        position: relative;
        width: 55%;
    }

    div#five-g-page section.product-part .wrapper:after {
        width: 320px;
        height: 390px;
    }

    div#five-g-page section.product-part .wrapper .boxes {
        width: 100%;
    }

    div#five-g-page section.possibilities .text-wrap {
        width: 100%;
    }

    div#five-g-page section.possibilities .img-wrap {
        margin: 0 auto 60px auto;
    }

    div#five-g-page section.possibilities:after {
        width: 60%;
        height: 400px;
        bottom: -16%;
    }

    div#five-g-page section.bottom-section .wrapper:last-of-type {
        display: flex;
        justify-content: space-between;
        align-content: flex-end;
        margin-bottom: 50px;
        flex-direction: row !important;
        align-items: flex-end !important;
    }

    div#five-g-page section.bottom-section .img-wrap img {
        top: 20%;
        position: relative;
    }

    div#five-g-page section.bottom-section h2 {
        min-height: 120px !important;
    }

    div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap {
        margin: 0 30px;
    }

        div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap:before,
        div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap::after {
            margin: 0 auto;
        }

    div#five-g-page .magenta-bg .text-wrap,
    div#five-g-page .magenta-bg .map-wrap {
        width: 100% !important;
    }

    div#five-g-page .video-slider button.slick-arrow {
        top: 20px;
        z-index: 3;
    }

    div#five-g-page button.slick-arrow:before {
        color: white;
    }
}

@media(min-width: 768px) and (max-width: 1199px) {
    div#five-g-page div#timelapse-carousel .slick-list.draggable {
        overflow: hidden;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    div#five-g-page section.bottom-section .img-wrap {
        right: 0;
    }

    div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap {
        margin: 0 15px;
    }

    div#five-g-page section.phone-section .phone-wrapper .phone-box .text {
        padding: 0 50px;
    }
}

@media(min-width: 1200px) and (max-width: 1400px) {
    div#five-g-page section.bottom-section h2 {
        min-height: 160px;
    }

    div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap {
        margin: 0 35px
    }
}

@media(min-width: 1700px) {
    div#five-g-page .wrapper {
        width: 60% !important;
        margin: 0 auto !important;
    }

    div#five-g-page section.what-is-5g .wrapper:first-of-type .img-side {
        position: absolute;
        width: 70%;
        right: 0;
        top: 30px;
    }

    div#five-g-page .img-wrap {
        min-height: 175px;
    }

        div#five-g-page .img-wrap img.head-icon {
            width: 110px;
        }

    div#five-g-page section.video-slider .medicine,
    div#five-g-page section.video-slider .music,
    div#five-g-page section.video-slider .gaming,
    div#five-g-page section.video-slider .industry {
        height: 460px;
    }

    div#five-g-page section.video-slider .video, div#five-g-page section.video-slider .video iframe {
        height: 320px;
    }

    div#five-g-page section.bottom-section .wrapper .right-side .white-bg {
        background-size: 30%;
    }

    div#five-g-page section.phone-section .phone-wrapper .phone-box .text {
        padding: 0 30px;
    }

    div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap {
        margin: 0 25px;
    }

        div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap:after,
        div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap:before {
            height: 290px;
        }
}
/*#endregion 5g*/


/*#region kancelarija vo dvizenje*/
.custom-container {
    max-width: 1680px;
    padding: 0 25px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

div#kancelarija-vo-dvizenje section.main-banner {
    position: relative;
    background-image: url(../content/images/kancelarija-vo-dvizenje/kancelarija-vo-dvizenje-banner.png);
    background-size: cover;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 10% 0 !important;
}

    div#kancelarija-vo-dvizenje section.main-banner.sq {
        background-image: url(../content/images/kancelarija-vo-dvizenje/kancelarija-vo-dvizenje-banner-sq.jpg);
    }

div#kancelarija-vo-dvizenje section {
    position: relative;
    padding: 4% 0;
}

    div#kancelarija-vo-dvizenje section.header {
        text-align: center;
    }

div#kancelarija-vo-dvizenje h1 {
    font-size: 40px;
    color: black;
    font-family: 'teleNeo-extra' !important;
    margin-bottom: 50px;
}

    div#kancelarija-vo-dvizenje h1 span {
        font-family: 'teleNeo-extra' !important;
    }

div#kancelarija-vo-dvizenje p {
    font-size: 19px;
    line-height: 1.2;
}

    div#kancelarija-vo-dvizenje p a:hover {
        color: #e20074;
    }

div#kancelarija-vo-dvizenje section.shape-bg:before {
    position: absolute;
    content: '';
    background-image: url(../content/images/kancelarija-vo-dvizenje/shape-bg-1.png);
    width: 100%;
    height: 100%;
    background-size: cover;
    bottom: 0;
    left: 0;
    background-position: top center;
    background-repeat: no-repeat;
}

div#kancelarija-vo-dvizenje section.shape-bg .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    align-content: flex-start;
    margin-bottom: 50px;
}

    div#kancelarija-vo-dvizenje section.shape-bg .wrapper.reverse {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
        margin-bottom: 50px;
        margin-top: 150px;
    }

        div#kancelarija-vo-dvizenje section.shape-bg .wrapper.reverse h3 {
            font-family: 'teleNeo-bold' !important;
            margin-bottom: 30px;
            font-size: 22px;
            margin-top: 0;
        }

        div#kancelarija-vo-dvizenje section.shape-bg .wrapper.reverse .boxes {
            display: flex;
            flex-direction: column;
            align-content: center;
            justify-content: center;
            align-items: center;
        }

            div#kancelarija-vo-dvizenje section.shape-bg .wrapper.reverse .boxes .wrap {
                display: flex;
                justify-content: space-between;
                align-items: center;
                align-content: center;
                flex-wrap: nowrap;
                position: relative;
                z-index: 1;
            }

div#kancelarija-vo-dvizenje section.shape-bg .animation {
    position: absolute;
    z-index: 0;
    width: 100%;
    left: 20%;
    bottom: -50%;
}

div#kancelarija-vo-dvizenje section.shape-bg .wrapper.reverse .microsoft-icon {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 22px #00000014;
    border-radius: 6px;
    padding: 20px;
    margin: 10px;
    width: 20%;
}

div#kancelarija-vo-dvizenje section.shape-bg .wrapper > div {
    width: 45%;
}

    div#kancelarija-vo-dvizenje section.shape-bg .wrapper > div .header-icon {
        margin-bottom: 30px;
    }

div#kancelarija-vo-dvizenje h2 {
    font-size: 32px;
    font-family: 'teleNeo-extra' !important;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 30px;
}

    div#kancelarija-vo-dvizenje h2 span {
        font-family: 'teleNeo-extra' !important;
    }

div#kancelarija-vo-dvizenje section.shape-bg .boxes {
    position: relative;
    display: flex;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

    div#kancelarija-vo-dvizenje section.shape-bg .boxes .magenta-box {
        background: transparent linear-gradient(303deg, #AE0059 0%, #E20074 68%, #FF0E8A 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 16px rgba(0, 0, 0,.16);
        border-radius: 13px;
        padding: 30px;
        min-height: 300px;
        width: 48%;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        color: white;
    }

div#kancelarija-vo-dvizenje section.device {
    position: relative;
    padding-top: 0;
}

    div#kancelarija-vo-dvizenje section.device:before {
        content: '';
        position: absolute;
        width: 60%;
        height: 320px;
        background: #e20074;
        border-radius: 0px 50px 50px 0px;
    }

div#kancelarija-vo-dvizenje .shape {
    color: white;
}

    div#kancelarija-vo-dvizenje .shape .black-shape {
        position: absolute;
        width: 100%;
        background: black;
        color: white;
        padding: 40px 50px;
        border: 0;
        border-radius: 14px;
    }

        div#kancelarija-vo-dvizenje .shape .black-shape p {
            font-size: 17px;
            line-height: 1.2;
        }

div#kancelarija-vo-dvizenje section.device h3 {
    color: white;
    font-family: 'teleNeo-bold' !important;
    font-size: 30px;
    margin-bottom: 30px;
}


div#kancelarija-vo-dvizenje section.device .custom-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: center;
}

    div#kancelarija-vo-dvizenje section.device .custom-container > div {
        width: 45%;
        position: relative;
        border-bottom: 0;
    }

        div#kancelarija-vo-dvizenje section.device .custom-container > div .img-wrap {
            position: relative;
            right: 20%;
            top: -90px;
        }

div#kancelarija-vo-dvizenje section.device h3 {
    color: white;
    font-family: 'teleNeo-bold' !important;
    font-size: 30px;
    margin-bottom: 30px;
}

div#kancelarija-vo-dvizenje .shape ul li {
    font-size: 18px;
    padding-left: 40px;
    position: relative;
    padding-bottom: 15px;
}

    div#kancelarija-vo-dvizenje .shape ul li a {
        color: white;
        text-decoration: underline;
    }

    div#kancelarija-vo-dvizenje .shape ul li span {
        display: block;
    }

    div#kancelarija-vo-dvizenje .shape ul li:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background-size: contain;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
    }


    div#kancelarija-vo-dvizenje .shape ul li[data-value="one"]:before {
        background-image: url('../content/images/kancelarija-vo-dvizenje/icon-device-computer-default.png');
    }

    div#kancelarija-vo-dvizenje .shape ul li[data-value="two"]:before {
        background-image: url('../content/images/kancelarija-vo-dvizenje/icon-action-copy-paste-default.png');
    }

    div#kancelarija-vo-dvizenje .shape ul li[data-value="three"]:before {
        background-image: url('../content/images/kancelarija-vo-dvizenje/icon-content-features-default.png');
    }

div#kancelarija-vo-dvizenje section.related-devices {
    padding-top: 0 !important;
}

div#kancelarija-vo-dvizenje section.device .custom-container > div p.small {
    font-size: 14px;
    position: relative;
    bottom: 80px;
}

div#kancelarija-vo-dvizenje section.related-devices:before {
    content: '';
    position: absolute;
    background-image: url(../content/images/kancelarija-vo-dvizenje/shape2.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: top center;
}

div#kancelarija-vo-dvizenje section.related-devices .wrapper {
    display: flex;
    width: 60%;
    margin: 60px auto;
    justify-content: space-around;
    align-content: center;
    align-items: center;
    text-align: center;
}

div#kancelarija-vo-dvizenje section.related-devices .animation {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

div#kancelarija-vo-dvizenje section.related-devices .wrapper > div {
    width: 35%;
    height: 370px;
    position: relative;
    z-index: 2;
}

    div#kancelarija-vo-dvizenje section.related-devices .wrapper > div a {
        color: black;
    }

    div#kancelarija-vo-dvizenje section.related-devices .wrapper > div .wrap {
        position: relative;
        height: 100%;
        z-index: 2;
        padding: 20px;
    }

div#kancelarija-vo-dvizenje section.related-devices .wrap:before {
    content: '';
    position: absolute;
    height: 270px;
    bottom: 0;
    background: #D7DAE4;
    border-radius: 20px;
    width: 100%;
    left: 0;
    z-index: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    opacity: 1;
}

div#kancelarija-vo-dvizenje section.related-devices .wrap:after {
    content: '';
    position: absolute;
    height: 65%;
    bottom: 0;
    background: #D7DAE4;
    border-radius: 20px;
    width: 100%;
    left: 0;
    z-index: 0;
    background: linear-gradient(180deg, #DF0073 0%, #70003A 100%) 0% 0% no-repeat padding-box;
    background: -webkit-gradient(180deg, #DF0073 0%, #70003A 100%) 0% 0% no-repeat padding-box;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    opacity: 0;
    z-index: -1;
}

div#kancelarija-vo-dvizenje section.related-devices .wrapper > div:hover .wrap:before {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

div#kancelarija-vo-dvizenje section.related-devices .wrapper > div:hover .wrap:after {
    opacity: 1;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

div#kancelarija-vo-dvizenje section.related-devices .wrapper > div:hover .text {
    color: white;
}

div#kancelarija-vo-dvizenje section.related-devices .wrapper > div .wrap:before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 65%;
    background: white;
    box-shadow: 0 0 35px 7px rgba(0, 0,0,.10);
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    border-radius: 20px;
    bottom: 0;
}

div#kancelarija-vo-dvizenje section.related-devices .wrapper > div .img {
    height: 250px;
}

    div#kancelarija-vo-dvizenje section.related-devices .wrapper > div .img img {
        height: 100%;
        width: auto;
    }

div#kancelarija-vo-dvizenje section.related-devices h2 {
    text-align: center;
    margin: 0 100px 80px 100px;
    width: 100%;
    margin: auto;
}

div#kancelarija-vo-dvizenje .white-box {
    position: relative;
    width: 60%;
    margin: 50px auto;
    box-shadow: 0px 20px 56px #00000012;
    padding: 50px 70px;
}

    div#kancelarija-vo-dvizenje .white-box h3 {
        color: black;
        font-family: 'teleNeo-bold' !important;
        font-size: 22px;
        margin-bottom: 30px;
        margin-top: 0;
        padding: 0;
        text-transform: uppercase;
    }

    div#kancelarija-vo-dvizenje .white-box .list {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        align-content: center;
        width: 65%;
    }

    div#kancelarija-vo-dvizenje .white-box ul li {
        font-size: 18px;
        padding-left: 20px;
        margin-left: 0;
    }

@media (max-width: 767px) {
    div#kancelarija-vo-dvizenje section.main-banner {
        position: relative;
        background-image: url(../content/images/kancelarija-vo-dvizenje/kancelarija-vo-dvizenje-banner-mob.jpg);
        padding: 30% 0 !important;
    }

        div#kancelarija-vo-dvizenje section.main-banner.sq {
            background-image: url(../content/images/kancelarija-vo-dvizenje/kancelarija-vo-dvizenje-banner-sq-mob.jpg);
        }

    .custom-container {
        padding-left: 25px;
        padding-right: 25px;
    }

    div#kancelarija-vo-dvizenje h1 {
        font-size: 30px;
    }

    div#kancelarija-vo-dvizenje h2 {
        font-size: 26px;
    }

    div#kancelarija-vo-dvizenje h3 {
        font-size: 24px;
    }

    div#kancelarija-vo-dvizenje section.shape-bg:before {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    div#kancelarija-vo-dvizenje .wrapper {
        display: flex;
        justify-content: space-between;
        align-content: flex-start;
        flex-direction: column;
    }

        div#kancelarija-vo-dvizenje .wrapper > div {
            width: 100% !important;
        }

    div#kancelarija-vo-dvizenje section.shape-bg .boxes {
        flex-direction: column;
    }

    div#kancelarija-vo-dvizenje section.shape-bg .wrapper.reverse {
        margin-top: 30px;
    }

    div#kancelarija-vo-dvizenje section.shape-bg .boxes .magenta-box {
        width: 80%;
        margin: 10px auto;
        min-height: 250px
    }

    div#kancelarija-vo-dvizenje section.shape-bg .wrapper.reverse .boxes {
        margin-bottom: 40px;
    }

    div#kancelarija-vo-dvizenje section.shape-bg .wrapper.reverse .microsoft-icon {
        padding: 5px;
    }

    div#kancelarija-vo-dvizenje section.shape-bg .animation {
        left: 0;
    }

        div#kancelarija-vo-dvizenje section.shape-bg .animation lottie-player {
            width: 100% !important;
            height: 100% !important;
        }

    div#kancelarija-vo-dvizenje section.device:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 500px;
    }

    div#kancelarija-vo-dvizenje section.device .custom-container {
        flex-direction: column;
    }

        div#kancelarija-vo-dvizenje section.device .custom-container > div {
            width: 100%;
        }

    div#kancelarija-vo-dvizenje .shape .black-shape {
        position: relative;
    }

    div#kancelarija-vo-dvizenje section.device .custom-container > div .img-wrap {
        position: relative;
        right: 0;
        top: 0;
    }

    div#kancelarija-vo-dvizenje section.device .custom-container > div p.small {
        bottom: 0px;
    }

    div#kancelarija-vo-dvizenje .white-box {
        position: relative;
        width: 100%;
        margin: 50px auto;
        padding: 30px 30px;
    }

        div#kancelarija-vo-dvizenje .white-box .list {
            flex-direction: column;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    .custom-container {
        padding-right: 25px !important;
        padding-left: 25px !important;
    }

    div#kancelarija-vo-dvizenje .wrapper {
        flex-direction: column;
    }

        div#kancelarija-vo-dvizenje .wrapper > div {
            width: 100% !important;
        }

    div#kancelarija-vo-dvizenje section.shape-bg .boxes {
        margin: 30px 0 0;
        align-content: flex-start;
        justify-content: space-evenly;
        align-items: flex-start;
    }

        div#kancelarija-vo-dvizenje section.shape-bg .boxes .magenta-box {
            min-height: 230px;
            width: 35%;
        }

    div#kancelarija-vo-dvizenje section.shape-bg .wrapper.reverse {
        margin-top: 60px;
    }

    div#kancelarija-vo-dvizenje section.device:before {
        width: 55%;
        height: 440px;
    }

    div#kancelarija-vo-dvizenje section.device .custom-container > div .img-wrap {
        right: 0;
    }

    div#kancelarija-vo-dvizenje .shape .black-shape {
        position: relative;
    }

    div#kancelarija-vo-dvizenje section.related-devices .wrapper {
        display: flex;
        width: 100%;
        margin: 60px auto;
        align-content: center;
        align-items: center;
        text-align: center;
        flex-direction: row;
        justify-content: space-evenly;
    }

        div#kancelarija-vo-dvizenje section.related-devices .wrapper > div {
            width: 30% !important;
        }

    div#kancelarija-vo-dvizenje .white-box {
        width: 90%;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    .custom-container {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    div#kancelarija-vo-dvizenje .shape .black-shape {
        position: relative;
    }

    div#kancelarija-vo-dvizenje section.device:before {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .custom-container {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
}
/*#endregion kancelarija vo dvizenje*/


/*#region microsoft offfice 365*/
div.ict-integrated p {
    font-size: 18px;
}

div#office-365 .main-banner {
    background-image: url(../content/images/ict-office-365/o365-new-image-banner.jpg);
    background-position: 0 35%;
}

    div#office-365 .main-banner:before {
        background-image: url('../content/images/ict-office-365/shape-banner.png');
        width: 45%;
        background-size: contain;
    }

    div#office-365 .main-banner .header {
        width: 25%;
    }

div#office-365 section.office-intro-text {
    position: relative;
    padding: 3% 0;
    text-align: center;
    height: 600px;
    background: transparent linear-gradient(180deg, #CACFDC00 0%, rgba(202, 207, 220, .5) 100%);
}

    div#office-365 section.office-intro-text .header {
        position: relative;
        width: 63%;
        margin: 0 auto;
    }

    div#office-365 section.office-intro-text .ec {
        position: absolute;
        right: -80px;
        top: -50px;
        width: 90px;
    }

    div#office-365 section.office-intro-text h2 {
        color: #e20074;
        font-family: 'teleNeo-extra' !important;
        font-size: 35px;
        margin: 20px 0 50px;
    }

    div#office-365 section.office-intro-text p {
        padding: 0 9%;
        width: 100%;
    }

    div#office-365 section.office-intro-text .icons-office {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

        div#office-365 section.office-intro-text .icons-office img {
            background: #FFFFFF;
            box-shadow: 0px 3px 22px rgba(0, 0, 0, .08);
            margin: 20px 10px 60px;
            padding: 6px;
        }

div#office-365 section.content {
    position: relative;
    z-index: 3;
    padding: 0;
    height: initial;
    background: transparent;
}



    div#office-365 section.content .wrapper.white {
        position: relative;
        background: white;
        box-shadow: 0 0 120px 7px rgba(0, 0,0,.12);
        max-width: 1300px;
        margin: 0 auto;
        left: 0;
        right: 0;
        border-radius: 5px;
        padding: 40px 30px;
        opacity: 1;
        margin-top: -110px;
        z-index: 2;
    }

        div#office-365 section.content .wrapper.white h2 {
            bottom: 80px;
        }

        div#office-365 section.content .wrapper.white #tab-3 img {
            min-height: 55px;
        }

    div#office-365 section.content .text-wrap {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    div#office-365 section.content #tab-2 .text-wrap {
        flex-direction: row;
    }

    div#office-365 section.content .text-wrap ul {
        width: 50%;
        margin-top: 20px;
        flex-direction: column;
    }

        div#office-365 section.content .text-wrap ul li {
            width: 100%;
            background-color: transparent;
            box-shadow: none;
            padding: 0 20px 10px;
        }

div#office-365 .prices .table-responsive {
    position: relative;
    box-shadow: 0px 30px 99px rgba(0, 0, 0, .19);
    border-radius: 8px;
    overflow: visible;
}

div#office-365 section.prices {
    position: relative;
    z-index: 1;
    padding-top: 3%;
    background-image: url(../content/images/ict-office-365/Section3-bg.png);
    background-position: center;
    background-size: cover;
}

    div#office-365 section.prices .header {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 40px;
    }

    div#office-365 section.prices h3 {
        font-family: 'teleNeo-extra' !important;
        font-size: 33px;
        line-height: 1.2;
    }

    div#office-365 section.prices p.gray-text-bg {
        background-color: white;
        opacity: 1;
        padding: 20px;
        margin: 0;
        box-shadow: 0 0 80px 7px rgba(0, 0, 0, .15);
    }

.tableTest tr th, .tableTest tr td {
    position: relative;
    background: #fafafa;
    text-align: center;
    border-bottom: 1px solid #eaeaea !important;
    border-top: 0 !important;
    font-size: 16px;
}

    .tableTest tr th:first-child:after, .tableTest tr td:first-child:after {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        top: 0;
        bottom: 0;
        width: 30%;
        background: transparent linear-gradient(84deg, rgba(148, 156, 168, .23) 0%, rgba(148, 156, 168, 0) 100%);
        height: 100%;
    }

    .tableTest tr th:last-child:before, .tableTest tr td:last-child:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 30%;
        background: transparent linear-gradient(84deg, rgba(148, 156, 168, .21) 0%, rgba(148, 156, 168, 0) 100%);
        height: 100%;
    }

.tableTest thead tr th:first-child,
.tableTest tbody tr th:first-child {
    left: 0;
    position: sticky;
    z-index: 2;
    background: #fff;
    width: 400px;
    text-align: left;
    border-color: #eaeaea !important;
    height: 64px;
    font-size: 17px;
    padding: 10px 25px;
}


.tableTest {
    width: auto !important;
    max-width: 100%;
    margin: 0 auto
}

    .tableTest thead th {
        text-align: center;
        text-transform: uppercase;
        padding: 30px !important;
        font-family: 'teleNeo-extra' !important;
        font-size: 20px !important;
    }

        .tableTest thead th.office-header {
            font-family: 'teleNeo-bold' !important;
            text-align: center;
        }

    .tableTest th span.new {
        color: #e20074;
        text-transform: uppercase;
        line-height: 1.2;
    }

    .tableTest p.gray-text {
        font-size: 14px;
        color: #707070;
    }

    .tableTest th .specInfo {
        height: 100%;
        padding-right: 20px;
    }

    .tableTest th .one-t-dicklaimer {
        width: 17px !important;
        height: 17px !important;
        top: 10px;
        float: right;
        color: #c5c5c5;
        border: 1px solid #c5c5c5 !important;
        border-radius: 50px;
        text-align: center;
        line-height: 11px;
        left: auto !important;
        right: 10px;
        padding: 3px;
        position: absolute;
        cursor: pointer;
        text-align: center;
    }

    .tableTest span.icon.icon-confirm {
        color: #e20074;
        font-size: 21px;
    }

    .tableTest span.icon.icon-cancel {
        color: #999;
        font-size: 19px;
    }

    .tableTest .office-icons {
        position: relative;
        display: flex;
        justify-content: space-evenly;
        -webkit-justify-content: space-evenly;
        -moz-justify-content: space-evenly;
        align-items: center;
        align-content: center;
    }

        .tableTest .office-icons .one-t-dicklaimer {
            position: absolute;
        }

        .tableTest .office-icons img {
            opacity: .6;
            transition: all ease-in .3s;
        }

            .tableTest .office-icons img:hover {
                opacity: 1;
                transition: all ease-in .3s;
            }

    .tableTest .price-wrap {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .tableTest .hdp-price-left.hdp-price-top {
        width: 50%;
        display: inline-block;
        float: left;
        text-align: right;
    }

        .tableTest .hdp-price-left.hdp-price-top .hdp-price-frame {
            font-size: 27px;
            text-align: right;
        }

            .tableTest .hdp-price-left.hdp-price-top .hdp-price-frame span {
                font-family: 'teleNeo-bold' !important
            }

    .tableTest .hdp-price-body {
        width: 90px;
        text-align: left;
        padding-left: 13px;
        line-height: 1.2;
    }

        .tableTest .hdp-price-body .price-den {
            border-bottom: 1px solid #333;
        }

div#office-365 section.last-sec .wrapper {
    padding: 25px 0;
}

div#office-365 section.last-sec ul.nav {
    padding-left: 0px;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    margin: 30px auto;
    width: 100%;
}

    div#office-365 section.last-sec ul.nav li {
        width: auto;
        text-align: center;
        text-transform: uppercase;
        margin-right: 25px;
        z-index: 2;
        background: transparent;
        box-shadow: none;
        padding: 10px;
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

        div#office-365 section.last-sec ul.nav li.active {
            color: #e20074;
            cursor: default;
            background-color: transparent;
            border: none;
            font-family: 'teleNeo-medium' !important;
        }

            div#office-365 section.last-sec ul.nav li.active:before {
                color: black;
                cursor: default;
                border: none;
                border-bottom: none;
                background: none;
                box-shadow: 0px 23px 89px #3e3e3e1c;
                height: 2px;
                background: #e20074;
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
            }

            div#office-365 section.last-sec ul.nav li.active:after {
                color: black;
                cursor: default;
                border: none;
                border-bottom: none;
                background: #FFFFFF 0% 0% no-repeat padding-box;
                box-shadow: 0px 23px 89px #3e3e3e1c;
                height: 2px;
                background: #e20074;
                content: '';
                position: absolute;
                right: -24px;
                top: 12px;
                width: 30px;
                border-bottom: 1px solid #e20074;
                transform: rotate(55deg);
            }

div#office-365 section.last-sec #tab-4-xs ul {
    flex-direction: column;
    width: 100%;
}

    div#office-365 section.last-sec #tab-4-xs ul li {
        font-size: 18px;
        background-color: transparent;
        box-shadow: none;
        width: 100%;
        text-align: left;
        padding: 0 20px;
    }

div#office-365 section.last-sec #tab-4-xs table {
    width: 100%;
}

    div#office-365 section.last-sec #tab-4-xs table tr th {
        background: #eaeaea !important;
    }

        div#office-365 section.last-sec #tab-4-xs table tr th + th,
        div#office-365 section.last-sec #tab-4-xs table tr td + td {
            background: transparent;
        }

    div#office-365 section.last-sec #tab-4-xs table tr * {
        padding: 15px 20px;
        font-size: 17px;
    }

    div#office-365 section.last-sec #tab-4-xs table tbody tr td,
    div#office-365 section.last-sec #tab-4-xs table tbody > tr > td,
    div#office-365 section.last-sec #tab-4-xs table thead tr th,
    div#office-365 section.last-sec #tab-4-xs table thead > tr > th {
        border-bottom: 1px solid #e5e5e5 !important;
    }

    div#office-365 section.last-sec #tab-4-xs table tr:last-of-type td {
        border-bottom: 0 !important;
    }

#office-365 .table-responsive > p.gray-text {
    font-size: 14px;
    color: #707070;
    padding: 15px 25px;
    background: white;
}

#office-365 .inline-buttons {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 35%;
    margin: 0 auto;
}

#office-365 .btn-magen {
    font-size: 18px;
    padding: 10px 12px;
    left: 0;
    right: 0;
    position: relative;
    width: auto;
    margin: 20px auto;
    border: none;
    text-align: center;
    display: flex;
    align-items: center;
}

#office-365 .video {
    width: 50%;
    margin: 0 auto;
    height: 350px;
    position: relative;
    border-radius: 17px;
}

    #office-365 .video .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        cursor: pointer;
    }

        #office-365 .video .overlay:before {
            content: '';
            position: absolute;
            background: black;
            height: 100%;
            width: 100%;
            z-index: 3;
            opacity: .87;
            border-radius: 17px;
            left: 0;
            right: 0;
        }

        #office-365 .video .overlay:after {
            content: '';
            position: absolute;
            background-image: url('../content/images/ict-office-365/play.svg');
            background-size: contain;
            background-position: center;
            width: 30px;
            height: 30px;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            z-index: 3;
        }

    #office-365 .video iframe {
        width: 100%;
        height: 100%;
        border-radius: 8px;
    }

.ict-integrated .last-sec .nav-tabs > li a:hover {
    border-radius: 0 !important;
    background: #f8f8f8;
}

.ict-integrated .last-sec .nav-tabs > li.active img {
    filter: none !important;
    opacity: 1;
}

.ict-integrated .last-sec .nav-tabs > li img {
    filter: grayscale(1) !important;
    margin-right: 7px;
    width: 16px;
    opacity: .8;
    margin-bottom: 9px;
}

div#dopolnitelni-alatki p.text-center {
    padding: 0 10%;
}

#office-365 div#tab-2-xs .box {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 84%;
    margin: 0 auto;
}

#office-365 div#tab-2-xs .wrapper-tab {
    position: relative;
    width: 50%;
    margin-right: 30px;
}

#office-365 div#tab-2-xs .wrap {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

    #office-365 div#tab-2-xs .wrap .left {
        width: 15%;
        text-align: left;
    }

    #office-365 div#tab-2-xs .wrap .right {
        width: 85%;
        text-align: left;
    }

#office-365 div#tab-3-xs .wrapper-tab {
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
}

    #office-365 div#tab-3-xs .wrapper-tab .wrap {
        width: 33.333%;
    }


#office-365 div#tab-4-2 .wrap,
#office-365 div#tab-4-xs .wrap {
    width: 78%;
    margin: 0 auto;
}

#office-365 .panel-group .panel-collapse .panel-group .panel-default .panel-heading {
    background: #F7F7F8 !important;
    padding: 0 20px !important;
}

#office-365 .panel-group .panel-collapse .panel-group .panel-default .panel-collapse {
    background: transparent radial-gradient(closest-side at 0% 50%, rgba(231, 231, 232, .82) 0%, rgba(247, 247, 248, .33) 100%);
    padding: 10px 20px;
}

    #office-365 .panel-group .panel-collapse .panel-group .panel-default .panel-collapse p a {
        color: #e20074;
    }

#office-365 div#tab-4-2 .wrap .panel-default,
#office-365 div#tab-4-xs .wrap .panel-default {
    border: 0;
    box-shadow: none;
    background: transparent;
}

    #office-365 div#tab-4-2 .wrap .panel-default.visible,
    #office-365 div#tab-4-xs .wrap .panel-default.visible {
        display: block !important;
    }

    #office-365 div#tab-4-2 .wrap .panel-default .panel-body,
    #office-365 div#tab-4-xs .wrap .panel-default .panel-body {
        padding: 0;
    }

        #office-365 div#tab-4-2 .wrap .panel-default .panel-body p,
        #office-365 div#tab-4-xs .wrap .panel-default .panel-body p {
            font-size: 18px;
            line-height: 1.2;
            color: #333;
        }

    #office-365 div#tab-4-2 .wrap .panel-default:nth-child(1) .panel-heading,
    #office-365 div#tab-4-xs .wrap .panel-default:nth-child(1) .panel-heading {
        border-top: 0;
    }

#office-365 div#tab-4-2 .wrap .panel-group,
#office-365 div#tab-4-xs .wrap .panel-group {
    text-align: left;
}

#office-365 div#tab-4-2 .wrap .panel-heading,
#office-365 div#tab-4-xs .wrap .panel-heading {
    background-color: transparent;
    border-top: 1px solid #e5e5e5;
    padding: 0;
}

    #office-365 div#tab-4-2 .wrap .panel-heading .panel-title,
    #office-365 div#tab-4-xs .wrap .panel-heading .panel-title {
        padding: 0;
    }

        #office-365 div#tab-4-2 .wrap .panel-heading .panel-title a,
        #office-365 div#tab-4-xs .wrap .panel-heading .panel-title a {
            font-size: 19px;
            display: block;
            padding: 25px 35px 25px 0;
            text-decoration: none;
            position: relative;
            z-index: 2;
        }

            #office-365 div#tab-4-2 .wrap .panel-heading .panel-title a:after,
            #office-365 div#tab-4-xs .wrap .panel-heading .panel-title a:after {
                content: ']$';
                font-family: 'teleicon-outline';
                position: absolute;
                color: #e20074;
                font-size: 22px;
                font-weight: 600;
                top: 25px;
                right: 20px;
                margin: auto;
                transform: rotateZ(-180deg);
                transition-property: transform;
                transition-duration: .25s;
            }

            #office-365 div#tab-4-2 .wrap .panel-heading .panel-title a.collapsed:after,
            #office-365 div#tab-4-xs .wrap .panel-heading .panel-title a.collapsed:after {
                content: ']$';
                font-family: 'teleicon-outline';
                position: absolute;
                color: #e20074;
                font-size: 22px;
                font-weight: 600;
                top: 32px;
                right: 20px;
                margin: auto;
                transform: rotateZ(0deg);
                transition-property: transform;
                transition-duration: .25s;
            }

#office-365 .last-sec .nav-tabs > li a:hover {
    background: transparent;
}

@media(max-width: 370px) {
    div #office-365 .main-banner {
        background-position: 70% 0;
        height: 250px;
    }

        div#office-365 .main-banner:before {
            width: 100% !important;
        }

        div#office-365 .main-banner .header {
            width: 80% !important;
        }

            div#office-365 .main-banner .header h1 {
                font-size: 24px !important;
                margin-bottom: 15px !important;
            }

    div#office-365 section.content .wrapper.white h2 {
        font-size: 24px !important;
    }

    div#office-365 section.office-intro-text h2 {
        font-size: 23px !important;
    }
}

@media(max-width: 767px) {
    div#office-365 .main-banner {
        height: 300px;
    }

        div#office-365 .main-banner:before {
            width: 95% !important;
            background-size: contain;
        }

        div#office-365 .main-banner .header h1 {
            font-size: 26px;
            margin: 30px 0 30px;
        }

        div#office-365 .main-banner .header {
            width: 60% !important;
        }

    div#office-365 section.office-intro-text h2 {
        font-size: 28px;
        margin: 20px 0 50px;
    }

    div#office-365 section.content .text-wrap ul {
        margin-top: 0;
        margin-bottom: 0;
    }

    div#office-365 section.office-intro-text p {
        padding: 0;
    }

    div#office-365 section.office-intro-text {
        height: auto;
        padding: 3% 0 5%;
    }

    #office-365 .inline-buttons {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0 auto;
        flex-direction: column;
    }

    div#office-365 section.content .wrapper.white h2 {
        font-size: 27px;
    }

    div#office-365 section.content .wrapper.white {
        margin-top: 0px;
    }

    div#office-365 section.content #tab-2 .text-wrap {
        flex-direction: column;
    }

    div#office-365 section.content .text-wrap ul {
        width: 100%;
        flex-direction: column;
    }

        div#office-365 section.content .text-wrap ul li {
            width: 100%;
            background-color: transparent;
            box-shadow: none;
        }

    div#office-365 section.prices h3 {
        font-size: 25px;
        text-align: center;
    }

    div#office-365 .wrapper.white .tab-wrapper h3,
    div#office-365 .last-sec h3 {
        font-size: 19px;
        margin: 20px 0;
    }

    div#office-365 .last-sec .tab-wrapper {
        padding-bottom: 100px;
    }

    div#office-365 .last-sec h3 img {
        padding: 2px;
        border-radius: 4px;
        margin-right: 10px;
    }

    div#office-365 .last-sec h3.dc-active img {
        background: white;
    }

    .tableTest thead tr th:first-child, .tableTest tbody tr th:first-child {
        padding: 10px;
        font-size: 16px;
        z-index: 4;
        border: 0 !important;
    }

    div#office-365 section.office-intro-text .icons-office img {
        background: #FFFFFF;
        box-shadow: 0px 3px 22px rgba(0, 0, 0, .8);
        margin: 20px 5px 60px;
        padding: 5px;
        width: 50px;
    }


    #office-365 .video {
        width: 100%;
        margin: 0 auto;
        height: auto;
    }

    .ict-integrated .last-sec .nav-tabs > li img {
        display: none;
    }

    #office-365 div#tab-4-2 .wrap, #office-365 div#tab-4-xs .wrap {
        width: 100%;
    }

    #office-365 div#tab-2-xs .box {
        width: 100%;
        flex-direction: column;
    }

    #office-365 div#tab-2-xs .wrapper-tab {
        position: relative;
        width: 100%;
        margin-right: 0;
    }

    #office-365 div#tab-3-xs .wrapper-tab {
        flex-direction: column;
    }

        #office-365 div#tab-3-xs .wrapper-tab .wrap {
            width: 100%;
        }
}

@media (max-width: 991px) {
    div#office-365 section.office-intro-text .ec {
        position: absolute;
        top: -50px;
        width: 90px;
    }

    div#office-365 section.prices .header {
        flex-direction: column;
    }

    div#office-365 section.content .wrapper.white h2 {
        width: auto;
    }

    #office-365 .table-responsive {
        overflow: auto !important;
    }

        #office-365 .table-responsive table {
            width: 100% !important;
            overflow: visible;
            touch-action: auto;
        }

    #office-365 div#dopolnitelni-alatki {
        flex-direction: column;
        width: 100%;
    }

        #office-365 div#dopolnitelni-alatki .wrapper-tab {
            width: 100%;
        }

        #office-365 div#dopolnitelni-alatki .wrap {
            flex-direction: column;
        }

            #office-365 div#dopolnitelni-alatki .wrap .right {
                width: 100%;
                text-align: left;
            }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#office-365 .main-banner:before {
        width: 85%;
    }

    div#office-365 .main-banner .header {
        width: 60%;
    }

    div#office-365 .main-banner {
        background-position: 80% 0;
    }

        div#office-365 .main-banner .header h1 {
            font-size: 30px;
            margin: 30px 0 30px;
        }

        div#office-365 .main-banner:before {
            width: 60%;
            background-size: contain;
        }

        div#office-365 .main-banner .header {
            width: 30%;
        }

    #office-365 .last-sec .nav-tabs > li {
        margin-right: 0;
        width: 25%;
    }

    div.ict-integrated .tab-wrapper ul#myTab-ict {
        width: 100%;
    }

        div.ict-integrated .tab-wrapper ul#myTab-ict li {
            min-height: 100px;
        }

    #office-365 .last-sec .nav-tabs > li > a {
        font-size: 17px;
    }

    #office-365 .inline-buttons {
        width: 65%;
    }

    #office-365 .video {
        width: 80% !important;
        margin: 0 auto;
        height: 300px;
    }

    #office-365 .last-sec .wrapper:after,
    #office-365 .last-sec .wrapper:before {
        width: 150px;
    }

    div#office-365 section.last-sec ul.nav {
        width: 100% !important;
        margin: 30px auto;
    }

        div#office-365 section.last-sec ul.nav li {
            width: 25%;
            margin: 0;
            font-size: 17px;
            display: inline-block;
        }

            div#office-365 section.last-sec ul.nav li.active:after {
                display: none;
            }
}

@media(min-width: 992px) and (max-width: 1199px) {
    div#office-365 .main-banner:before {
        width: 55%;
    }

    div#office-365 .main-banner .header {
        width: 40%;
    }

    div.ict-integrated .main-banner .header h1 {
        margin: 30px 0 20px;
        text-transform: none;
    }

    .ict-integrated .last-sec .nav-tabs > li {
        width: 20%;
    }

    .ict-integrated .last-sec .wrapper:after,
    .ict-integrated .last-sec .wrapper:before {
        width: 140px;
    }

    div#office-365 section.last-sec ul.nav {
        width: 100% !important;
        margin: 30px auto;
    }

        div#office-365 section.last-sec ul.nav li {
            width: 25%;
            margin: 0;
            font-size: 17px;
            display: inline-block;
        }
}

@media (min-width: 1920px) {
    div#web-hosting .main-banner:before {
        background-size: cover;
    }

    div#office-365 .main-banner:before {
        width: 45%;
        background-size: cover;
    }
}
/*#endregion microsoft offfice 365*/


/*#region web hosting new design*/
div#web-hosting .main-banner {
    background-image: url(../content/images/web-hosting/Main-pic.png);
    width: 100%;
    padding-bottom: 4%;
}

    div#web-hosting .main-banner:before {
        width: 42%;
        background-image: url('../content/images/web-hosting/shape-banner.png');
    }

    div#web-hosting .main-banner .header h1 {
        font-size: 40px;
        line-height: 1.2;
        color: #fff;
        margin: 0;
    }

    div#web-hosting .main-banner .header {
        width: 30%;
    }

        div#web-hosting .main-banner .header h1 span {
            display: block;
            font-size: 24px;
            font-family: teleNeo-regular !important;
        }


#web-hosting .web-hosting {
    height: 100%;
    background: transparent linear-gradient( 180deg, rgb(254, 254, 254) 0%, rgba(202, 207, 220, .47) 100%) 0% 0% no-repeat padding-box;
}

#web-hosting .content {
    height: auto;
}

#web-hosting .web-hosting h2 {
    background-color: black;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
    position: relative;
    z-index: 5;
    margin: 100px auto 80px;
}

    #web-hosting .web-hosting h2 span {
        transform: skewX(25deg);
        position: relative;
        display: block;
    }

div#web-hosting .content {
    background: transparent;
    box-shadow: none;
    background-color: transparent;
    padding: 0;
}

#web-hosting .web-hosting .flex-container {
    background-color: #fff;
    width: 100%;
    height: auto;
    transform: translate(0, 20px);
    z-index: 3;
    position: relative;
    margin-top: -180px;
    padding: 20px 0;
    border-radius: 5px;
    box-shadow: 0px 30px 136px rgba(0, 0, 0, .10);
}

#web-hosting #myTabContent-ict {
    width: 95%;
}

    #web-hosting #myTabContent-ict #tab-3 ul {
        width: 80%;
        margin: 0 auto;
    }

#web-hosting .web-hosting .flex-container > div {
    background: none;
    width: 95%;
    margin: 15px;
    padding: 25px;
    margin: 40px auto;
    position: relative;
}

    #web-hosting .web-hosting .flex-container > div > #usluga {
        width: 70%;
        margin: 0 auto;
    }

#web-hosting .web-hosting .flex-container > p {
    color: black;
}



#web-hosting .web-hosting .nav-item {
    background: transparent linear-gradient( 180deg, rgba(202, 207,220, .16) 0%, rgba(202, 207, 220, .47) 100%) 0% 0% no-repeat padding-box;
    text-align: center;
    border-radius: 8px;
}

#web-hosting .web-hosting .nav-tabs {
    border-bottom: none;
    width: 90%;
    height: 80px;
    margin: 85px auto 0 auto;
    position: relative;
    display: flex;
}

    #web-hosting .web-hosting .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
        width: 25%;
        height: 100%;
        align-items: center;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        flex-wrap: nowrap;
        position: relative;
        border: 0;
        box-shadow: 0;
        background: #EFEFF3 0% 0% no-repeat padding-box;
        border-radius: 10px;
        margin: 0 10px;
    }

        #web-hosting .web-hosting .nav-tabs > li:focus-visible,
        #web-hosting .web-hosting .nav-tabs > li a:focus-visible {
            outline: none;
            border: 0;
        }

#web-hosting .web-hosting .nav > li > a {
    position: relative;
    display: block;
    padding: 25px 0px;
}

#web-hosting .web-hosting .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: none;
    border-radius: 10px;
    display: block;
    font-size: 18px;
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    color: black;
}

#web-hosting .web-hosting .nav-tabs > li.active > a:before {
    color: black;
    cursor: default;
    border: none;
    border-bottom: none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 23px 89px #3e3e3e1c;
    height: 3px;
    background: #e20074;
    content: '';
    position: absolute;
    top: 0;
    width: 85%;
}

#web-hosting .web-hosting .nav-tabs p {
    color: black;
}

#web-hosting .web-hosting .nav-tabs > li:hover > a:before {
    height: 3px;
    border: none;
    background: #e20074;
    content: '';
    position: absolute;
    top: 0;
    width: 85%;
    box-shadow: 0px 23px 89px #3e3e3e1c;
}



#web-hosting .web-hosting .nav-tabs.nav-justified > li > a {
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
}

#web-hosting .web-hosting .flex-column {
    border-bottom: none;
    height: 100px;
    width: 90%;
    margin: 0 auto;
    position: relative;
}

    #web-hosting .web-hosting .flex-column > li {
        float: left;
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        align-items: flex-start;
        flex-direction: row;
        justify-content: flex-start;
        align-content: flex-end;
        flex-wrap: nowrap;
        margin: 0 auto;
        position: relative;
        border: 0;
    }

        #web-hosting .web-hosting .flex-column > li > a {
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
            width: 100%;
            height: 90px;
            margin-bottom: 14px;
            display: inline-flex;
            flex-direction: column;
            justify-content: center;
            flex-wrap: nowrap;
            color: black;
            background: #EFEFF3 0% 0% no-repeat padding-box;
            border-radius: 8px;
            padding-left: 34px;
        }

            #web-hosting .web-hosting .flex-column > li > a:focus {
                background-color: #fff;
            }

    #web-hosting .web-hosting .flex-column p {
        color: black;
    }

    #web-hosting .web-hosting .flex-column > li > a:hover {
        border: none;
        box-shadow: 0px 23px 89px #3e3e3e1c;
    }

#web-hosting .web-hosting .nav-pills > li:hover > a:before {
    content: '';
    position: absolute;
    left: 0;
    height: 70%;
    width: 3px;
    background: #e20074;
    border: none;
    box-shadow: 0px 23px 89px #3e3e3e1c;
}

#web-hosting .web-hosting .nav-pills > li.active > a:focus {
    background-color: #fff;
    color: black;
}

#web-hosting .web-hosting .nav-pills > li.active > a:before {
    content: '';
    position: absolute;
    left: 0;
    height: 70%;
    width: 3px;
    background: #e20074;
}

#web-hosting .web-hosting nav {
    padding-left: unset;
    position: sticky;
    top: 100px;
}

#web-hosting .web-hosting .nav-tabs > li > a:hover {
    text-decoration: none;
    background-color: #fff;
    border: none;
    box-shadow: 0px 23px 89px #3e3e3e1c;
}

#web-hosting .web-hosting .nav-link {
    width: 80%;
}

    #web-hosting .web-hosting .nav-link .nav-justified > li > a {
        border-bottom: 0;
        border-radius: 4px 4px 0 0;
    }

#web-hosting .web-hosting .nav-tabs > li.active > a,
#web-hosting .nav-tabs > li.active > a:focus,
#web-hosting .nav-tabs > li.active > a:hover {
    color: black;
    cursor: default;
    background-color: #fff;
    border: none;
    border-bottom: none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 23px 89px #3e3e3e1c;
}

#web-hosting .web-hosting .usluga {
    text-align: left;
}

#web-hosting .web-hosting .usluga-left {
    text-align: left;
}

#web-hosting .web-hosting p {
    font-size: 18px;
}

#web-hosting .web-hosting .usluga-left p {
    margin: 0;
}

#web-hosting .web-hosting .usluga-right {
    text-align: left;
}

    #web-hosting .web-hosting .usluga-right p {
        margin: 0;
    }

.web-hosting .za-kogo p {
    text-align: left;
    padding: 0px 90px;
}

#web-hosting #usluga span {
    color: #E00274;
}

#web-hosting #za-kogo span {
    color: #E00274;
}

#web-hosting #home {
    width: 70%;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

#web-hosting #za-kogo {
    width: 70%;
    margin: 0 auto;
}

#web-hosting #pridobivki {
    width: 100%;
    margin: 0 auto;
    position: relative;
    bottom: 90px;
}

    #web-hosting #pridobivki .box {
        text-align: center;
    }

#web-hosting .box .img {
    position: relative;
    min-height: 60px;
}

#web-hosting p.biger-text-header {
    text-transform: uppercase;
}

#web-hosting #pridobivki .box img {
    max-width: 45px;
    padding-bottom: 19px;
}

#web-hosting #pridobivki .pr1 p {
    font-size: 15px;
}


/*USLUGI*/
#web-hosting .uslugi {
    background-image: url(../content/images/web-hosting/section5.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #D8D8D8;
}

    #web-hosting .uslugi .wrapper {
        width: 100%;
        padding-top: 5%;
        background: transparent;
        box-shadow: none;
        position: relative;
    }

    #web-hosting .uslugi h2 {
        text-transform: uppercase;
        color: #e20074;
        margin: 0;
        position: sticky;
        top: 40px;
        width: 20%;
        left: 0;
    }

    #web-hosting .uslugi nav {
        float: left;
        width: 20%;
        height: auto;
        padding-top: 10px;
        padding-left: unset;
        position: sticky;
        top: 140px;
        left: 0;
        margin-right: 55px;
    }

    #web-hosting .uslugi ul#v-pills-tab {
        height: auto;
        width: 100%;
        margin: 0;
    }

    #web-hosting .uslugi .flex-container {
        display: flex;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    #web-hosting .uslugi .flex-column {
        border-bottom: none;
    }

        #web-hosting .uslugi .flex-column > li {
            float: left;
            width: 100%;
            height: auto;
            align-items: flex-start;
            flex-direction: row;
            justify-content: flex-start;
            align-content: flex-end;
            flex-wrap: nowrap;
            margin: 0 auto;
            position: relative;
            border: 0;
        }

            #web-hosting .uslugi .flex-column > li > a {
                line-height: 1.2;
                border: 1px solid transparent;
                border-radius: 4px 4px 0 0;
                width: 100%;
                height: 80px;
                margin-bottom: 15px;
                font-size: 18px;
                display: inline-flex;
                flex-direction: column;
                justify-content: center;
                flex-wrap: nowrap;
                color: black;
                background: #EFEFF3 0% 0% no-repeat padding-box;
                border-radius: 8px;
                padding-left: 35px;
            }

    #web-hosting .uslugi .nav-pills > li.active > a,
    #web-hosting .uslugi .nav-pills > li.active > a:focus,
    #web-hosting .uslugi .nav-pills > li.active > a:hover {
        color: black;
        background-color: #fff;
    }

        #web-hosting .uslugi .nav-pills > li.active > a:before {
            content: '';
            position: absolute;
            left: 0;
            height: 70%;
            width: 3px;
            background: #e20074;
        }

    #web-hosting .uslugi .nav-pills > li:active > a:before {
        content: '';
        position: absolute;
        left: 0;
        height: 70%;
        width: 3px;
        background: #e20074;
        box-shadow: 0px 23px 89px #3e3e3e1c;
    }

    #web-hosting .uslugi .nav-pills > li:hover > a:before {
        height: 70%;
        border: none;
        background: #e20074;
        content: '';
        position: absolute;
        left: 0;
        width: 3px;
        box-shadow: 0px 23px 89px #3e3e3e1c;
    }

    #web-hosting .uslugi article {
        float: left;
        padding: 0px 0 20px 0;
        width: 75%;
    }

    #web-hosting .uslugi .nav.nav-tabs {
        margin: auto;
        width: 60%;
        border: none;
        text-transform: uppercase;
        margin: 0 auto 60px auto;
    }

#web-hosting div#v-pills-tabContent ul.nav-tabs li {
    position: relative;
    padding: 0;
    border-radius: 0;
    border: 0;
    background-color: transparent;
    width: 45%;
    margin: 0 10px;
}

    #web-hosting div#v-pills-tabContent ul.nav-tabs li a {
        padding: 15px 20px;
        border-radius: 0;
        background-color: #f5f5f5;
        font-family: teleNeo-medium !important;
        color: #888888;
        border: 0;
        font-size: 18px;
        text-align: center;
        border: 0;
    }

        #web-hosting div#v-pills-tabContent ul.nav-tabs li a:focus,
        #web-hosting div#v-pills-tabContent ul.nav-tabs li a:hover {
            background: transparent !important;
        }

    #web-hosting div#v-pills-tabContent ul.nav-tabs li.active a,
    #web-hosting div#v-pills-tabContent ul.nav-tabs li.active a:focus {
        background-color: #e20074 !important;
        color: white !important;
    }

#web-hosting div#v-pills-profile .column-wrapper {
    padding: 0;
    overflow: visible;
}

#web-hosting div#v-pills-messages .column-wrapper-uslugi {
    padding: 10px 0 0 0;
    overflow: visible;
}

#web-hosting .uslugi .nav-tabs a:focus {
    outline: unset;
}

#web-hosting .uslugi .table {
    width: 100% !important;
    max-width: 100%;
    margin-bottom: 30px;
    background: #fff;
}

#web-hosting .uslugi table tbody tr th {
    font-size: 18px;
    font-family: teleNeo-bold !important;
    text-transform: unset;
}

#web-hosting .uslugi tr td {
    margin: 0px 5px;
    padding: 20px 60px !important;
    font-weight: 600;
    font-size: 18px;
}

#web-hosting .table > thead:first-child > tr:first-child > th {
    border-top: 0;
    border-bottom: 0;
    font-size: 20px;
    padding: 40px 60px 20px;
}

#web-hosting .icon {
    position: relative;
    bottom: 1px;
    vertical-align: middle;
    display: inline-block;
    font-family: 'Telekom-Icon';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none !important;
    -webkit-font-smoothing: antialiased;
}

#web-hosting .uslugi .icon-confirm {
    color: #e20074;
    font-size: 22px;
}

#web-hosting .uslugi .ceni-specifikacija {
    max-width: 600px;
    display: block;
    margin: 0px auto;
    padding: 30px 0px 0px 10px;
}

#web-hosting .uslugi .column-wrapper {
    position: relative;
    display: block;
    padding: 40px 0px;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

#web-hosting .uslugi .column {
    position: relative;
    z-index: 1;
    width: 25%;
    margin: 17px;
    text-align: center;
    overflow: visible;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, .14);
}

#web-hosting .uslugi .column-inner {
    padding: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    min-height: 260px;
    background-color: #fff;
    z-index: 1;
    transition: all 200ms ease-in;
    transform: scale(1);
}

    #web-hosting .uslugi .column-inner h3 {
        text-align: center;
        border-bottom: 1px solid #eee;
        padding: 0px 0 20px;
        font-weight: bold;
        font-size: 34px;
    }

#web-hosting .uslugi p.text-magenta {
    color: #E00274;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding-top: 41px;
    line-height: 20px;
    position: relative;
    bottom: 0;
}

#web-hosting .uslugi .hdp-price.standarden-paket {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

#web-hosting .uslugi .hdp-price-left.hdp-price-top {
    font-size: 32px;
    font-weight: 600;
}

#web-hosting .uslugi .hdp-price-body {
    display: block;
    width: 40%;
    font-size: 12px;
}

#web-hosting .uslugi span.price-den {
    display: inline-block;
    border-bottom: 1px solid;
}

#web-hosting .uslugi .column-inner-uslugi {
    padding: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    min-height: 260px;
    background-color: #fff;
    z-index: 1;
    transition: all 200ms ease-in;
    transform: scale(1);
}

#web-hosting .uslugi .column-wrapper-uslugi {
    position: relative;
    display: block;
    padding: 20px 0px;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    overflow: visible;
}

#web-hosting .uslugi .column-uslugi {
    position: relative;
    z-index: 1;
    width: 25%;
    margin: 10px;
    text-align: center;
    box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
}

#web-hosting .uslugi .column-inner-uslugi h3 {
    text-align: center;
    margin: 15px 0;
    font-size: 20px;
    font-family: teleNeo-bold !important;
}

#web-hosting .uslugi .wrap-class {
    padding-top: 15px;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

#web-hosting .uslugi a.magenta-button.btn.btn-primary {
    background-image: none;
    background: #E20074 0% 0% no-repeat padding-box;
    color: #fff;
    position: relative;
    top: 40px;
    width: 35%;
    margin: auto;
    border: none;
    font-size: 18px;
}

#web-hosting .panel-group {
    margin-bottom: 20px;
}

#web-hosting .panel-default .panel-heading {
    background-color: #fff;
}

#web-hosting .panel-heading {
    padding: 15px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#web-hosting .panel-group .panel-default .panel-body {
    border: 0 !important;
    margin-top: 0;
    padding: 0;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 46px #0000001a;
    width: 100%;
}

#web-hosting .panel-title > a {
    color: inherit;
}

#web-hosting h4.more-info {
    position: relative;
    background-color: #e20074;
    width: 300px;
    bottom: 0;
    margin: 0;
    padding: 15px 12px;
    /*transform: skewX(-25deg);*/
    color: #fff;
    left: 30px;
    font-size: 20px;
    background: transparent linear-gradient(97deg,#c80c6d 0%,#e20074 100%) 0% 0% no-repeat padding-box;
}

    #web-hosting h4.more-info span {
        /* transform: skewX(25deg);*/
        position: relative;
        display: block;
        margin-left: 0;
    }


        #web-hosting h4.more-info span:before {
            content: 'i';
            position: relative;
            border: 2px solid #fff;
            padding: 1px 11px;
            border-radius: 50px;
            display: inline;
            float: left;
            margin-right: 12px;
            top: -3px;
            font-size: 17px;
            left: 2px;
        }



#web-hosting .wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 20px;
}



#web-hosting #more-info .wrapper .box {
    position: relative;
    width: 45%;
    display: inline;
    float: left;
    padding: 15px 0 !important;
}

    #web-hosting #more-info .wrapper .box ul li {
        line-height: 1.2;
        font-size: 17px !important;
        font-family: 'teleNeo-medium' !important;
    }

#web-hosting .uslugi .wrapper .box p {
    line-height: 1.2;
    font-size: 14px !important;
    font-family: 'teleNeo-medium' !important;
}

#web-hosting .infos {
    position: relative;
    background-image: url(../content/images/web-hosting/section6-bg.png);
    height: 100%;
    width: 100%;
    background-size: cover;
    padding-bottom: 2%;
    padding-top: 2%;
}

    #web-hosting .infos .btn-wrapper {
        position: relative;
        margin: 10px auto;
        width: 60%;
        text-align: center;
        overflow: hidden;
    }

#web-hosting .panel-group .panel-default {
    box-shadow: none;
    border: 0;
}

#web-hosting .panel-group .panel {
    border-radius: 0;
    margin-bottom: 0;
    background: transparent;
}



#web-hosting .panel-default > .panel-heading {
    background-image: unset;
    padding-top: 55px;
    padding-bottom: 0;
    background: transparent;
    position: relative;
}



div#myTabContent-ict {
    position: relative;
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    width: 100%;
    margin: 0 auto;
    font-size: 18px;
}

#myTab-ict p {
    font-size: 18px;
}

.tab-content ul#myTab-ict li {
    padding: 30px 20px;
    box-shadow: 0 0 35px 7px rgba(0, 0, 0, .12);
    border-radius: 8px;
    width: 25%;
    text-align: center;
    font-size: 18px;
    position: relative;
    transition: all ease-in .3s;
    cursor: pointer;
    line-height: 1.2;
}

.left-aligned {
    left: 0;
    position: sticky;
    z-index: 2;
    background: #fff;
    width: 400px;
    text-align: left !important;
    border-color: #eaeaea !important;
    height: 64px;
    font-size: 17px;
    padding: 10px 25px;
    font-weight: 600;
}

.table > tbody > tr > th {
    border-bottom: 1px solid #e5e5e5 !important;
    line-height: 22px;
    vertical-align: middle;
}

.tableTest tbody tr th:first-child {
    left: 0;
    position: sticky;
    z-index: 2;
    background: #fff;
    width: 400px;
    text-align: left;
    border-color: #eaeaea !important;
    height: 64px;
    font-size: 17px;
    padding: 10px 25px;
}

.tableTest thead tr th:first-child, .tableTest tbody tr th:first-child {
    left: 0;
    position: sticky;
    z-index: 2;
    background: #fff;
    width: 400px;
    text-align: left;
    border-color: #eaeaea !important;
    height: 64px;
    font-size: 17px;
    padding: 10px 25px;
}

.tableTest tr th:last-child:before, .tableTest tr td:last-child:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30%;
    background: transparent linear-gradient(84deg,rgba(233, 233, 233, .11) 0%,rgba(223, 223, 223,0) 100%);
    height: 100%;
}

.tableTest tr th:first-child:after, .tableTest tr td:first-child:after {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    width: 30%;
    background: transparent linear-gradient(84deg,rgba(233, 233, 233, .11) 0%,rgba(223, 223, 223,0) 100%);
    height: 100%;
}

div#office-365 .prices .table-responsive {
    position: relative;
    box-shadow: 0 30px 99px rgba(0, 0, 0, .19);
    border-radius: 8px;
    overflow: visible;
}

.tableTest {
    width: auto !important;
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
}

    .tableTest thead th {
        text-align: center;
        text-transform: uppercase;
        padding: 30px !important;
        font-family: 'teleNeo-extra' !important;
        font-size: 20px !important;
    }

    .tableTest tr th, .tableTest tr td {
        position: relative;
        background: #fafafa;
        text-align: center;
        border-bottom: 1px solid #eaeaea !important;
        border-top: 0 !important;
        font-size: 16px;
    }

table thead tr th {
    border: none;
    font-weight: 100;
}



#web-hosting #myTabContent-ict #tab-2 .wrap {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}



@media (max-width: 767px) {

    #web-hosting #myTabContent-ict #tab-3 ul {
        width: 100%;
    }

        #web-hosting #myTabContent-ict #tab-3 ul li {
            margin-left: 10px;
        }

    #web-hosting div#v-pills-tabContent ul.nav-tabs li {
        width: 50%;
    }

    #web-hosting #myTabContent-ict .box {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
    }

    div #web-hosting .main-banner {
        height: 320px;
        background-position: top center;
        padding-bottom: 2%;
    }

        div#web-hosting .main-banner:before {
            width: 70%;
        }

        div#web-hosting .main-banner .header {
            width: 60%;
            bottom: 10px;
        }

            div#web-hosting .main-banner .header h1 {
                font-size: 25px;
                line-height: 1;
            }

                div#web-hosting .main-banner .header h1 span {
                    font-size: 20px;
                }

    #web-hosting .web-hosting h2 {
        position: relative;
        width: 80%;
        text-align: center;
        margin: 0 auto 30px auto;
        background-color: black;
        color: white;
        text-transform: uppercase;
        font-size: 28px;
        bottom: 40px;
    }

    #web-hosting .web-hosting .box p {
        padding-left: 0;
    }

    #web-hosting .web-hosting .flex-container {
        background-color: #fff;
        width: 100%;
        height: auto;
        margin-top: 0;
    }

        #web-hosting .web-hosting .flex-container > div {
            width: 100%;
            padding: 25px 0 0;
        }

    #web-hosting #myTabContent-ict #tab-2 .wrap {
        flex-direction: column;
    }

    .uslugi .wrapper {
        padding-top: 80px;
    }

    .header-content .text-wrap h1 {
        font-size: 30px;
        line-height: 12px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
    }

    .text-wrap p {
        font-size: 14px;
    }

    .web-hosting h2 {
        font-size: 23px;
        background-color: black;
        color: #fff;
        width: 100%;
        padding: 13px;
        text-align: center;
        font-weight: 600;
        text-transform: uppercase;
        transform: unset;
        z-index: 1;
        position: relative;
        top: 84px;
    }

        .web-hosting h2 span {
            transform: unset;
            position: relative;
            display: block;
        }

    .web-hosting .flex-container {
        width: 100%;
        height: auto;
    }

    .web-hosting .nav-tabs > li {
        margin-bottom: -1px;
        width: 90%;
        height: 70px;
        align-items: center;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        flex-wrap: nowrap;
        position: relative;
        border: 0;
        box-shadow: 0;
        background: #EFEFF3 0% 0% no-repeat padding-box;
        border-radius: 7px;
        margin: 7px auto;
    }

    .web-hosting .nav-tabs {
        border-bottom: none;
        height: auto;
        width: 100%;
        margin: 85px auto 0 auto;
        position: relative;
        display: flex;
        top: unset;
        flex-direction: column;
    }

    .web-hosting .flex-container > div {
        background: none;
        width: 100%;
        margin: 15px;
        padding: 0;
        font-size: 15px;
        position: absolute;
        top: unset;
        margin: 10px auto;
        position: relative;
    }

    #web-hosting .panel-group .panel-default .panel-body {
        padding: 20px;
    }

    #web-hosting #home {
        width: 90%;
        text-align: justify;
        margin: 0 auto;
    }

    #web-hosting .web-hosting .flex-container > div > #usluga {
        width: 90%;
        margin: 0 auto;
    }

    .web-hosting .usluga {
        text-align: left;
        font-size: 14px;
    }

    .web-hosting .usluga-left {
        width: 100%;
        clear: left;
    }

    .web-hosting .usluga-right {
        width: 100%;
        clear: right;
    }

    .web-hosting .usluga-left p {
        margin: 0;
        font-size: 14px;
    }

    .web-hosting .usluga-right p {
        margin: 0;
        font-size: 14px;
    }

    #web-hosting #za-kogo {
        width: 90%;
        margin: 0 auto;
        font-size: 14px;
    }

    #web-hosting #pridobivki {
        width: 90%;
        margin: 0 auto;
        position: relative;
        bottom: unset;
    }

    #web-hosting .uslugi .container {
        width: 100%;
        padding-top: 250px;
    }

    #web-hosting .uslugi h2 {
        text-transform: uppercase;
        color: #e20074;
        margin: 0 auto;
        text-align: center;
        position: static;
        width: 100%;
    }

    #web-hosting .uslugi nav {
        float: left;
        width: 100%;
        height: auto;
        padding-top: 40px;
        padding-left: unset;
        position: static;
        margin-bottom: 50px;
    }

    #web-hosting .uslugi ul#v-pills-tab {
        height: auto;
        width: 100%;
        margin: 0;
    }

    #web-hosting .uslugi article {
        float: left;
        padding: 0px !important;
        width: 100%;
    }

    #web-hosting .uslugi .column-wrapper {
        position: relative;
        padding: 0px 0px;
        overflow: visible;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #web-hosting .uslugi .column {
        position: relative;
        z-index: 1;
        width: 100%;
        margin: 17px;
        text-align: center;
    }

    #web-hosting .uslugi .column-wrapper-uslugi {
        position: relative;
        display: block;
        padding: 0;
        overflow: hidden;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        overflow: visible;
        flex-direction: column;
    }

    #web-hosting .uslugi .column-uslugi {
        position: relative;
        z-index: 1;
        width: 100%;
        margin: 10px;
        text-align: center;
    }

    #web-hosting .uslugi .nav.nav-tabs {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        width: 100% !important;
    }

    #web-hosting .uslugi .nav-tabs > li > a:hover {
        border: none;
    }

    #web-hosting .uslugi .nav-tabs > li.active > a {
        color: #fff;
        background-color: #DF0274;
        border-radius: 0;
    }

    #web-hosting .uslugi .nav-tabs > li > a {
        margin-right: 0;
        display: block;
        padding: 10px 10px !important;
        cursor: pointer;
        text-align: center;
        font-size: 17px !important;
    }

    #web-hosting h4.more-info {
        position: relative;
        width: 100%;
        bottom: 0;
        margin: 30px auto 0;
        padding: 18px 12px;
        color: #fff;
        left: 0 !important;
        font-size: 19px;
    }

    #web-hosting .panel-default > .panel-heading {
        background-image: unset;
        padding-top: 0;
        position: relative;
        top: 0;
    }

    #web-hosting #more-info .wrapper .box {
        width: 100%;
        margin: 0;
    }

        #web-hosting #more-info .wrapper .box ul li {
            margin-left: 0 !important;
        }

    #web-hosting .wrapper .box {
        position: relative;
        width: 100%;
        display: inline;
        margin: 0;
        padding: 10px 0 !important;
    }

    #web-hosting .uslugi .nav.nav-tabs {
        margin: auto;
        width: 360px;
        margin-bottom: 20px;
        border: none;
        text-transform: uppercase;
        margin-bottom: 35px;
        margin-top: 25px;
    }

    #web-hosting .tableTest tbody tr th:first-child {
        font-size: 16px;
    }

    #web-hosting .table-responsive {
        overflow: auto !important;
    }

        #web-hosting .table-responsive > .table {
            margin-bottom: 0;
            margin-top: 0;
            width: 100%;
            overflow: visible !important;
            touch-action: auto !important;
        }

    #web-hosting .uslugi tr td {
        padding: 20px 30px !important;
    }

    #web-hosting .tableTest tbody tr:first-child th:first-child {
        font-size: 17px;
    }

    #web-hosting .tableTest thead tr th:first-child,
    #web-hosting .tableTest tbody tr th:first-child {
        padding: 10px 15px !important;
    }

    #web-hosting .wrapper .box {
        width: 100%;
        margin: 0;
        float: none;
    }

    #web-hosting .uslugi .column-inner {
        min-height: 220px;
    }

        #web-hosting .uslugi .column-inner h3,
        #web-hosting .uslugi .column-inner-uslugi h3 {
            background: transparent;
        }

    #web-hosting .infos {
        padding-bottom: 10%;
    }

    #web-hosting .uslugi .column-inner-uslugi {
        min-height: 300px;
    }

    #web-hosting .uslugi a.magenta-button.btn.btn-primary {
        top: 30px;
    }

    #web-hosting .infos .btn-wrapper {
        width: 100%;
    }

    #web-hosting .uslugi .wrapper {
        padding: 20% 0 0 0;
    }

    #web-hosting .uslugi {
        padding-bottom: 30px;
    }
}

@media (min-width: 1920px) {
    div#web-hosting .main-banner:before {
        width: 45%;
    }

    div#web-hosting .main-banner {
        height: 550px;
        background-position: left bottom;
    }
}

@media (min-width: 320px) and (max-width: 400px) {
    div#web-hosting .main-banner .header {
        width: 60%;
    }

    div#web-hosting .main-banner:before {
        width: 85%;
    }

    div #web-hosting .main-banner {
        padding-bottom: 0;
    }

        div#web-hosting .main-banner .header h1 {
            font-size: 22px;
            line-height: 1.1;
            margin: 0;
        }

    #web-hosting .ceni-specifikacija .list-inline li {
        font-size: 16px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#web-hosting .main-banner {
        background-position: 30% 0%;
    }

        div#web-hosting .main-banner:before {
            width: 55%;
        }

        div#web-hosting .main-banner .header {
            width: 40%;
        }

            div#web-hosting .main-banner .header h1 {
                font-size: 31px;
                line-height: 1.1;
            }

    #web-hosting #myTabContent-ict #tab-4 .box {
        position: relative;
        min-height: 350px;
    }

    #web-hosting #more-info .wrapper .box {
        width: 100%;
    }

    #web-hosting .uslugi .nav.nav-tabs {
        width: 65%;
    }

    #web-hosting .web-hosting .nav-tabs {
        height: 130px;
    }

        #web-hosting .web-hosting .nav-tabs > li > a {
            text-align: center;
            padding: 0 10px;
        }

    #web-hosting .uslugi nav {
        width: 100%;
        margin-right: 0;
    }

    #web-hosting .uslugi ul#v-pills-tab {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        #web-hosting .uslugi ul#v-pills-tab li {
            width: 30%;
            text-align: center;
        }

    #web-hosting .uslugi article {
        padding: 20% 0 20px 0;
        width: 100%;
    }

    #web-hosting .uslugi tr td {
        padding: 20px 30px !important;
    }

    #web-hosting .uslugi .column {
        width: 30%;
    }

    #web-hosting .uslugi .column-inner-uslugi h3 {
        font-size: 18px;
    }

    #web-hosting .uslugi a.magenta-button.btn.btn-primary {
        width: 100%;
    }

    #web-hosting .wrapper .box {
        width: 100%;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    div#web-hosting .main-banner:before {
        width: 50%;
    }

    div#web-hosting .main-banner .header {
        width: 35%;
    }

        div#web-hosting .main-banner .header h1 {
            font-size: 31px;
            line-height: 1.1;
        }

    #web-hosting .uslugi .nav.nav-tabs {
        width: 65%;
    }

    #web-hosting .uslugi nav {
        margin-right: 25px;
    }

    #web-hosting .uslugi article {
        width: 75%;
    }

    #web-hosting .uslugi tr td {
        padding: 20px 34px !important;
    }
}

@media(min-width: 1200px) and (max-width: 1400px) {
    div#web-hosting .main-banner:before {
        width: 50%;
    }

    div#web-hosting .main-banner .header h1 {
        font-size: 35px !important;
        line-height: 1.1 !important;
    }

    #web-hosting .uslugi nav {
        margin-right: 35px;
    }

    #web-hosting .uslugi tr td {
        padding: 20px 45px !important;
    }
}
/*#endregion web hosting new design*/


/*#region gley antonija*/

#gley .banner {
    background-image: url(../content/images/gley/baner-BG.png);
    /*background-image: url(../content/images/gley/gley-bg-nagradna-igra.jpg);*/
    background-repeat: no-repeat;
    background-position: 30% 0;
    background-size: cover;
    height: 70vh;
    background-position: center;
}

    #gley .banner.sq {
        background-image: url(../content/images/gley/gley-bg-nagradna-igra-sq.jpg);
    }

#gley .ny-gley {
    padding: 50px 0;
    text-align: center;
}

    #gley .ny-gley .button {
        margin-top: 25px;
    }

        #gley .ny-gley .button a.btn-magenta-pdf {
            width: 220px;
        }

    #gley .ny-gley .promo-text-ny-2025:before {
        top: 0;
    }

#gley .shape {
    stroke-dasharray: 0 1500;
    stroke-dashoffset: -474;
    stroke-width: 2px;
    fill: transparent;
    stroke: #e20074;
    border-bottom: none !important;
    transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
    position: relative;
    width: 54%;
    height: 100%;
}

    #gley .shape:before {
        content: " ";
        position: absolute;
        width: 100%;
        background: url(../content/images/gley/shape-left.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left bottom;
        height: 465px;
        bottom: 0;
        color: white;
        left: -50px;
    }



#gley .banner .header-text {
    position: absolute;
    left: 0px;
    width: 50%;
    margin-left: 0;
    bottom: 80px;
}

    #gley .banner .header-text h1 {
        font-size: 62px;
        color: white;
        font-weight: 600;
        line-height: 1.1;
        padding-bottom: 20px;
        text-transform: none;
        font-style: italic;
    }



@media (min-width: 1200px) and (max-width: 1350px) {
    #gley .banner .header-text h1 {
        font-size: 58px;
        color: white;
        font-weight: 600;
        line-height: 1.1;
        padding-bottom: 20px;
        text-transform: none;
        font-style: italic;
    }

    #gley .banner .header-img {
        position: absolute;
        left: initial;
        bottom: initial;
        background-repeat: no-repeat;
        background-size: cover;
        right: 17% !important;
        top: 30%;
    }
}

#gley .banner .header-text h1 span {
    text-transform: uppercase;
    font-size: 33px;
    display: block;
}

#gley .banner .header-text p {
    font-size: 22px;
    color: white;
}

#gley .banner .header-img {
    position: absolute;
    left: initial;
    bottom: initial;
    background-repeat: no-repeat;
    background-size: cover;
    right: 170px;
    top: 30%;
}

@media (min-width: 1600px) and (max-width: 1799px) {

    #gley .banner .header-img {
        right: 35%;
    }
}

@media (min-width: 1450px) and (max-width: 1599px) {

    #gley .banner .header-img {
        right: 30%;
    }
}



#gley .wrapper .box span.price {
    text-decoration: line-through;
    font-size: 22px;
}

#gley .gley-packets span.price-total-no-ddv.visible-price {
    padding-left: 10px;
}

#gley .gley-list li:before {
    transition-delay: 0.2s;
}

#gley .gley-packets .text p.text-center {
    padding-top: 0px;
}

#gley .gley-packets .text {
    padding-top: 25px;
}

#gley .gley-packets .wrapper .box {
    min-height: 300px
}

#gley .gley-packets .wrapper .wrap-class {
    padding: 15px 40px;
    height: 105px;
}

#gley .gley-text {
    position: relative;
}

    #gley .gley-text:before {
        content: ' ';
        width: 200px;
        height: 220px;
        background-image: url(../content/images/gley/shape-right.png);
        background-repeat: no-repeat;
        background-size: cover;
        top: -130px;
        right: 0;
        position: absolute;
    }

    #gley .gley-text .text-wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
        padding: 36px;
    }

    #gley .gley-text .text-center {
        text-align: center;
        width: 75%;
        font-size: 18px;
    }

#gley .gley-opportunities {
    background-image: url(../content/images/gley/gley-white-bg.jpg);
    background-position: 25% bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 650px;
    position: relative;
}

    #gley .gley-opportunities .wrapper {
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        transform: translate(0px, 100px);
    }

        #gley .gley-opportunities .wrapper .left-text {
            margin-right: 70px;
            width: 50%;
        }

            #gley .gley-opportunities .wrapper .left-text h2 {
                font-size: 45px;
            }

            #gley .gley-opportunities .wrapper .left-text span {
                font-size: 45px;
                font-family: 'teleNeo-extra' !important;
            }

            #gley .gley-opportunities .wrapper .left-text p {
                font-size: 18px;
                padding-top: 28px;
            }

        #gley .gley-opportunities .wrapper .right-text {
            margin-left: 45px;
        }

            #gley .gley-opportunities .wrapper .right-text p {
                font-size: 18px;
            }

#gley ul li {
    margin-left: 0 !important;
    font-size: 18px;
    position: relative;
    padding-left: 25px;
    line-height: 1.6;
}

#gley ul.gley-list {
    position: relative;
}

/*.gley-opportunities*/
#gley .gley-list li:before {
    content: '';
    position: absolute;
    left: 0;
    width: 0px;
    background: transparent;
    height: 0px;
    bottom: 0;
    top: 0;
    margin: 9px auto;
    border-top: 6px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 9px solid #e20074;
    transition-delay: 0.1s;
}

#gley .gley-packets {
    background-image: url(../content/images/gley/paketi-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    position: relative;
    padding: 0 0 70px;
}

    #gley .gley-packets .wrapper {
        position: relative;
        overflow: hidden;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: stretch;
        overflow: visible;
    }

        #gley .gley-packets .wrapper .box {
            position: relative;
            z-index: 1;
            width: 30%;
            margin: 0 30px;
            text-align: center;
            transition: transform 250ms;
        }

            #gley .gley-packets .wrapper .box:hover {
                background: transparent linear-gradient(359deg, #FAAF00 0%, #DF5B00 100%) 0% 0% no-repeat padding-box;
                opacity: 1;
                transition: transform 150ms;
            }

        #gley .gley-packets .wrapper .box {
            padding: 20px;
            background: transparent linear-gradient(0deg, #ffffff52 0%, #FFFFFF4D 16%) 0% 0% no-repeat padding-box;
            min-height: 400px;
            z-index: 1;
            transition: all 200ms ease-in;
            transform: scale(1);
        }

        #gley .gley-packets .wrapper .box-inner h3 {
            text-align: center;
            padding: 10px 0px;
            font-weight: normal;
            font-size: 22px;
            color: #fff;
            font-family: 'teleNeo-medium' !important;
        }

        #gley .gley-packets .wrapper .wrap-class {
            background-color: #333333;
            position: absolute;
            bottom: 0;
            width: 100%;
            padding: 15px 40px;
            left: 0;
            height: 210px;
        }

        #gley .gley-packets .wrapper .box:hover .wrap-class .gley-list li::before {
            border-left: 9px solid #FACA00;

        }

        #gley .gley-packets .wrapper .hdp-price.standarden-paket {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            flex-direction: row;
            padding: 12px;
        }

        #gley .gley-packets .wrapper hdp-price-left.hdp-price-top {
            font-size: 30px;
        }

        #gley .gley-packets .wrapper.hdp-price-body {
            display: block;
            width: 50%;
            font-size: 12px;
        }

    #gley .gley-packets .hdp-price-body {
        margin-left: 8px;
        font-size: 14px;
        color: #FFFFFF;
        opacity: 0.7;
    }

    #gley .gley-packets .wrapper span.price-den {
        display: block;
        border-bottom: 1px solid;
    }

    #gley .gley-packets span.price-den {
        display: inline-block;
        border-bottom: 1px solid;
    }

    #gley .gley-packets .heading-packets {
        color: #fff;
        padding: 80px 0px 50px;
        margin: 0 auto;
        width: 75%;
    }

        #gley .gley-packets .heading-packets h2 {
            font-size: 45px;
            padding-bottom: 20px;
            font-family: 'teleNeo-bold' !important;
        }

        #gley .gley-packets .heading-packets p {
            font-size: 19px;
        }

    #gley .gley-packets span.price-total-no-ddv.visible-price {
        font-size: 32px;
        font-weight: 600;
        color: white;
        padding-left: 10px;
    }

    #gley .gley-packets .box .box-inner ul {
        text-align: left;
        margin: 24px auto;
        font-size: 18px;
        color: white;
    }

    #gley .gley-packets .text p.text-center {
        padding-top: 0px;
        color: #FFFFFF;
        opacity: 0.5;
        font-size: 16px;
    }


#gley .gley-activation {
    background-image: url(../content/images/gley/films-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 100px 0 80px;
}

@media (min-width: 991px) and (max-width: 1199px) {
    #gley .gley-activation {
        background-image: url(../content/images/gley/films-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        padding: 80px 0 60px;
    }
}

#gley .gley-packets:after {
    content: ' ';
    width: 230px;
    height: 186px;
    background-image: url(../content/images/gley/deco.png);
    background-repeat: no-repeat;
    bottom: -60px;
    right: 0;
    position: absolute;
    background-size: contain;
    background-position: bottom right;
    z-index: 2;
}

#gley .gley-activation:after {
    content: ' ';
    width: 50%;
    height: 700px;
    background-image: url(../content/images/gley/devices.png);
    background-repeat: no-repeat;
    right: -80px;
    position: absolute;
    background-size: contain;
    top: 0;
    background-position: right center;
}

@media (min-width: 991px) and (max-width: 1199px) {

    #gley .gley-activation:after {
        content: ' ';
        width: 50%;
        height: 700px;
        background-image: url(../content/images/gley/devices.png);
        background-repeat: no-repeat;
        right: 20px;
        position: absolute;
        background-size: contain;
        top: 0;
        background-position: right center;
    }

    #gley .gley-last .wrapper .text-last-1 p:first-of-type {
        margin-bottom: 20px;
    }
}



#gley .gley-activation .text-activate {
    width: 50%;
    font-size: 18px;
    position: relative;
    top: 0;
}

    #gley .gley-activation .text-activate h2 {
        font-size: 45px;
        font-family: 'teleNeo-bold' !important;
    }

    #gley .gley-activation .text-activate .first-paragraph {
        padding-top: 15px;
    }

    #gley .gley-activation .text-activate .second-paragraph {
        padding-top: 10px;
        margin-bottom: 50px;
    }

        #gley .gley-activation .text-activate .second-paragraph li {
            padding-bottom: 10px;
            counter-increment: ol;
            display: list-item;
            position: relative;
            padding-left: 30px;
            margin-bottom: 20px;
        }

        #gley .gley-activation .text-activate .second-paragraph ol.activate, section.gley-last .custom-acc .panel-heading .second-paragraph ol.activate {
            position: relative;
            list-style-type: none;
            padding-left: 0px;
            list-style-position: inside;
            display: list-item;
        }

            #gley .gley-activation .text-activate .second-paragraph ol.activate li:before, section.gley-last .custom-acc .panel-heading .second-paragraph ol.activate {
                content: '';
                position: absolute;
                left: 13px;
                width: 3px;
                background: transparent;
                height: 34px;
                margin: auto;
                border-bottom: 12px solid #e20074;
                top: 0;
            }

        #gley .gley-activation .text-activate .second-paragraph ol li::after {
            display: inline-block;
            content: " " counter(ol) " ";
            color: #A5A5A5;
            opacity: 1;
            font-family: 'teleNeo-bold' !important;
            top: 0;
            width: 20px;
            left: 0;
            height: 20px;
            position: absolute;
            font-size: 24px;
        }

/*  firefox css */
@-moz-document url-prefix() {
    #gley .gley-activation .text-activate .second-paragraph ol.activate li:before {
        left: 18px !important;
    }
}

#gley .gley-last {
    background: transparent radial-gradient(closest-side at 50% 0%, #00000096 0%, #0000000f 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 23px 60px rgba(0, 0, 0, 0.09);
}

    #gley .gley-last .wrapper {
        display: flex;
        flex-direction: row;
        font-size: 18px;
        position: relative;
        transform: unset;
        margin-bottom: 50px;
    }

        #gley .gley-last .wrapper .text-last-1 {
            width: 60%;
            margin-right: 95px;
        }

        #gley .gley-last .wrapper .text-last-1 {
            width: 60%;
            margin-right: 95px;
        }


            #gley .gley-last .wrapper .text-last-1 p:first-of-type {
                margin-bottom: 50px;
            }

@media (min-width: 1200px) and (max-width: 1350px) {
    #gley .gley-last .wrapper .text-last-1 p:first-of-type {
        margin-bottom: 20px;
    }
    #gley .gley-packets .wrapper .wrap-class {
        padding: 15px 25px !important;
    }
}




#gley .gley-last .wrapper .text-last-2 .icons {
    padding-top: 20px;
}

    #gley .gley-last .wrapper .text-last-2 .icons a {
        margin-right: 15px;
    }



#gley .gley-packets span.price-total-no-ddv.visible-price {
    padding-left: 10px;
}

#gley .gley-list li:before {
    transition-delay: 0.1s;
}

#gley .gley-packets .text p.text-center {
    padding-top: 0px;
}

#gley .gley-packets .text {
    padding-top: 60px;
}


@media (min-width: 991px) and (max-width: 1199px) {

    #gley .gley-packets .wrapper .box {
        min-height: 450px !important;
        margin: 0 !important;
    }

    #gley .gley-packets .wrapper .wrap-class {
        padding: 15px 40px;
        height: 160px;
    }

    #gley .gley-packets .wrapper .wrap-class {
        padding: 5px 25px !important;
        height: 255px !important;
    }

    #gley .gley-packets {
        background-image: url(../content/images/gley/paketi-bg.png);
        height: auto;
    }
        #gley .gley-packets .wrapper {
            gap: 30px;
        }
}

#gley .gley-packets .wrapper .box .ec {
    position: absolute;
    right: 0;
    width: 100px;
    height: auto;
    top: -50px;
}

#gley .gley-packets .wrapper .wrap-class {
    padding: 15px 40px;
}

#gley .wrapper .box span.price {
    text-decoration: line-through;
    font-size: 20px;
    color: black;
    font-family: 'teleNeo-regular' !important;
}



@media(min-width: 320px) and (max-width: 400px) {
    #gley .shape:before {
        background-size: contain;
    }
}


@media (max-width: 767px) {
    #gley .banner {
        background-image: url(../content/images/gley/baner-BG.png);
        /* background-image: url(../content/images/gley/gley-bg-nagradna-igra-mob.jpg);*/
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 270px;
        background-position: center;
    }

    #gley .ny-gley {
        padding: 20px 0;
        text-align: center;
    }


    #gley .shape {
        position: relative;
        width: 100%;
        height: 100%;
    }

        #gley .shape:before {
            content: " ";
            position: absolute;
            width: 100%;
            background: url(../content/images/gley/shape-left.png);
            background-repeat: no-repeat;
            background-size: contain;
            height: 100%;
            bottom: 0;
            color: white;
            left: -50px;
            background-position: bottom left;
        }

    #gley .gley-packets .wrapper .box .ec {
        position: absolute;
        right: -20px;
        width: 80px;
        height: auto;
        top: -35px;
    }

    #gley .banner .header-text {
        position: absolute;
        margin-left: 0px;
        bottom: 0px;
        top: initial;
        left: 0px;
        bottom: 30px;
        width: 100%;
    }

        #gley .banner .header-text h1 {
            font-size: 30px;
            color: white;
            font-family: teleNeo-extra !important;
            line-height: unset;
            width: 50%;
            transform: translate(0, 5px);
            line-height: 1.2;
            font-style: italic;
            padding-bottom: 0;
        }

            #gley .banner .header-text h1 span {
                font-size: 20px;
            }

        #gley .banner .header-text p {
            color: white;
            width: 70%;
            line-height: 1.2;
            font-size: 17px;
        }

    #gley .banner .header-img {
        position: absolute;
        right: 10%;
    }

        #gley .banner .header-img img {
            width: 90px;
        }


    #gley .gley-text:before {
        display: none;
    }

    #gley .gley-text .text-wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 20px 0px;
        line-height: 1.2;
    }

    #gley .gley-text .text-center {
        text-align: justify;
        width: 100%;
        font-size: 17px;
    }

    #gley .gley-opportunities {
        background-image: url(../content/images/gley/gley-white-bg.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        position: relative;
    }




        #gley .gley-opportunities .wrapper {
            display: flex;
            flex-direction: column;
            align-content: center;
            justify-content: center;
            transform: translate(0px, 11px);
            padding: 20px 0px;
            width: 100%;
        }

            #gley .gley-opportunities .wrapper .left-text {
                margin-right: 0;
                width: 100%;
            }

                #gley .gley-opportunities .wrapper .left-text h2 {
                    font-size: 29px;
                    font-family: 'teleNeo-bold' !important;
                }

                #gley .gley-opportunities .wrapper .left-text p {
                    font-size: 17px;
                    text-align: justify;
                    padding-top: 12px;
                }

            #gley .gley-opportunities .wrapper .right-text {
                transform: translate(0, -10px);
            }

    #gley .gley-packets {
        background-image: url(../content/images/gley/paketi-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: auto;
        position: relative;
    }

        #gley .gley-packets .heading-packets {
            color: #fff;
            padding: 50px 0px 10px;
            margin: 0 auto;
            width: 100%;
        }

            #gley .gley-packets .heading-packets h2 {
                font-size: 32px;
                padding-bottom: 0px;
                font-family: 'teleNeo-bold' !important;
            }

            #gley .gley-packets .heading-packets p {
                font-size: 17px;
                text-align: justify;
            }

        #gley .gley-packets .wrapper {
            position: relative;
            overflow: hidden;
            display: flex;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            overflow: visible;
        }

            #gley .gley-packets .wrapper .box {
                position: relative;
                z-index: 1;
                width: 90%;
                margin: 10px 5px;
                text-align: center;
                min-height: 460px;
            }

            #gley .gley-packets .wrapper .box-inner h3 {
                text-align: center;
                padding: 10px 0px;
                font-weight: normal;
                font-size: 22px;
                color: #fff;
            }

            #gley .gley-packets .wrapper .wrap-class {
                padding: 5px 0 15px !important;
                height: auto;
            }

                #gley .gley-packets .wrapper .wrap-class ul li {
                    margin-left: 20px !important;
                }

    #gley .gley-activation .text-activate .second-paragraph ol.activate li:before {
        content: '';
        position: absolute;
        left: 13px;
        width: 3px;
        background: transparent;
        height: 34px;
        /* bottom: 8px; */
        /* top: 0; */
        margin: auto;
        border-bottom: 12px solid #e20074;
    }



    #gley .gley-packets .text p.text-center {
        padding-top: 0px;
        color: #FFFFFF;
        opacity: 0.5;
        font-size: 16px;
        padding-bottom: 20px;
    }

    #gley .gley-packets:after {
        display: none;
    }

    #gley .gley-packets .text {
        padding-top: 25px !important;
    }

        #gley .gley-packets .text p.text-center {
            padding-top: 0px;
            color: #FFFFFF;
            opacity: 0.5;
            font-size: 16px;
            padding-bottom: 20px;
        }

    #gley .gley-packets .box .box-inner ul {
        text-align: left;
        margin: 25px 10px;
        font-size: 17px;
        color: white;
        transform: translate(0, 13px);
    }

    #gley .gley-activation {
        background-image: url(../content/images/gley/films-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        width: 100%;
        position: relative;
    }

        #gley .gley-activation .text-activate {
            font-size: 17px;
            position: relative;
            top: 25px;
            margin: -11px auto;
            transform: unset;
        }

            #gley .gley-activation .text-activate h2 {
                font-size: 32px;
                text-align: center;
            }

            #gley .gley-activation .text-activate .first-paragraph {
                padding-top: 15px;
                position: relative;
                text-align: justify;
            }

            #gley .gley-activation .text-activate .second-paragraph {
                padding-top: 10px;
                text-align: justify;
            }

        #gley .gley-activation:after {
            content: ' ';
            width: 100%;
            height: 300px;
            background-image: url(../content/images/gley/devices.png);
            background-repeat: no-repeat;
            right: 0;
            position: relative;
            background-size: contain;
            transform: translate(-50px, 23px);
            display: block;
            margin: 0 auto;
            text-align: center;
        }

    #gley .gley-last {
        background: transparent radial-gradient(closest-side at 50% 0%, #00000096 0%, #00000000 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0px 23px 60px #00000017;
        height: auto;
        padding: 5% 0 10%;
    }

        #gley .gley-last .wrapper {
            display: flex;
            flex-direction: column;
            font-size: 17px;
            position: relative;
            transform: unset;
            text-align: justify;
        }

            #gley .gley-last .wrapper .text-last-1 {
                width: 100%;
                margin-right: 95px;
            }

            #gley .gley-last .wrapper .text-last-2 {
                transform: translate(0, -13px);
            }

                #gley .gley-last .wrapper .text-last-2 .icons {
                    padding-top: 9px;
                    display: flex;
                    flex-direction: row;
                }

    #gley .gley-activation .text-activate {
        width: 100%;
        transform: translate(0px, 30px);
        font-size: 17px;
        position: relative;
        top: 25px;
        margin: -11px auto;
    }

    #gley .gley-opportunities .wrapper .right-text {
        margin-left: 0px;
    }

    #gley .gley-opportunities .wrapper .left-text span {
        font-size: 35px;
    }

    #gley .gley-opportunities .wrapper .left-text h2 {
        font-size: 34px;
    }
}

@media(max-width:991px) and (min-width:768px) {
    #gley .banner {
        /*background-image: url(../content/images/gley/baner-BG.png);*/
        background-repeat: no-repeat;
        background-size: cover;
        height: 325px;
        background-position: center;
    }

    #gley .shape {
        stroke-dasharray: 0 1500;
        stroke-dashoffset: -474;
        stroke-width: 2px;
        fill: transparent;
        stroke: #e20074;
        border-bottom: none !important;
        transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
        position: relative;
        width: 100%;
        height: 100%;
    }

        #gley .shape:before {
            content: " ";
            position: absolute;
            width: 85%;
            background: url(../content/images/gley/shape-left.png);
            background-repeat: no-repeat;
            background-size: cover;
            height: 90%;
            bottom: 0;
            color: white;
            left: -16%;
        }



    #gley .banner .header-text {
        position: absolute;
        margin-left: 0px;
        bottom: 80px;
        position: relative;
        top: 120px;
        left: 0px;
        bottom: 0;
        width: 50%;
    }

        #gley .banner .header-text h1 {
            font-size: 38px;
            color: white;
            font-weight: 600;
            line-height: unset;
            width: 67%;
            transform: translate(0, 5px);
            line-height: 1.2;
            font-weight: 600;
            line-height: 1.2;
            font-style: italic;
            padding-bottom: 0;
        }

            #gley .banner .header-text h1 span {
                font-size: 23px;
            }

        #gley .banner .header-text p {
            color: white;
            width: 80%;
            line-height: 1.2;
            font-size: 20px;
        }

    #gley .banner .header-img {
        position: absolute;
        left: 45%;
        bottom: 123px;
        background-repeat: no-repeat;
        background-size: cover;
        /* z-index: 3; */
    }

        #gley .banner .header-img img {
            width: 120px;
        }

    #gley .gley-packets .wrapper .box {
        width: 45%;
    }

    #gley .gley-text:before {
        display: none;
    }

    #gley .gley-text .text-wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 20px 0px;
        line-height: 1.2;
    }

    #gley .gley-text .text-center {
        text-align: justify;
        width: 100%;
        font-size: 17px;
    }

    #gley .gley-opportunities {
        background-image: url(../content/images/gley/gley-white-bg.png);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        position: relative;
        width: 100%;
    }

        #gley .gley-opportunities .wrapper {
            display: flex;
            flex-direction: column;
            align-content: center;
            justify-content: center;
            transform: translate(0px, 11px);
            padding: 20px 0px;
            width: 100%;
        }

            #gley .gley-opportunities .wrapper .left-text {
                margin-right: 0;
                width: 100%;
            }

                #gley .gley-opportunities .wrapper .left-text h2 {
                    font-size: 34px;
                }

                #gley .gley-opportunities .wrapper .left-text p {
                    font-size: 18px;
                    text-align: justify;
                }

            #gley .gley-opportunities .wrapper .right-text {
                transform: translate(0, -10px);
            }

    #gley .gley-packets {
        background-image: url(../content/images/gley/paketi-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: auto;
        position: relative;
    }

        #gley .gley-packets .heading-packets {
            color: #fff;
            padding: 50px 0px 10px;
            margin: 0 auto;
            width: 100%;
        }

            #gley .gley-packets .heading-packets h2 {
                font-size: 34px;
                padding-bottom: 0px;
            }

            #gley .gley-packets .heading-packets p {
                font-size: 18px;
                text-align: justify;
            }

        #gley .gley-packets .wrapper {
            position: relative;
            display: flex;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
            flex-direction: row;
            gap: 15px;
        }

            #gley .gley-packets .wrapper .box {
                position: relative;
                z-index: 1;
                width: 45% !important;
                margin: 10px 5px;
                text-align: center;
                min-height: 450px !important;
                margin: 0 !important;
            }

            #gley .gley-packets .wrapper .box-inner h3 {
                text-align: center;
                padding: 10px 0px;
                font-weight: normal;
                font-size: 22px;
                color: #fff;
            }

            #gley .gley-packets .wrapper .wrap-class {
                padding: 0 15px !important;
                height: 250px !important;
            }

                #gley .gley-packets .wrapper .wrap-class ul li {
                    margin-left: 5px !important;
                }

        #gley .gley-packets .text p.text-center {
            padding-top: 0px;
            color: #FFFFFF;
            opacity: 0.5;
            font-size: 16px;
            padding-bottom: 20px;
        }

        #gley .gley-packets:after {
            display: none;
        }

        #gley .gley-packets .text p.text-center {
            padding-top: 0px;
            color: #FFFFFF;
            opacity: 0.5;
            font-size: 16px;
            padding-bottom: 20px;
        }

        #gley .gley-packets .box .box-inner ul {
            text-align: left;
            margin: 25px auto;
            font-size: 17px;
            color: white;
            transform: translate(0px, 0);
        }

    #gley .gley-activation {
        background-image: url(../content/images/gley/films-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        width: 100%;
        position: relative;
    }

        #gley .gley-activation .text-activate {
            width: 100%;
            transform: translate(0px, 30px);
            font-size: 17px;
            position: relative;
            top: 25px;
            margin: -11px auto;
        }

            #gley .gley-activation .text-activate h2 {
                font-size: 34px;
                text-align: left;
            }

            #gley .gley-activation .text-activate .first-paragraph {
                padding-top: 15px;
                position: relative;
                text-align: justify;
            }

            #gley .gley-activation .text-activate .second-paragraph {
                padding-top: 10px;
                text-align: justify;
                width: 50%;
            }

        #gley .gley-activation:after {
            content: ' ';
            width: 100%;
            height: 300px;
            background-image: url(../content/images/gley/devices.png);
            background-repeat: no-repeat;
            right: 0;
            position: absolute;
            background-size: contain;
            transform: translate(0px, 255px);
            display: inline-block;
            margin: 0 auto;
            text-align: center;
            /* left: 0; */
        }

    #gley .gley-last {
        box-shadow: 0px 23px 60px #00000017;
        height: auto;
        padding-top: 115px;
    }

        #gley .gley-last .wrapper {
            display: flex;
            flex-direction: column;
            font-size: 17px;
            position: relative;
            transform: unset;
            text-align: justify;
        }

            #gley .gley-last .wrapper .text-last-1 {
                width: 100%;
                margin-right: 95px;
            }

            #gley .gley-last .wrapper .text-last-2 {
                transform: translate(0, -13px);
            }

                #gley .gley-last .wrapper .text-last-2 .icons {
                    padding-top: 9px;
                    display: flex;
                    flex-direction: row;
                    align-content: center;
                    justify-content: center;
                    align-items: center;
                }

    #gley .gley-activation .text-activate {
        width: 100%;
        transform: translate(0px, 30px);
        font-size: 17px;
        position: relative;
        top: 25px;
        margin: -11px auto;
    }

    #gley .gley-opportunities .wrapper .right-text {
        margin-left: 0px;
    }
}

@media (max-width: 1024px) and (min-width:600px) {
    /*    #gley .banner {
        height: 440px !important;
        background-position: top;
    }

        #gley .banner .shape {
            width: 70% !important;
            padding: 0 20px;
        }

    #gley .shape:before {
        width: 100% !important;
        height: 70% !important;
        background-size: cover;
    }

    #gley .banner .header-text {
        width: 50% !important;
        bottom: 40px !important;
    }

        #gley .banner .header-text h1 {
            font-size: 50px !important;
            padding-bottom: 20px !important;
        }*/



    #gley .gley-text:before {
        width: 155px !important;
        height: 250px !important;
    }

    #gley .gley-opportunities .wrapper .left-text {
        margin-right: 0px !important;
        width: 75% !important;
    }

    #gley .gley-opportunities .wrapper .right-text {
        margin-left: 45px !important;
    }

    #gley .gley-packets:after {
        width: 147px !important;
        height: 170px !important;
        bottom: -45px !important;
    }



    #gley .gley-last .wrapper {
        flex-direction: column !important;
        position: relative !important;
    }

        #gley .gley-last .wrapper .text-last-2 .icons {
            padding-top: 0px !important;
        }

        #gley .gley-last .wrapper .text-last-1 {
            width: 100% !important;
        }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #gley .banner {
        height: 470px;
    }

    #gley .gley-text:before {
        width: 90px;
        height: 260px;
    }

    #gley .gley-last {
        width: 100%;
    }

    #gley .banner .header-text {
        position: absolute;
        left: 0px;
        width: 70%;
        margin-left: 0;
        bottom: 40px;
    }

    #gley .banner .header-img {
        top: 80px;
        right: 40px;
        left: initial;
        bottom: 0;
        height: auto;
    }
}

@media (max-width: 1280px) and (min-width:1025px) {



    #gley .gley-text:before {
        width: 200px !important;
        height: 250px !important;
    }

    #gley .gley-opportunities {
        height: 560px !important;
    }

    #gley .gley-packets:after {
        width: 140px !important;
        height: 186px !important;
        bottom: -42px !important;
    }

    #gley .gley-activation:after {
        width: 65% !important;
    }

    #gley .gley-last {
    }
}

@media(max-width:720px) and (min-width:520px) {
    #gley .banner .header-text h1 {
        width: 40% !important;
    }

    #gley .banner .header-text p {
        width: 50% !important;
    }



    #gley .shape:before {
        width: 90%;
        height: 90% !important;
    }

    #gley .gley-packets .wrapper .box {
        width: 55%;
    }

    #gley .gley-activation .text-activate .second-paragraph ol li::marker {
        letter-spacing: 6px !important;
    }
}

@media(min-width: 1800px) {
    #gley .banner {
        height: 70vh;
    }

        #gley .banner .shape {
            width: 55%;
            height: 400px;
            bottom: 0;
            position: absolute;
        }

        #gley .banner .header-img {
            top: -10%;
            right: 40%;
        }

            #gley .banner .header-img img {
                max-height: 160px;
            }
}


@media (min-width: 1351px) and (max-width: 1799px) {

    #gley .banner .header-img img {
        max-height: 160px;
    }
}

@media (min-width: 992px) and (max-width: 1350px) {

    #gley .banner .header-img img {
        max-height: 140px;
    }
}



/*#endregion gley antonija*/


/*#region business corner/rezerviraj tiket*/

div#reserveTicket {
    position: relative;
    margin-bottom: 40px;
}

.business-corner-header {
    margin-bottom: 30px;
}

    .business-corner-header h1 {
        font-size: 40px;
        font-family: teleNeo-bold !important;
        line-height: 1.2;
    }

    .business-corner-header .text-center p {
        font-size: 18px;
        line-height: 1.2;
    }

div#reserveTicket p {
    font-size: 17px;
    line-height: 1.2;
}

div#reserveTicket ul li {
    display: block;
    background: url(../images/list-bullet.png) 0 11px no-repeat;
    padding-left: 15px;
    line-height: 1.2;
    margin-bottom: 7px;
    margin-left: 15px;
}

div#reserveTicket button.btn-magen {
    margin: 20px 0;
    padding: 8px 20px;
    font-size: 18px;
    text-shadow: none;
}
/*#endregion business corner/rezerviraj tiket*/

.businessZ h2 {
    text-align: left !important;
    font-size: 22px !important;
    margin-top: 30px;
    margin-bottom: 20px;
}

.businessZ hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #eaeaea;
    margin: 0 0px 30px;
}

#orderBusiness .businessZ span.help-block {
    top: -5px;
}

@media(max-width:767px) {
    .businessZ {
        padding: 0 20px;
    }
}

.businessAlert p {
    margin-bottom: 10px;
}

.businessAlert ul {
    margin-top: 5px;
}

    .businessAlert ul li {
        margin-bottom: 0px !important;
        color: #333;
        /*      color: #333;*/
    }


/*#region magenta love 2022*/
#magenta-love p {
    font-size: 19px;
    line-height: 1.2;
}

#magenta-love .main-banner {
    position: relative;
    background-image: url('../content/images/magenta-love/zemi-popust-banner.jpg');
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    height: 450px;
}

    #magenta-love .main-banner:before {
        width: 50%;
        content: '';
        position: absolute;
        background-image: url('../content/images/magenta-love/zemi-popust-banner-new.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left center;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    #magenta-love .main-banner .header {
        position: relative;
        width: 34%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: flex-start;
        align-content: flex-start;
        height: 100%;
    }

        #magenta-love .main-banner .header h1 {
            color: white;
            font-size: 60px;
            font-family: teleNeo-extra !important;
            line-height: 1.2;
        }

            #magenta-love .main-banner .header h1 span {
                font-size: 21px;
                display: block;
                font-family: 'teleNeo-bold' !important;
            }

        #magenta-love .main-banner .header h2 {
            font-size: 50px;
            font-family: teleNeo-medium !important;
            line-height: 1.2;
            color: white;
        }

        #magenta-love .main-banner .header .ec {
            position: absolute;
            right: -150px;
            width: 160px;
            bottom: 120px;
        }

#magenta-love .white-sec {
    position: relative;
    text-align: center;
    padding: 3% 0;
}

    #magenta-love .white-sec .wrap {
        width: 80%;
        margin: 0 auto;
    }

        #magenta-love .white-sec .wrap .icon-img {
            width: 150px;
            height: auto;
            margin: 0 auto 40px auto;
        }

        #magenta-love .white-sec .wrap span.text-magenta {
            font-family: 'teleNeo-bold' !important;
        }

    #magenta-love .white-sec h2 {
        font-size: 59px;
        font-family: teleNeo-extra !important;
        text-transform: uppercase;
    }

#magenta-love section.partners {
    position: relative;
    background-image: url(../content/images/magenta-love/povolnosti-od-partneri-bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3% 0 10%;
    text-align: center;
}

    #magenta-love section.partners h3 {
        color: white;
        font-family: teleNeo-extra !important;
        font-size: 50px;
        text-transform: uppercase;
        margin-bottom: 50px;
    }

    #magenta-love section.partners .slide-partners {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 90%;
        margin: 0 auto;
    }

        #magenta-love section.partners .slide-partners .box {
            background: white;
            width: auto;
            margin: 0 20px;
            padding: 30px;
            min-height: 310px;
        }

    #magenta-love section.partners .box .img {
        position: relative;
        min-height: 80px;
    }

    #magenta-love section.partners .box strong {
        font-size: 24px;
        line-height: 1.2;
        font-family: 'teleNeo-extra' !important;
    }

    #magenta-love section.partners .slide-partners .slick-prev {
        width: 80px;
        height: 50px;
        background: linear-gradient(90deg, white, transparent);
        left: -80px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        z-index: 3;
    }

    #magenta-love section.partners .slide-partners .slick-next {
        width: 80px;
        height: 50px;
        background: linear-gradient(90deg, transparent, white);
        right: -80px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        z-index: 3;
    }

        #magenta-love section.partners .slide-partners .slick-next:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/magenta-love/arrow-right-black.svg);
            width: 30px;
            height: 30px;
            background-repeat: no-repeat;
            top: 0;
            bottom: 0;
            margin: auto;
        }

    #magenta-love section.partners .slide-partners .slick-prev:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/magenta-love/arrow-left-black.svg);
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    #magenta-love section.partners ul.slick-dots {
        position: absolute;
        width: 55%;
        height: 50px;
        display: block;
        bottom: -100px;
        background: white;
        z-index: 4;
        margin: 0 auto;
        left: 0;
        right: 0;
        box-shadow: 0 0 75px 2px #00000021;
    }

        #magenta-love section.partners ul.slick-dots li {
            position: relative;
            display: inline-block;
            padding: 10px 0 0 0;
        }

            #magenta-love section.partners ul.slick-dots li button {
                border-radius: 0px;
                color: #e20074;
                text-shadow: none;
                background: transparent;
                box-shadow: none;
                padding: 9px 13px;
                transition: all ease-in-out .3s;
                z-index: 3;
                margin: 0;
            }

                #magenta-love section.partners ul.slick-dots li button:hover {
                    background: #e20074;
                    color: white;
                    transition: all ease-in-out .3s;
                }

            #magenta-love section.partners ul.slick-dots li.slick-active button:after {
                content: '';
                position: absolute;
                height: 2px;
                background: #e20074;
                left: 0;
                right: 0;
                bottom: 0;
            }

#magenta-love .benefits {
    position: relative;
    padding: 3% 0 0;
    height: auto;
    margin-top: 0px;
}

    #magenta-love .benefits .benefit-text {
        position: relative;
        width: 80%;
        text-align: center;
        color: black;
        margin: 20px auto 40px;
    }

    #magenta-love .benefits h3 {
        color: #e20074 !important;
        font-family: teleNeo-extra !important;
        text-align: center;
    }

        #magenta-love .benefits h3 span {
            text-transform: none;
            font-size: 27px;
            font-family: teleNeo-extra !important;
        }

#magenta-love #carousel-steps-app {
    position: relative;
    overflow: visible;
    height: 630px;
    z-index: 1;
    padding: 3% 0;
}

    #magenta-love #carousel-steps-app:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        bottom: 90px;
        left: 0;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.04), white);
        z-index: 1;
    }

    #magenta-love #carousel-steps-app:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/magenta-love/kako-da-koristam-povolnosti-bg.png);
        width: 100%;
        height: 100%;
        bottom: -2px;
        right: 0;
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: cover;
        z-index: 0;
    }

    #magenta-love #carousel-steps-app .custom-container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }

    #magenta-love #carousel-steps-app .carousel-inner {
        height: 100%;
        width: 70%;
        overflow: hidden;
        left: 25%;
    }

        #magenta-love #carousel-steps-app .carousel-inner:after {
            content: '';
            position: absolute;
            background-image: url(../content/images/magenta-love/steps-indicator.png);
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            width: 115px;
            height: 170px;
            bottom: 65px;
            left: 0px;
            z-index: 3;
        }

    #magenta-love #carousel-steps-app .text-slide {
        position: relative;
        width: 50%;
        margin-top: 30px;
        height: 100%;
    }

    #magenta-love #carousel-steps-app p {
        display: block;
        color: white;
        text-transform: uppercase;
        line-height: 1.4;
        font-family: teleNeo-thin !important;
        text-align: left;
        width: 90%;
        margin: 0 0 0 10px;
        font-size: 18px;
    }

    #magenta-love #carousel-steps-app .item.active {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        height: 100%;
        overflow: visible;
    }

#magenta-love .carousel-inner > .active,
#magenta-love .carousel-inner > .next,
#magenta-love .carousel-inner > .prev {
    display: flex;
}

#magenta-love #carousel-steps-app .number {
    position: relative;
    height: 100%;
}

#magenta-love #carousel-steps-app .phone-img {
    width: 220px;
    height: auto;
    position: relative;
    right: 0;
    top: 0;
    z-index: 2;
}

#magenta-love #carousel-steps-app .navigation {
    position: relative;
    width: 30%;
    bottom: 150px;
    left: 8%;
}

    #magenta-love #carousel-steps-app .navigation .indicators {
        position: relative;
        bottom: 30px;
    }

    #magenta-love #carousel-steps-app .navigation ol {
        list-style: none;
        display: flex;
        text-align: right;
        justify-content: flex-end;
        align-items: center;
        bottom: 0;
        position: relative;
        left: initial;
        right: 0;
        margin: 0;
        right: 0;
        width: 100%;
    }

        #magenta-love #carousel-steps-app .navigation ol li {
            padding: 0 15px;
            color: white;
            font-size: 20px;
            opacity: .7;
            transition: all ease-in .3s;
            font-family: teleNeo-extra !important;
            background-image: none;
        }

            #magenta-love #carousel-steps-app .navigation ol li.active {
                opacity: 1;
                font-size: 30px;
                transition: all ease-in .3s;
            }

    #magenta-love #carousel-steps-app .navigation .arrows {
        position: relative;
        width: 150px;
        height: 60px;
        right: 0;
        float: right;
    }

        #magenta-love #carousel-steps-app .navigation .arrows a {
            background: white !important;
            width: 50%;
            text-align: center;
            display: inline-flex;
            align-items: center;
            justify-content: space-between;
        }

            #magenta-love #carousel-steps-app .navigation .arrows a.right.carousel-control {
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
            }

            #magenta-love #carousel-steps-app .navigation .arrows a.left.carousel-control {
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
            }

            #magenta-love #carousel-steps-app .navigation .arrows a svg {
                position: relative;
                width: 100%;
            }

#magenta-love h3 {
    margin: 30px 0;
    color: black;
    font-family: teleNeo-extra !important;
    font-size: 50px;
    text-transform: uppercase;
    text-align: center;
}

#magenta-love .qa {
    padding: 3% 0 5%;
    background: linear-gradient(180deg, #eef6fb, transparent);
}

    #magenta-love .qa .panel-group {
        width: 100%;
        margin: 40px auto;
        background: transparent;
    }

    #magenta-love .qa .panel-default {
        border: 0;
        box-shadow: none;
        background: transparent;
        border-bottom: 1px solid rgba(204, 204, 204, .35);
        margin: 0;
    }

        #magenta-love .qa .panel-default .panel-heading {
            border-top: 0;
            background-image: none;
            border: unset;
            background-color: transparent;
            padding: 15px 0px;
        }

        #magenta-love .qa .panel-default h4 {
            text-align: left;
            padding: 0;
        }

            #magenta-love .qa .panel-default h4 a {
                font-size: 19px;
                display: block;
                padding: 15px 35px 15px;
                text-decoration: none;
                position: relative;
                z-index: 2;
            }

                #magenta-love .qa .panel-default h4 a:hover {
                    color: black;
                    text-decoration: none;
                }

                #magenta-love .qa .panel-default h4 a:active {
                    color: #e20074;
                }

                #magenta-love .qa .panel-default h4 a:after {
                    transform: rotate(180deg) translateY(-50%);
                    transition-property: transform;
                    transition-duration: .25s;
                    content: ']$';
                    font-family: 'teleicon-outline';
                    position: absolute;
                    color: #e20074;
                    font-size: 22px;
                    top: 30%;
                    right: 15px;
                    margin: auto;
                }

                #magenta-love .qa .panel-default h4 a.collapsed:after {
                    transform: rotate(0deg) translateY(-50%);
                    transition-property: transform;
                    transition-duration: .25s;
                    top: 50%;
                }



    #magenta-love .qa .panel-body {
        padding: 0 65px 30px 35px;
    }

#magenta-love .apply {
    padding: 5% 0;
    background: linear-gradient(95deg, #0f0c29, #2e2960);
}

    #magenta-love .apply .flex {
        display: flex;
        justify-content: space-between;
        width: 70%;
        margin: 0 auto;
        align-items: center;
    }

        #magenta-love .apply .flex .left {
            width: 30%;
        }

            #magenta-love .apply .flex .left .img-wrap {
                width: 160px;
                height: 160px;
                margin: 0 auto;
                background: white;
                padding: 10px;
            }

        #magenta-love .apply .flex .right {
            width: 70%;
        }

        #magenta-love .apply .flex .head {
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }

            #magenta-love .apply .flex .head .img-wrap {
                width: 145px;
                margin-left: 20px;
            }

    #magenta-love .apply h3 {
        color: white;
        font-size: 40px;
        margin: 20px 0;
        text-align: left;
    }

    #magenta-love .apply a {
        transition: all ease-in-out .3s;
    }

        #magenta-love .apply a:hover {
            color: #e20074;
            text-decoration: underline;
            transition: all ease-in-out .3s;
        }

    #magenta-love .apply .white-wrap {
        position: relative;
        color: white;
    }




#digital-index-calculator .modal-dialog {
    width: 50%;
    margin: 80px auto 30px auto;
}

#digital-index-calculator-modal .close {
    border: 0;
    opacity: 1;
    text-shadow: none;
    z-index: 3;
    font-size: 30px;
    position: absolute;
    right: 20px;
}

@media(min-width: 2451px) {
    #magenta-love .main-banner:before {
        background-size: cover;
    }
}

@media (min-width: 1900px) and (max-width: 2450px) {
    #magenta-love .main-banner {
        height: 400px;
        background-position: 150px 20%;
    }

        #magenta-love .main-banner:before {
            background-size: cover;
        }

        #magenta-love .main-banner .header .ec {
            right: -120px;
            bottom: 170px;
        }

    #magenta-love section.partners {
        padding: 3% 0 15%;
    }
}

@media(min-width: 1200px) and (max-width: 1400px) {
    #magenta-love .main-banner {
        height: 520px;
    }

    #magenta-love section.partners .slide-partners .box {
        margin: 0 10px;
    }

    #magenta-love section.partners .slide-partners .slick-next {
        width: 50px;
        right: -35px;
    }

    #magenta-love section.partners .slide-partners .slick-prev {
        width: 50px;
        left: -26px;
    }

    #magenta-love section.partners ul.slick-dots {
        width: auto;
        height: auto;
        bottom: -80px;
    }

    #magenta-love #carousel-steps-app:before {
        background-position: 70%;
    }

    #magenta-love #carousel-steps-app .carousel-inner,
    #magenta-love #carousel-steps-app .navigation {
        left: 0;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #magenta-love .main-banner {
        height: 400px;
        background-position: 30%;
    }

        #magenta-love .main-banner .header h1 {
            font-size: 45px;
        }

        #magenta-love .main-banner .header h2 {
            font-size: 37px;
        }

    #magenta-love section.partners {
        padding: 3% 0 15%;
    }

        #magenta-love section.partners .slide-partners .box {
            margin: 0 15px;
        }

        #magenta-love section.partners .slide-partners .slick-next {
            width: 50px;
            right: -35px;
        }

        #magenta-love section.partners .slide-partners .slick-prev {
            width: 50px;
            left: -26px;
        }

        #magenta-love section.partners ul.slick-dots {
            width: auto;
            height: auto;
            bottom: -110px;
        }

    #magenta-love #carousel-steps-app:before {
        background-position: 60%;
    }

    #magenta-love #carousel-steps-app .carousel-inner,
    #magenta-love #carousel-steps-app .navigation {
        left: 0;
    }

    #magenta-love .apply h3 {
        font-size: 30px;
    }

    #magenta-love .apply .flex .head .img-wrap {
        width: 125px;
        margin-left: 20px;
    }
}

@media(max-width: 991px) {
    #magenta-love section.partners .slide-partners .slick-prev {
        width: 30px;
        height: 50px;
        background: transparent;
        left: -10px;
    }

    #magenta-love section.partners .slide-partners .slick-next {
        width: 30px;
        height: 50px;
        background: transparent;
        right: -10px;
    }

    #magenta-love .benefits {
        margin-top: 0;
    }

    #magenta-love .apply .white-wrap {
        width: 100%;
        flex-direction: column;
        padding: 20px 0;
    }

        #magenta-love .apply .white-wrap > div {
            width: 100% !important;
        }

        #magenta-love .apply .white-wrap .right .img-wrap {
            float: none;
            width: 110px;
            height: 110px;
            margin: 20px auto;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    #magenta-love .main-banner {
        height: 270px;
    }

        #magenta-love .main-banner:before {
            width: 60%;
        }

        #magenta-love .main-banner .header h1 {
            font-size: 38px;
        }

        #magenta-love .main-banner .header h2 {
            font-size: 28px;
        }

        #magenta-love .main-banner .header .ec {
            position: absolute;
            right: -140px;
            width: 120px;
            bottom: 100px;
        }

    #magenta-love .white-sec h2 {
        font-size: 38px;
    }

    #magenta-love section.partners {
        padding: 3% 0 20%;
    }

        #magenta-love section.partners h3 {
            font-size: 35px;
        }

    #magenta-love h3 {
        font-size: 35px;
    }

    #magenta-love #carousel-steps-app:before {
        background-position: 62%;
    }

    #magenta-love #carousel-steps-app .carousel-inner {
        left: 0;
    }

    #magenta-love .benefits .benefit-text {
        width: 60%;
    }

    #magenta-love #carousel-steps-app .navigation {
        left: 0;
    }

        #magenta-love #carousel-steps-app .navigation ol li {
            padding: 0 10px;
        }

    #magenta-love section.partners ul.slick-dots {
        width: auto;
        height: auto;
        bottom: -130px;
    }

    #magenta-love .apply .flex {
        width: 90%;
    }

    #magenta-love .apply h3 {
        text-align: left;
        font-size: 30px;
        margin: 10px 0;
    }

    #magenta-love .apply .flex .head .img-wrap {
        width: 100px;
        margin-left: 10px;
    }
}

@media(max-width: 767px) {

    #magenta-love .main-banner {
        position: relative;
        background-repeat: no-repeat;
        height: 300px;
        background-position: center;
    }

        #magenta-love .main-banner:before {
            width: 100%;
            bottom: 0px;
            background-image: none;
            background-color: #e20074;
            height: 90px;
            margin: 0;
            top: initial;
            position: absolute;
            left: 0;
            right: 0;
        }

        #magenta-love .main-banner .header {
            width: 90%;
            justify-content: flex-end;
            height: 100%;
            padding: 20px 0 10px;
        }

            #magenta-love .main-banner .header h1 {
                font-size: 31px;
                margin: 0;
            }

            #magenta-love .main-banner .header h2 {
                font-size: 25px;
                margin: 0;
            }

            #magenta-love .main-banner .header .ec {
                position: absolute;
                right: -50px;
                width: 100px;
                bottom: -65px;
            }

    #magenta-love .white-sec .wrap {
        width: 100%;
    }

        #magenta-love .white-sec .wrap .icon-img {
            width: 120px;
            margin: 0 auto;
            height: 90px;
        }

    #magenta-love .white-sec h2 {
        font-size: 26px;
        margin-bottom: 30px;
    }

    #magenta-love section.partners h3 {
        font-size: 28px;
    }

    #magenta-love .benefits h3 span {
        display: inline;
        font-size: 24px;
    }

    #magenta-love section.partners .slide-partners {
        flex-direction: row;
    }

        #magenta-love section.partners .slide-partners .box {
            margin: 20px 20px;
            min-height: 240px;
        }

    #magenta-love .benefits .benefit-text {
        width: 100%;
    }

    #magenta-love #carousel-steps-app {
        height: auto;
    }

        #magenta-love #carousel-steps-app .carousel-inner {
            width: 100%;
            left: 0;
        }

        #magenta-love #carousel-steps-app .custom-container {
            flex-wrap: wrap;
        }

        #magenta-love #carousel-steps-app .number {
            width: 15%;
        }

        #magenta-love #carousel-steps-app .carousel-inner:after,
        #magenta-love #carousel-steps-app:after,
        #magenta-love #carousel-steps-app .navigation .indicators {
            display: none;
        }

        #magenta-love #carousel-steps-app .navigation .arrows {
            width: 120px;
            height: 45px;
            right: 0;
            float: none;
            left: 0;
            margin: 0 auto;
        }

        #magenta-love #carousel-steps-app .item.active {
            align-items: center;
            flex-wrap: wrap;
        }

    #magenta-love .carousel-inner > .active,
    #magenta-love .carousel-inner > .next,
    #magenta-love .carousel-inner > .prev {
        align-items: center;
    }

    #magenta-love #carousel-steps-app .text-slide {
        margin-top: 0;
        width: 60%;
        padding: 0 10px;
    }

    #magenta-love #carousel-steps-app p {
        font-size: 17px;
    }

    #magenta-love #carousel-steps-app .phone-img {
        width: 25%;
        right: 0;
        top: 0;
        left: 0;
        margin: 30px auto;
    }

    #magenta-love #carousel-steps-app .navigation {
        position: relative;
        width: 100%;
        bottom: 0;
        margin-bottom: 30px;
        margin-top: 40px;
        left: 0;
    }

        #magenta-love #carousel-steps-app .navigation ol {
            justify-content: center;
            align-items: center;
            padding-left: 0;
        }

    #magenta-love h3 {
        font-size: 28px;
    }

    #magenta-love .qa .panel-default h4 a {
        padding: 15px 35px 15px 10px;
    }

    #magenta-love .qa .panel-body {
        padding: 0 15px 0 10px;
    }

    #magenta-love section.partners ul.slick-dots {
        display: none !important;
    }

    #magenta-love .apply .flex {
        width: 100%;
        flex-direction: column;
    }

        #magenta-love .apply .flex > div {
            width: 100% !important;
            margin: 20px 0;
        }

        #magenta-love .apply .flex .left .img-wrap {
            width: 130px;
            height: 130px;
        }

    #magenta-love .apply h3 {
        font-size: 24px !important;
        text-align: left;
    }

    #magenta-love .apply .flex .head .img-wrap {
        width: 130px;
        margin-left: 0;
    }
}

@media(max-width: 500px) {

    #magenta-love .main-banner:before {
        height: 120px;
    }

    #magenta-love .white-sec {
        padding: 10% 0 3%;
    }
}
/*#endregion magenta love 2022*/
/*#region business xMAs baners*/
.xMas-bussiness-tarifi-banner {
    position: relative;
    /*  background-image: url(../content/images/business-tarifi/xMas-business-tarifi-banner.jpg);*/
    background-image: url(../content/images/business-professional-banner.jpg);
    background-position: center top;
    background-size: cover;
    height: 450px;
}
    /*
    .xMas-bussiness-tarifi-banner:before {
        position: absolute;
        content: '';
        background-image: url('../content/images/business-tarifi/xMas-business-tarifi-shape.png');
        background-position: left top;
        background-repeat: no-repeat;
        background-size: contain;
        width: 50%;
        height: 100%;
        top: 0;
        left: 0;
    }*/

    .xMas-bussiness-tarifi-banner .wrapper {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        height: 100%;
    }

        .xMas-bussiness-tarifi-banner .wrapper .header {
            margin: 30px 0;
            position: relative;
            width: 40%;
        }

            .xMas-bussiness-tarifi-banner .wrapper .header .ec {
                position: absolute;
                width: 190px;
                height: auto;
                right: 80px;
                bottom: -100px;
            }

    .xMas-bussiness-tarifi-banner h2 {
        color: white;
        font-size: 65px;
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
    }

        .xMas-bussiness-tarifi-banner h2 span {
            display: block;
            font-family: 'teleNeo-bold' !important;
            font-size: 33px;
        }

    .xMas-bussiness-tarifi-banner .wrapper .header p {
        color: white;
        font-size: 27px;
        line-height: 1.2;
        margin: 0;
    }





.bussiness-office-tarifi-banner-maj {
    position: relative;
    background-image: url(../content/images/business-office-mobile/business-office-banner-maj.jpg);
    background-position: left bottom;
    background-size: cover;
    height: 450px;
}

    .bussiness-office-tarifi-banner-maj:before {
        position: absolute;
        content: '';
        background-image: url('../content/images/business-office-mobile/business-office-banner-maj-shape.png');
        background-position: right top;
        background-repeat: no-repeat;
        background-size: contain;
        width: 45%;
        height: 100%;
        top: 0;
        right: 0;
    }

    .bussiness-office-tarifi-banner-maj .wrapper {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        width: 100%;
        height: 100%;
    }

        .bussiness-office-tarifi-banner-maj .wrapper .header {
            margin: 30px 0;
            position: relative;
            width: 37%;
        }

            .bussiness-office-tarifi-banner-maj .wrapper .header .ec {
                position: absolute;
                width: 190px;
                height: auto;
                right: 0px;
                bottom: -190px;
            }

    .bussiness-office-tarifi-banner-maj h1 {
        color: white;
        font-size: 45px;
        text-transform: uppercase !important;
        font-family: 'teleNeo-extra' !important;
        text-align: left;
        text-transform: none;
    }

    .bussiness-office-tarifi-banner-maj h2 {
        font-family: teleNeo-medium !important;
        font-size: 32px;
        color: white;
    }




.xMas-bussiness-office-tarifi-banner {
    position: relative;
    background-image: url(../content/images/business-office-mobile/xMas-business-office-tarifi-banner.jpg);
    background-position: left top;
    background-size: cover;
    height: 450px;
}

    .xMas-bussiness-office-tarifi-banner:before {
        position: absolute;
        content: '';
        background-image: url('../content/images/business-office-mobile/xMas-business-office-tarifi-shape.png');
        background-position: right top;
        background-repeat: no-repeat;
        background-size: contain;
        width: 50%;
        height: 100%;
        top: 0;
        right: 0;
    }

    .xMas-bussiness-office-tarifi-banner .wrapper {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        width: 100%;
        height: 100%;
    }

        .xMas-bussiness-office-tarifi-banner .wrapper .header {
            margin: 30px 0;
            position: relative;
            width: 40%;
        }

            .xMas-bussiness-office-tarifi-banner .wrapper .header .ec {
                position: absolute;
                width: 190px;
                height: auto;
                right: 0px;
                bottom: -190px;
            }

    .xMas-bussiness-office-tarifi-banner h2 {
        color: white;
        font-size: 40px;
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
        text-align: right;
        text-transform: none;
    }


@media(min-width: 1900px) {



    .xMas-bussiness-tarifi-banner,
    .xMas-bussiness-office-tarifi-banner,
    .bussiness-office-tarifi-banner-maj {
        background-position: center;
        height: 700px;
        background-size: cover;
    }

        .bussiness-office-tarifi-banner-maj:before {
            width: 45%;
        }

        .xMas-bussiness-tarifi-banner:before,
        .xMas-bussiness-office-tarifi-banner:before {
            display: none;
        }

        .xMas-bussiness-tarifi-banner .header,
        .xMas-bussiness-office-tarifi-banner .header {
            background-color: #e20074;
            padding: 20px;
        }

        .bussiness-office-tarifi-banner-maj .header {
            width: 40% !important;
            top: 50px;
            left: 10%;
        }

        .xMas-bussiness-office-tarifi-banner .wrapper .header .ec {
            bottom: -65px;
        }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    #m1-business-new .linked-tabs .tab-right .wrap {
        width: 100% !important;
    }

    #m1-business-new .image {
        height: 300px !important;
    }

    #m1-business-new .main-banner {
        background-position: 35%;
    }

    .bussiness-office-tarifi-banner-maj h1 {
        font-size: 30px;
    }

    .bussiness-office-tarifi-banner-maj h2 {
        font-size: 28px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .bussiness-office-tarifi-banner-maj {
        background-position: 130% 0;
    }

        .bussiness-office-tarifi-banner-maj:before {
            width: 50%;
        }

        .bussiness-office-tarifi-banner-maj .header {
            width: 45% !important;
        }

        .bussiness-office-tarifi-banner-maj h1 {
            font-size: 28px;
        }

        .bussiness-office-tarifi-banner-maj h2 {
            font-size: 25px;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    .xMas-bussiness-office-tarifi-banner {
        background-position: 40% 0;
    }

    .bussiness-office-tarifi-banner-maj {
        background-position: 130% 0;
    }

        .xMas-bussiness-office-tarifi-banner:before,
        .bussiness-office-tarifi-banner-maj:before {
            width: 60%;
        }

    .xMas-bussiness-tarifi-banner:before {
        width: 70%;
        background-position: top right 100px;
        margin-left: -8%;
    }

    .xMas-bussiness-tarifi-banner {
        background-position: 33% 0;
    }

    .xMas-bussiness-office-tarifi-banner .header,
    .bussiness-office-tarifi-banner-maj .header {
        right: 0 !important;
        width: 55% !important;
    }

    .xMas-bussiness-tarifi-banner .wrapper .header .ec {
        right: 0;
        bottom: -100px;
        left: 0;
    }

    .xMas-bussiness-office-tarifi-banner .header .ec {
        right: 0 !important;
        bottom: -120px !important;
    }

    .xMas-bussiness-tarifi-banner .header h2,
    .xMas-bussiness-office-tarifi-banner .header h2 {
        font-size: 35px;
    }

        .xMas-bussiness-tarifi-banner h2 span,
        .xMas-bussiness-office-tarifi-banner .header h2 span {
            font-size: 29px;
        }

    .xMas-bussiness-tarifi-banner .header p,
    .xMas-bussiness-office-tarifi-banner .header p {
        font-size: 24px !important;
    }

    .bussiness-office-tarifi-banner-maj h1 {
        font-size: 27px;
    }

    .bussiness-office-tarifi-banner-maj h2 {
        font-size: 24px;
    }
}

@media(max-width: 767px) {
    .xMas-bussiness-tarifi-banner {
        height: 200px;
    }

    .bussiness-office-tarifi-banner-maj {
        background-position: center top;
        height: 500px;
        background-size: cover;
    }

    .xMas-bussiness-office-tarifi-banner {
        position: relative;
        background-image: url(../content/images/business-tarifi/xMas-business-tarifi-banner.jpg);
        background-position: center top;
        height: 350px;
        background-size: cover;
    }

    #business-tarifi-new .content {
        margin: 80px 0;
        text-align: center;
    }

    .xMas-bussiness-tarifi-banner:before,
    .xMas-bussiness-office-tarifi-banner:before,
    .bussiness-office-tarifi-banner-maj:before {
        display: none;
    }

    .xMas-bussiness-tarifi-banner .wrapper,
    .xMas-bussiness-office-tarifi-banner .wrapper {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        width: 100%;
        height: 100%;
    }

        .xMas-bussiness-tarifi-banner .wrapper .header,
        .xMas-bussiness-office-tarifi-banner .wrapper .header,
        .bussiness-office-tarifi-banner-maj .wrapper .header {
            width: 100%;
            position: absolute;
            left: 0;
            right: 0;
            background: #e20074;
            padding: 20px;
            margin: 0;
            bottom: 0;
        }

    .bussiness-office-tarifi-banner-maj h1 {
        font-size: 27px;
    }

    .bussiness-office-tarifi-banner-maj h2 {
        font-size: 22px;
    }

    .xMas-bussiness-tarifi-banner h2,
    .xMas-bussiness-office-tarifi-banner h2 {
        font-size: 31px;
        text-transform: none;
    }

        .xMas-bussiness-tarifi-banner h2 span,
        .xMas-bussiness-office-tarifi-banner h2 span {
            font-size: 20px;
        }

    .xMas-bussiness-tarifi-banner .wrapper .header p,
    .xMas-bussiness-office-tarifi-banner .wrapper .header p {
        font-size: 18px;
    }

    .xMas-bussiness-tarifi-banner .wrapper .header .ec,
    .xMas-bussiness-office-tarifi-banner .wrapper .header .ec {
        position: absolute;
        width: 140px !important;
        height: auto;
        right: 10px !important;
        bottom: -50px !important;
        margin: 20px 0;
    }

    .xMas-bussiness-office-tarifi-banner .wrapper .header .ec {
        bottom: -60px !important;
    }

    #bot-new {
        margin-top: 40px;
    }
}


/*#endregion business xMAs baners*/

/*#region business tarifi inner baner new*/
.business-inner-banner {
    position: relative;
    height: 400px;
    background-image: url(../content/images/business-tarifi/business-tarifi-bg.jpg);
    background-size: cover;
    background-position: center top;
}

    .business-inner-banner:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/business-tarifi/business-tarifi-shape.png);
        background-position: top left;
        background-size: contain;
        background-repeat: no-repeat;
        width: 55%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .business-inner-banner .wrapper {
        position: relative;
        width: 50%;
        display: flex;
        align-items: flex-start;
        height: 100%;
    }

    .business-inner-banner h1 {
        color: white;
        font-size: 45px;
        text-transform: none;
        font-family: teleNeo-extra !important;
        line-height: 1.2;
    }

    .business-inner-banner h2 {
        color: white;
        font-size: 30px;
        text-transform: none;
        margin-bottom: 50px;
        font-family: teleNeo-regular !important;
    }

@media (min-width: 2200px) {
    .business-inner-banner {
        height: 500px;
    }

        .business-inner-banner:before {
            width: 60%;
        }

        .business-inner-banner .header {
            margin-left: 30px;
        }

        .business-inner-banner:before {
            width: 50%;
            background-size: cover;
        }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .business-inner-banner .header {
        margin-left: 40px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .business-inner-banner .header {
        margin-left: 40px
    }

    .business-inner-banner h1 {
        font-size: 35px;
    }

    .business-inner-banner h2 {
        font-size: 28px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .business-inner-banner:before {
        width: 70%;
    }

    .business-inner-banner .wrapper {
        position: relative;
        width: 65%;
    }

        .business-inner-banner .wrapper .header {
            margin-left: 20px;
        }

    .business-inner-banner h1 {
        font-size: 35px;
    }

    .business-inner-banner h2 {
        font-size: 27px;
    }
}

@media (max-width: 767px) {
    #bot-new h2.main-title {
        width: 250px;
        font-size: 32px;
    }

    .business-inner-banner:before {
        display: none;
    }

    .business-inner-banner .wrapper {
        width: 100%;
        align-items: flex-end;
    }

        .business-inner-banner .wrapper .header {
            background: #e20074;
            padding: 20px;
            width: 100%;
        }

    .business-inner-banner h1 {
        font-size: 27px;
    }

    .business-inner-banner h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
}
/*#endregion business tarifi inner baner new*/




/*#region business maj promo baner*/
.business-maj-promo-banner {
    position: relative;
    height: 500px;
    background-image: url(../content/banners/2023/business-tarifi-banner-maj.jpg);
    background-size: cover;
    background-position: left 10%;
}

    .business-maj-promo-banner:before {
        content: '';
        position: absolute;
        background-image: url(../content/banners/2023/business-tarifi-banner-shape.png);
        background-position: top left;
        background-size: contain;
        background-repeat: no-repeat;
        width: 50%;
        height: 100%;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .business-maj-promo-banner .wrapper {
        position: relative;
        height: 100%;
    }

        .business-maj-promo-banner .wrapper .header {
            position: relative;
            display: flex;
            justify-content: flex-start;
            align-items: flex-end;
            flex-direction: column;
            height: 100%;
            width: 45%;
            padding-bottom: 0;
            margin-left: 0;
        }

            .business-maj-promo-banner .wrapper .header h1 {
                color: white;
                font-size: 40px;
                text-transform: uppercase;
                font-family: teleNeo-bold !important;
                display: flex;
                flex-flow: row;
                align-content: flex-start;
                margin-top: 30px;
            }

                .business-maj-promo-banner .wrapper .header h1 span {
                    font-family: teleNeo-extra !important;
                    font-size: 90px;
                }

            .business-maj-promo-banner .wrapper .header h2 {
                color: white;
                font-size: 30px;
                line-height: 1.2;
            }
/*#endregion business april promo baner*/

/*#region business septemvri promo baner*/
.business-septemvri-promo-banner {
    position: relative;
    height: 350px;
    background-image: url(../content/banners/2023/background_smallbanner.jpg);
    background-size: cover;
    background-position: 60%;
}

    .business-septemvri-promo-banner:before {
        content: '';
        position: absolute;
        /* background-image: url(../content/banners/2023/business-tarifi-banner-shape.png); */
        background-position: 20% 0;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        background-image: url(../content/banners/2023/3x-mobilen-internet-banner-shape.png);
    }

    .business-septemvri-promo-banner .wrapper {
        position: relative;
        height: 100%;
    }

        .business-septemvri-promo-banner .wrapper .header {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            flex-direction: column;
            height: 100%;
            width: 35%;
            padding-bottom: 0;
            margin-left: 15%;
        }

            .business-septemvri-promo-banner .wrapper .header h1 {
                color: white;
                font-size: 32px;
                font-family: teleNeo-bold !important;
                display: flex;
                flex-flow: column;
                align-content: flex-start;
                margin: 30px 0;
            }

                .business-septemvri-promo-banner .wrapper .header h1 span {
                    font-family: teleNeo-bold !important;
                    font-size: 28px;
                    display: block;
                    color: white;
                    text-transform: none;
                }

            .business-septemvri-promo-banner .wrapper .header h2 {
                color: white;
                font-size: 28px;
                line-height: 1.2;
            }

            .business-septemvri-promo-banner .wrapper .header .small {
                color: white;
                margin-top: 30px;
                width: 75%;
            }
/*#endregion business septemvri promo baner*/
/*#region business office baner*/
.business-office-banner {
    position: relative;
    height: 350px;
    background-image: url(../content/banners/2023/bg-small.png);
    background-size: cover;
    background-position: 60%;
}

    .business-office-banner:before {
        content: '';
        position: absolute;
        /* background-image: url(../content/banners/2023/shape_smallbanner-BO.png);*/
        background-image: url(../content/banners/2023/business-office-najdobar-internet-shape-new.png);
        background-position: right;
        background-size: cover;
        background-repeat: no-repeat;
        width: 50%;
        height: 100%;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .business-office-banner .wrapper {
        position: relative;
        height: 100%;
    }

        .business-office-banner .wrapper .header {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            flex-direction: column;
            height: 100%;
            width: 36%;
            padding-bottom: 0;
            margin-left: 0;
        }

            .business-office-banner .wrapper .header h1 {
                color: white;
                font-size: 40px;
                font-family: teleNeo-extra !important;
                margin: 30px 0;
            }

                .business-office-banner .wrapper .header h1 span {
                    font-family: teleNeo-regular !important;
                    font-size: 36px;
                    display: block;
                    text-transform: none;
                }

            .business-office-banner .wrapper .header h2 {
                color: white;
                font-size: 28px;
                line-height: 1.2;
            }

            .business-office-banner .wrapper .header .small {
                color: white;
                margin-top: 30px;
            }
/*#endregion business office baner*/
/*#region business april promo baner*/
.business-april-promo-banner {
    position: relative;
    height: 400px;
    background-image: url(../content/images/business-tarifi/business-tarifi-april-2023.jpg);
    background-size: cover;
    background-position: left center;
}

    .business-april-promo-banner:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/business-tarifi/m1b-banner-inner-april-promo.png);
        background-position: bottom left;
        background-size: contain;
        background-repeat: no-repeat;
        width: 50%;
        height: 100%;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .business-april-promo-banner .wrapper {
        position: relative;
        height: 100%;
    }

        .business-april-promo-banner .wrapper .header {
            position: relative;
            display: flex;
            justify-content: flex-start;
            align-items: flex-end;
            flex-direction: row;
            height: 100%;
            width: 35%;
            padding-bottom: 30px;
            margin-left: 60px;
        }

            .business-april-promo-banner .wrapper .header h1 {
                color: white;
                font-size: 50px;
                text-transform: uppercase;
                font-family: teleNeo-extra !important;
            }
/*#endregion business april promo baner*/
/*#region delovna efikasnost baner*/
.delovna-efikasnost-vnatreshen {
    position: relative;
    height: 500px;
    background-image: url(../content/banners/2024/delovna-efikasnost-vnatreshen-bg.jpg);
    background-size: cover;
    background-position: center;
}

    .delovna-efikasnost-vnatreshen .wrapper,
    .delovna-efikasnost-vnatreshen .wrapper .header,
    .delovna-efikasnost-vnatreshen .wrapper .header .image {
        position: relative;
        height: 100%;
    }

        .delovna-efikasnost-vnatreshen .wrapper .header {
            display: flex;
            width: 100%;
            justify-content: center;
        }

    .delovna-efikasnost-vnatreshen .image {
        position: absolute;
        top: 0;
        width: 50%;
        left: 0;
    }

@media (max-width: 767px) {
    .delovna-efikasnost-vnatreshen {
        background-position: 75%;
        height: 350px;
    }

        .delovna-efikasnost-vnatreshen .wrapper .header {
            justify-content: flex-start;
        }

        .delovna-efikasnost-vnatreshen .image {
            width: 280px;
        }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .delovna-efikasnost-vnatreshen {
        background-position: 75% !important;
    }

        .delovna-efikasnost-vnatreshen .image {
            width: 60%;
        }
}
/*#endregion delovna efikasnost baner*/
/*#region novogodishna ponuda 2024 baner*/
.novogodishna-ponuda-business-tarifi-2024 {
    position: relative;
    height: 500px;
    background-image: url(../content/images/novogodishna-business-ponuda-business-tarifi.jpg);
    background-size: cover;
    background-position: center;
}

    .novogodishna-ponuda-business-tarifi-2024 .wrapper,
    .novogodishna-ponuda-business-tarifi-2024 .wrapper .header,
    .novogodishna-ponuda-business-tarifi-2024 .wrapper .header .image {
        position: relative;
        height: 100%;
    }

        .novogodishna-ponuda-business-tarifi-2024 .wrapper .header {
            display: flex;
            width: 100%;
            justify-content: center;
        }

            .novogodishna-ponuda-business-tarifi-2024 .wrapper .header .image {
                width: 420px;
            }

@media (max-width: 767px) {
    .novogodishna-ponuda-business-tarifi-2024 {
        background-position: 55%;
        height: 350px;
    }

        .novogodishna-ponuda-business-tarifi-2024 .wrapper .header {
            justify-content: flex-start;
        }

            .novogodishna-ponuda-business-tarifi-2024 .wrapper .header .image {
                width: 240px;
            }
}
/*#endregion novogodishna ponuda 2024 baner*/
/*#region mobile martovski baner*/
.martovski-inner-banner {
    position: relative;
    width: 100%;
    height: 300px;
}

    .martovski-inner-banner img {
        width: 100%;
        height: 100%;
        object-position: center;
        object-fit: cover;
    }

@media (min-width: 1990px) {
    .martovski-inner-banner {
        height: 450px;
    }
}

@media (min-width: 1600px) {
    .business-maj-promo-banner:before {
        width: 50%;
        background-size: cover;
    }

    .business-maj-promo-banner .wrapper .header {
        margin-left: 0;
    }

    .business-office-banner:before {
        width: 50%;
        background-size: cover;
        background-position: right;
    }

    .business-office-banner .wrapper .header {
        margin-left: 0;
    }

    .business-septemvri-promo-banner:before {
        width: 50%;
        background-size: cover;
    }

    .business-septemvri-promo-banner .wrapper .header {
        margin-left: 0;
    }

    .business-april-promo-banner:before {
        width: 40%;
    }

    .business-april-promo-banner .wrapper .header {
        margin-left: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .business-office-banner .wrapper .header h2 {
        font-size: 25px;
    }

    .business-office-banner .wrapper .header h1 {
        font-size: 32px;
    }

        .business-office-banner .wrapper .header h1 span {
            font-size: 32px;
        }

    .business-office-banner .wrapper .header .small {
        margin-top: 15px;
        width: 75%;
    }

    .business-maj-promo-banner:before {
        background-size: contain;
    }

    .business-maj-promo-banner .wrapper .header {
        width: 40%;
        margin-left: 80px;
    }

    .business-office-banner:before {
        background-size: cover;
    }

    .business-office-banner .wrapper .header {
        width: 35%;
        margin-left: 80px;
    }


    .business-septemvri-promo-banner .wrapper .header h1 {
        font-size: 32px;
        margin: 30px 0 15px;
    }

        .business-septemvri-promo-banner .wrapper .header h1 span {
            font-size: 27px;
        }

    .business-septemvri-promo-banner .wrapper .header h2 {
        font-size: 22px;
    }

    .business-septemvri-promo-banner .wrapper .header .small {
        margin-top: 15px;
        width: 80%;
    }


    .business-april-promo-banner .wrapper .header {
        width: 40%;
        margin-left: 80px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .business-maj-promo-banner {
        height: 550px;
    }

        .business-maj-promo-banner:before {
            width: 60%;
            background-size: contain;
        }

        .business-maj-promo-banner .wrapper .header {
            width: 45%;
        }

            .business-maj-promo-banner .wrapper .header h1 {
                font-size: 32px;
            }

                .business-maj-promo-banner .wrapper .header h1 span {
                    font-size: 70px;
                }

            .business-maj-promo-banner .wrapper .header h2 {
                color: white;
                font-size: 28px;
            }

    .business-office-banner {
        height: 350px;
        background-position: 45%;
    }

        .business-office-banner:before {
            width: 60%;
            background-size: cover;
        }

        .business-office-banner .wrapper .header {
            width: 40%;
            margin-left: 10%;
        }

            .business-office-banner .wrapper .header h1 {
                font-size: 32px;
            }

                .business-office-banner .wrapper .header h1 span {
                    font-size: 32px;
                }

            .business-office-banner .wrapper .header h2 {
                color: white;
                font-size: 28px;
            }

    .business-septemvri-promo-banner {
        height: 300px;
    }

        .business-septemvri-promo-banner:before {
            width: 60%;
            background-size: contain;
        }

        .business-septemvri-promo-banner .wrapper .header {
            width: 55%;
            margin-left: 10%;
        }

            .business-septemvri-promo-banner .wrapper .header h1 {
                font-size: 28px;
            }

                .business-septemvri-promo-banner .wrapper .header h1 span {
                    font-size: 28px;
                }

            .business-septemvri-promo-banner .wrapper .header h2 {
                color: white;
                font-size: 22px;
            }

            .business-septemvri-promo-banner .wrapper .header .small {
                display: none;
            }

    .business-april-promo-banner {
        height: 350px;
    }

        .business-april-promo-banner:before {
            width: 60%;
        }

        .business-april-promo-banner .wrapper .header {
            width: 45%;
        }

            .business-april-promo-banner .wrapper .header h1 {
                font-size: 38px;
            }

    .martovski-inner-banner {
        height: 250px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .business-maj-promo-banner {
        height: 500px;
    }

        .business-maj-promo-banner:before {
            width: 75%;
            background-size: contain;
        }

        .business-maj-promo-banner .wrapper .header {
            position: relative;
            width: 65%;
            padding-bottom: 0;
            margin-left: 0;
        }

            .business-maj-promo-banner .wrapper .header h1 {
                font-size: 33px;
            }

                .business-maj-promo-banner .wrapper .header h1 span {
                    font-family: teleNeo-extra !important;
                    font-size: 70px;
                    margin-right: 10px;
                }

            .business-maj-promo-banner .wrapper .header h2 {
                color: white;
                font-size: 27px;
                line-height: 1.2;
            }

    .business-office-banner {
        height: 300px;
        background-position: 50% !important;
    }

        .business-office-banner:before {
            width: 55%;
            height: 100%;
            background-position: left bottom;
            background-size: contain;
            background-repeat: no-repeat;
            top: 0;
            left: 0;
            bottom: 0;
            z-index: 0;
        }

        .business-office-banner .wrapper .header {
            position: relative;
            width: 47%;
            padding-bottom: 0;
            margin-left: 0;
            top: 20%;
        }

            .business-office-banner .wrapper .header h1 {
                font-size: 33px;
                margin: 30px 0 20px;
            }

                .business-office-banner .wrapper .header h1 span {
                    font-family: teleNeo-regular !important;
                    font-size: 33px;
                    margin-right: 10px;
                }

            .business-office-banner .wrapper .header h2 {
                color: white;
                font-size: 22px;
                line-height: 1.2;
            }



    .business-septemvri-promo-banner {
        height: 300px;
        background-position: 60% !important;
    }

        .business-septemvri-promo-banner:before {
            width: 60%;
            background-size: contain;
            background-position: bottom left;
        }

        .business-septemvri-promo-banner .wrapper .header {
            position: relative;
            width: 65%;
            padding-bottom: 0;
            margin-left: 10%;
        }

            .business-septemvri-promo-banner .wrapper .header h1 {
                font-size: 26px;
                margin: 30px 0 15px;
            }

                .business-septemvri-promo-banner .wrapper .header h1 span {
                    font-family: teleNeo-regular !important;
                    font-size: 26px;
                    margin-right: 10px;
                }

            .business-septemvri-promo-banner .wrapper .header h2 {
                color: white;
                font-size: 22px;
                line-height: 1.2;
            }

            .business-septemvri-promo-banner .wrapper .header .small {
                display: none;
            }


    .business-april-promo-banner {
        height: 300px;
    }

        .business-april-promo-banner:before {
            width: 65%;
        }

        .business-april-promo-banner .wrapper .header {
            position: relative;
            width: 55%;
            padding-bottom: 20px;
            margin-left: 80px;
        }

            .business-april-promo-banner .wrapper .header h1 {
                font-size: 37px;
            }

    .martovski-inner-banner {
        height: 190px;
    }

        .martovski-inner-banner img {
            object-position: 50% 0;
        }
}

@media (max-width: 767px) {

    .business-maj-promo-banner {
        height: 450px;
        background-position: center;
    }

        .business-maj-promo-banner:before {
            display: none;
        }

        .business-maj-promo-banner .wrapper .header {
            position: absolute;
            height: auto;
            width: 100%;
            margin-left: 0;
            background: #e20074;
            bottom: 0;
            padding: 10px 20px;
        }

            .business-maj-promo-banner .wrapper .header h1 {
                font-size: 22px;
            }

                .business-maj-promo-banner .wrapper .header h1 span {
                    font-size: 40px;
                    margin-right: 10px;
                }

            .business-maj-promo-banner .wrapper .header h2 {
                font-size: 23px;
            }

    .business-office-banner {
        height: 450px;
        background-position: 55%;
    }

        .business-office-banner:before {
            display: none;
        }

        .business-office-banner .wrapper .header {
            position: absolute;
            height: auto;
            width: 100%;
            margin-left: 0;
            background: #e20074;
            bottom: -45px;
            padding: 10px 20px;
        }

            .business-office-banner .wrapper .header h1 {
                font-size: 22px;
                margin: 0 0 15px;
            }

                .business-office-banner .wrapper .header h1 span {
                    font-size: 22px;
                    margin-right: 10px;
                }

            .business-office-banner .wrapper .header h2 {
                font-size: 19px;
            }

            .business-office-banner .wrapper .header .small {
                margin-top: 0;
            }

    .business-septemvri-promo-banner {
        background-position: 70%;
    }

        .business-septemvri-promo-banner:before {
            display: none;
        }

        .business-septemvri-promo-banner .wrapper .header {
            position: absolute;
            height: auto;
            width: 100%;
            margin-left: 0;
            background: #e20074;
            bottom: 0;
            padding: 10px 20px;
        }

            .business-septemvri-promo-banner .wrapper .header h1 {
                font-size: 22px;
                margin: 0 0 15px;
            }

                .business-septemvri-promo-banner .wrapper .header h1 span {
                    font-size: 22px;
                    margin-right: 10px;
                }

            .business-septemvri-promo-banner .wrapper .header h2 {
                font-size: 23px;
            }

            .business-septemvri-promo-banner .wrapper .header .small {
                display: none;
            }




    .business-april-promo-banner {
        height: 300px;
        background-position: center;
    }

        .business-april-promo-banner:before {
            display: none;
        }

        .business-april-promo-banner .wrapper .header {
            position: absolute;
            height: auto;
            width: 100%;
            margin-left: 0;
            background: #e20074;
            bottom: 0;
            padding: 10px 20px;
        }

            .business-april-promo-banner .wrapper .header h1 {
                font-size: 25px;
            }

    .martovski-inner-banner {
        height: 230px;
    }

        .martovski-inner-banner img {
            object-position: 13% 0;
        }
}

@media (min-width: 320px) and (max-width: 400px) {
    .martovski-inner-banner {
        height: 180px;
    }
}
/*#endregion mobile martovski baner*/
/*#region martovska promocija b2b 2024*/
.b2b-mart-vnatreshen {
    position: relative;
    height: 450px;
    background-image: url('/content/images/business-tarifi/b2b-mart-2024-tarifi-bg.jpg');
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
}

    .b2b-mart-vnatreshen .wrapper {
        position: relative;
        display: flex;
        justify-content: flex-end;
        z-index: 2;
        height: 100%;
        text-align: right;
    }

        .b2b-mart-vnatreshen .wrapper .header {
            width: 45%;
            margin-right: 30px;
            padding-top: 40px;
            position: relative;
        }

            .b2b-mart-vnatreshen .wrapper .header h1 {
                color: white;
                font-family: teleNeo-extra !important;
                font-size: 75px;
                text-transform: none;
                line-height: 1.1;
            }

            .b2b-mart-vnatreshen .wrapper .header h2 {
                color: black;
                font-size: 35px;
                font-family: teleNeo-extra !important;
            }

            .b2b-mart-vnatreshen .wrapper .header .ec {
                position: absolute;
                left: -50px;
                width: 120px;
                bottom: 0;
            }

    .b2b-mart-vnatreshen .image {
        position: absolute;
        right: 0;
        top: 0;
        width: 55%;
        height: 100%;
    }

        .b2b-mart-vnatreshen .image img {
            width: 100%;
            height: 100%;
        }

@media (max-width: 767px) {
    .b2b-mart-vnatreshen {
        height: 300px;
    }

        .b2b-mart-vnatreshen .wrapper .header {
            width: 100%;
            padding: 10px;
            margin: 0;
            position: absolute;
            bottom: 0;
            background: #e20074;
        }

            .b2b-mart-vnatreshen .wrapper .header h1 {
                font-size: 31px;
            }

            .b2b-mart-vnatreshen .wrapper .header h2 {
                font-size: 24px;
            }

            .b2b-mart-vnatreshen .wrapper .header br {
                display: none;
            }

        .b2b-mart-vnatreshen .image {
            display: none;
        }

        .b2b-mart-vnatreshen .wrapper .header .ec {
            left: 10px;
            width: 110px;
            bottom: 120px;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    .b2b-mart-vnatreshen {
        height: 340px;
    }

        .b2b-mart-vnatreshen .wrapper .header h1 {
            font-size: 50px;
        }

        .b2b-mart-vnatreshen .wrapper .header h2 {
            font-size: 28px;
        }

        .b2b-mart-vnatreshen .wrapper .header .ec {
            left: -80px;
            bottom: 20px;
        }
}
/*#endregion martovska promocija b2b 2024*/
/*#region junska promocija b2b 2024*/
.b2b-juni-vnatreshen {
    position: relative;
    height: 450px;
    background-image: url('/content/images/business-tarifi/bg-small-promotivno-juni-2024.jpg');
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}

    .b2b-juni-vnatreshen .wrapper {
        position: relative;
        display: flex;
        justify-content: flex-start;
        z-index: 2;
        height: 100%;
        text-align: left;
    }

        .b2b-juni-vnatreshen .wrapper .header {
            width: 45%;
            margin-right: 30px;
            padding-top: 40px;
            position: relative;
        }

            .b2b-juni-vnatreshen .wrapper .header h1 {
                color: white;
                font-family: teleNeo-extra !important;
                font-size: 45px;
                text-transform: none;
                line-height: 1;
            }

            .b2b-juni-vnatreshen .wrapper .header h2 {
                color: black;
                font-size: 35px;
                font-family: teleNeo-extra !important;
            }

            .b2b-juni-vnatreshen .wrapper .header .ec {
                position: absolute;
                right: 30%;
                bottom: 70px;
                width: 120px;
            }

    .b2b-juni-vnatreshen .image {
        position: absolute;
        left: 0;
        top: 0;
        width: 40%;
        height: 100%;
    }

        .b2b-juni-vnatreshen .image img {
            width: 100%;
            height: 100%;
        }

@media (min-width: 1200px) and (max-width: 1550px) {
    #m1-business-new .main-banner .b2b-juni-promocija-2024 .text-promo .ec {
        right: -120px;
    }

    #m1-business-new .main-banner:before {
        width: 60%;
    }

    .b2b-juni-vnatreshen {
        background-position: 60%;
    }

        .b2b-juni-vnatreshen .wrapper .header .ec {
            right: 0;
            width: 110px;
        }

        .b2b-juni-vnatreshen .image {
            width: 55%;
        }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .b2b-juni-vnatreshen {
        background-position: 60%;
    }

        .b2b-juni-vnatreshen .wrapper .header h1 {
            font-size: 50px;
        }

        .b2b-juni-vnatreshen .wrapper .header h2 {
            font-size: 32px;
        }

        .b2b-juni-vnatreshen .wrapper .header .ec {
            position: relative;
            left: 0;
            bottom: 0;
            width: 90px;
            right: unset;
        }

        .b2b-juni-vnatreshen .image {
            width: 55%;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    .b2b-juni-vnatreshen {
        height: 340px;
        background-position: 60%;
    }

        .b2b-juni-vnatreshen .wrapper .header h1 {
            font-size: 40px;
        }

        .b2b-juni-vnatreshen .wrapper .header h2 {
            font-size: 26px;
        }

        .b2b-juni-vnatreshen .wrapper .header .ec {
            position: relative;
            left: 0;
            bottom: 0;
            width: 100px;
            right: unset;
            padding-top: 10px;
        }

        .b2b-juni-vnatreshen .image {
            width: 55%;
        }
}

@media (max-width: 767px) {
    .b2b-juni-vnatreshen {
        height: 300px;
        background-position: 85%;
    }

        .b2b-juni-vnatreshen .wrapper .header {
            width: 100%;
            padding: 10px;
            margin: 0;
            position: absolute;
            bottom: 0;
            background: #e20074;
        }

            .b2b-juni-vnatreshen .wrapper .header h1 {
                font-size: 31px;
            }

            .b2b-juni-vnatreshen .wrapper .header h2 {
                font-size: 24px;
            }

            .b2b-juni-vnatreshen .wrapper .header br {
                display: none;
            }

        .b2b-juni-vnatreshen .image {
            display: none;
        }

        .b2b-juni-vnatreshen .wrapper .header .ec {
            right: 10px;
            width: 90px;
            bottom: 120px;
        }
}



/*#endregion junska promocija b2b 2024*/
.modal-dialog {
    top: 40%;
}

.mail-contactForm .modal-dialog {
    top: 15%;
}

#be-messenger {
    width: 75px !important;
}
/*#internet & tv dopolnitelni box-vi 100le*/

.internet-paketiContainer {
    position: relative;
    overflow: hidden;
    margin: 30px 0 50px;
}

    .internet-paketiContainer:before {
        content: " ";
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 50%;
        height: 100%;
        background-image: url('../content/images/internet-paketi-redesign/internet-bg.png');
        background-repeat: no-repeat;
        background-position: left;
        background-size: cover;
        transition: 0.3s ease-in-out all;
    }

    .internet-paketiContainer:after {
        content: " ";
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 50%;
        height: 100%;
        background-position: right;
        background-image: url('../content/images/internet-paketi-redesign/gaming-bg.png');
        background-size: cover;
        background-repeat: no-repeat;
    }

    .internet-paketiContainer.hover-effect:before,
    .internet-paketiContainer.hover-effect:after {
        transform: scale(1.1);
    }

    .internet-paketiContainer .custom-container {
        z-index: 1;
    }

    .internet-paketiContainer .firstBoxContainer,
    .internet-paketiContainer .secondBoxContainer {
        flex-grow: 1;
        box-sizing: border-box;
    }

    .internet-paketiContainer #internetPaketiID {
        position: relative;
        overflow: hidden;
    }

    .internet-paketiContainer .firstBoxContainer:hover .arrowSvg svg,
    .internet-paketiContainer .secondBoxContainer:hover .arrowSvg svg {
        fill: #E20074 !important;
        transition: 0.2s ease-in-out all;
        transform: translateX(20px);
    }

    .internet-paketiContainer .firstBoxContainer:hover,
    .internet-paketiContainer .secondBoxContainer:hover {
        background-size: 110%;
        transition: 0.3s ease-in-out all;
    }

        .internet-paketiContainer .firstBoxContainer:hover .arrowSvg svg path,
        .internet-paketiContainer .secondBoxContainer:hover .arrowSvg svg path {
            fill: #E20074;
        }

    .internet-paketiContainer .wrapper {
        display: flex;
    }

    .internet-paketiContainer .card {
        box-sizing: border-box !important;
    }

    .internet-paketiContainer .card-body p {
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-size: 18px;
    }

    .internet-paketiContainer .custom-container .card {
        min-height: 300px;
        padding: 50px 50px 50px 80px;
    }

    .internet-paketiContainer .firstBoxContainer .card-title span p {
        font-size: 40px;
        color: white;
        padding-bottom: 10px;
        text-align: left;
    }

    .internet-paketiContainer .sub-head {
        color: #FFFFFF;
        opacity: 0.71;
        font-size: 24px;
    }

    .internet-paketiContainer .firstBoxContainer .card-title::before {
        content: "";
        position: absolute;
        background: #E20074 0% 0% no-repeat padding-box;
        border-radius: 4px;
        width: 98px;
        height: 8px;
        top: 210px;
    }

    .internet-paketiContainer .secondBoxContainer .card-title::before {
        content: "";
        position: absolute;
        background: #E20074 0% 0% no-repeat padding-box;
        border-radius: 4px;
        width: 98px;
        height: 8px;
        top: 210px;
    }

    .internet-paketiContainer .arrowSvg {
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 10px;
        transition: 0.2s ease-in-out all;
    }

        .internet-paketiContainer .arrowSvg svg {
            width: 25px;
            height: 25px;
            transition: 0.2s ease-in-out all;
            position: relative;
        }


    .internet-paketiContainer .card .card-body {
        padding-top: 60px;
    }

    .internet-paketiContainer .card-body p:first-child {
        padding-bottom: 20px;
    }

    .internet-paketiContainer .secondBoxContainer .card-title span p {
        font-size: 40px;
        color: white;
        padding-bottom: 10px;
        text-align: left;
    }

    .internet-paketiContainer .card .card-title p {
        text-align: left;
    }

@media (max-width: 1050px) {
    .internet-paketiContainer .wrapper {
        flex-direction: column;
    }

    .internet-paketiContainer::before {
        width: 100%;
        height: 50%;
    }

    .internet-paketiContainer::after {
        width: 100%;
        height: 50%;
        top: 50%;
    }

    .internet-paketiContainer .secondBoxContainer .card-title::before {
        top: 540px;
    }
}



@media (max-width: 991px) {
    .internet-paketiContainer .card {
        padding: 28px 21px 0px 20px;
    }

    .internet-paketiContainer .firstBoxContainer .card-title::before {
        top: 170px !important;
    }

    .internet-paketiContainer .card-title span p {
        font-size: 26px !important;
    }

    .internet-paketiContainer .sub-head {
        font-size: 20px !important;
    }

    .internet-paketiContainer .card .card-body {
        padding-top: 45px !important;
        padding-bottom: 40px !important;
    }

    .internet-paketiContainer .secondBoxContainer .card-title::before {
        top: 470px !important;
    }

    .internet-paketiContainer .secondBoxContainer .card-title span p {
        font-size: 29px;
    }
}

@media (max-width: 767px) {
    .internet-paketiContainer .custom-container .card {
        min-height: 520px;
        padding: 20px 10px;
        position: relative;
    }

    .internet-paketiContainer .firstBoxContainer .card-title span p {
        padding-bottom: 0;
    }

    .internet-paketiContainer .firstBoxContainer .card-title::before {
        width: 100px;
        height: 4px;
    }

    .internet-paketiContainer .card .card-body {
        padding-top: 25px !important;
    }

        .internet-paketiContainer .card .card-body br {
            display: none;
        }

    .internet-paketiContainer .secondBoxContainer .card-title::before {
        width: 100px;
        height: 4px;
        top: 170px !important;
    }
}
/*#internet & tv dopolnitelni box-vi 100le*/


/*#region internet & tv dopolnitelni box-vi antonija*/
#optichki-internet-boosters {
    position: relative;
    padding: 30px 0;
    margin: 50px 0;
    overflow: hidden;
}

    #optichki-internet-boosters .internet-paketi .wrapper {
        display: flex;
        justify-content: space-evenly;
        align-items: flex-start;
    }
    /*#optichki-internet-boosters:before {
        content: " ";
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 50%;
        height: 100%;
        transition: transform .2s;
    }*/
    #optichki-internet-boosters:before {
        content: " ";
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 50%;
        height: 100%;
        transition: transform .2s;
        background: linear-gradient(320deg, #0c0e13, #151520);
    }

    #optichki-internet-boosters .wrapper .card {
        position: relative;
        width: 100%;
        border-radius: 8px;
        padding: 40px 210px 30px 60px;
        min-height: 400px;
        z-index: 3;
    }

        #optichki-internet-boosters .wrapper .card .btn-primary {
            background-color: transparent !important;
            border-color: transparent !important;
        }

        #optichki-internet-boosters .wrapper .card .stretched-link:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
        }

    #optichki-internet-boosters .internet-paketi .firstBox {
        position: relative;
    }

        #optichki-internet-boosters .internet-paketi .firstBox:after {
            content: url(../content/images/internet-paketi-redesign/internet-bg-copy-optichki.png);
            background-repeat: no-repeat;
            background-position: right;
            transition: transform .2s;
            display: inline-block;
            position: absolute;
            top: -40px;
        }

    #optichki-internet-boosters .internet-paketi .firstBox,
    #optichki-internet-boosters .internet-paketi .secondBox {
        width: 50%;
    }

    #optichki-internet-boosters .internet-paketi .secondBox {
        z-index: 2;
        position: relative;
    }

        #optichki-internet-boosters .internet-paketi .secondBox:after {
            content: " ";
            display: inline-block;
            position: absolute;
            top: 0;
            bottom: 0;
            right: -155px;
            width: 100%;
            height: 100%;
            background-image: url(../content/images/internet-paketi-redesign/dzojstik.png);
            background-repeat: no-repeat;
            background-position: right;
            transition: transform .2s;
        }

        #optichki-internet-boosters .internet-paketi .firstBox:hover:after,
        #optichki-internet-boosters .internet-paketi .secondBox:hover:after {
            transform: scale(1.1);
            transition: 0.2s ease-in-out all;
        }

        #optichki-internet-boosters .internet-paketi .firstBox .card-title .sub-head::before,
        #optichki-internet-boosters .internet-paketi .secondBox .card-title .sub-head::before {
            content: "";
            position: absolute;
            background: #E20074 0% 0% no-repeat padding-box;
            border-radius: 4px;
            width: 70px;
            height: 6px;
            top: 55px;
        }

    #optichki-internet-boosters .internet-paketi .arrowSvg {
        transition: 0.2s ease-in-out all;
        padding-left: 30px;
    }

    #optichki-internet-boosters .internet-paketi .firstBox .card-title h2,
    #optichki-internet-boosters .internet-paketi .secondBox .card-title h2 {
        font-size: 32px;
        color: white;
        padding-bottom: 5px;
        text-align: left;
        display: flex;
        align-items: center;
    }

    #optichki-internet-boosters .internet-paketi .arrowSvg svg {
        width: 25px;
        height: 20px;
        transition: 0.2s ease-in-out all;
        position: relative;
    }

    #optichki-internet-boosters .internet-paketi .sub-head {
        color: #FFFFFF;
        opacity: 0.71;
        font-size: 22px;
        margin-top: 0;
        min-height: 75px;
        position: relative;
    }

    #optichki-internet-boosters .internet-paketi .card-body p {
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-size: 18px;
    }

    #optichki-internet-boosters .internet-paketi .firstBox:hover .arrowSvg svg,
    #optichki-internet-boosters .internet-paketi .secondBox:hover .arrowSvg svg {
        fill: #E20074 !important;
        transition: 0.2s ease-in-out all;
        transform: translateX(20px);
    }

        #optichki-internet-boosters .internet-paketi .firstBox:hover .arrowSvg svg path,
        #optichki-internet-boosters .internet-paketi .secondBox:hover .arrowSvg svg path {
            fill: #E20074;
        }

    #optichki-internet-boosters:hover::before {
        transform: scale(1.1);
        transition: 0.2s ease-in-out all;
    }

    #optichki-internet-boosters:after {
        content: " ";
        display: inline-block;
        position: absolute;
        background-image: url(../content/images/internet-paketi-redesign/bg-gaming-new.png);
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
        top: 0;
        bottom: 0;
        right: 0;
        width: 50%;
        height: 100%;
    }

@media (min-width: 1551px) and (max-width: 1700px) {
    #optichki-internet-boosters .internet-paketi .secondBox:after {
        right: -65px;
    }
}

@media (min-width: 1200px) and (max-width: 1550px) {
    #m1-business-new .main-banner {
        background-position: 60%;
    }

        #m1-business-new .main-banner .text-promo > img {
            max-width: 40% !important;
        }

        #m1-business-new .main-banner .ec {
            top: 30px;
            right: 37%;
        }

    #optichki-internet-boosters .wrapper .card {
        padding: 40px 100px 30px 60px;
    }

    #optichki-internet-boosters .internet-paketi .secondBox:after {
        top: unset !important;
        bottom: -25px;
        right: -35px;
        width: 180px;
        height: 180px;
        background-image: url(../content/images/internet-paketi-redesign/dzojstik.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right;
        transition: transform .2s;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    #optichki-internet-boosters .wrapper .card {
        padding: 40px 40px 30px 0;
    }

    #optichki-internet-boosters .wrapper .secondBox .card {
        padding-left: 25px;
    }

    #optichki-internet-boosters .internet-paketi .secondBox:after {
        top: unset !important;
        bottom: -25px;
        right: -35px;
        width: 180px;
        height: 180px;
        background-image: url(../content/images/internet-paketi-redesign/dzojstik.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right;
        transition: transform .2s;
    }
}



@media (max-width: 991px) {
    .internet-paketi .wrapper {
        flex-direction: column;
    }

    #optichki-internet-boosters .internet-paketi .card {
        padding: 40px 20px 0px 20px;
        position: relative;
    }


    .internet-paketi .sub-head {
        font-size: 20px !important;
    }

    .internet-paketi .card .card-body {
        padding-top: 10px !important;
        padding-bottom: 40px !important;
    }

    .internet-paketi .card {
        padding: 20px 10px;
    }

    #optichki-internet-boosters .internet-paketi .card {
        min-height: 450px;
    }

    #optichki-internet-boosters .internet-paketi .firstBox,
    #optichki-internet-boosters .internet-paketi .secondBox {
        width: 100%;
    }

        #optichki-internet-boosters .internet-paketi .secondBox:after {
            right: -80px;
            left: 0;
            margin: 0 auto;
            top: unset;
            bottom: -140px;
        }

    #optichki-internet-boosters:before {
        width: 100%;
        height: 50%;
        bottom: unset !important;
    }

    #optichki-internet-boosters:after {
        width: 100%;
        height: 50%;
        top: unset !important;
    }

    #optichki-internet-boosters .wrapper .card {
        width: 100%;
    }

    .internet-paketi .firstBox .card-title span p {
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    #optichki-internet-boosters .internet-paketi .card {
        padding: 20px 10px;
        position: relative;
    }

    #optichki-internet-boosters .internet-paketi .card {
        min-height: 520px;
    }

    #optichki-internet-boosters .internet-paketi .firstBox,
    #optichki-internet-boosters .internet-paketi .secondBox {
        width: 100%;
    }

        #optichki-internet-boosters .internet-paketi .secondBox:after {
            right: 0;
            left: 0;
            margin: 0 auto;
            top: unset;
            bottom: -180px;
        }

    #optichki-internet-boosters:before {
        width: 100%;
        height: 50%;
        bottom: unset !important;
    }

    #optichki-internet-boosters:after {
        width: 100%;
        height: 50%;
        top: unset !important;
    }

    #optichki-internet-boosters .wrapper .card {
        width: 100%;
    }

    .internet-paketi .firstBox .card-title span p {
        padding-bottom: 0;
    }

    .internet-paketi .firstBox .card-title::before {
        width: 100px;
        height: 4px;
    }

    .internet-paketi .card .card-body {
        padding-top: 15px !important;
    }

        .internet-paketi .card .card-body br {
            display: none;
        }

    .internet-paketi .secondBox .card-title::before {
        width: 100px;
        height: 4px;
        top: 170px !important;
    }
}
/*#endregion internet & tv dopolnitelni box-vi antonija*/


#gley .gley-last {
    padding: 80px 0 60px;
}

section.gley-last .custom-acc .panel-heading {
    background: transparent radial-gradient(closest-side at 50% 19%, #EF007B 0%, #C40064 100%) 0% 0% no-repeat padding-box;
    border-radius: 11px;
    padding: 0;
}

    section.gley-last .custom-acc .panel-heading h4 {
        padding: 0 !important;
    }


section.gley-last .custom-acc .panel-default {
    background-color: unset !important;
    border-bottom: unset !important;
}

section.gley-last .custom-acc .panel-heading h4 a {
    padding: 25px 20px;
    font-size: 20px !important;
    font-family: 'teleNeo-bold' !important;
    color: white;
    display: block;
    text-decoration: unset;
}

#gley .gley-opportunities .wrapper .left-text h2 {
    font-family: 'teleNeo-bold' !important;
}

#gley-activation .second-paragraph ol li img {
    position: relative;
    top: -4px;
    height: 20px;
    width: 20px;
    margin-left: 3px;
}


section.gley-last .custom-acc #collapseOne {
    padding: 20px 0 0 30px;
}

section.gley-last .custom-acc .panel {
    box-shadow: unset;
}


section.gley-last .custom-acc p {
    font-size: 18px;
}

section.gley-last .custom-acc ol li {
    font-size: 18px;
}

section.gley-last .custom-acc .second-paragraph ol.activate {
    position: relative;
    list-style-type: none;
    padding-left: 0px;
    list-style-position: inside;
    display: list-item;
}


    section.gley-last .custom-acc .second-paragraph ol.activate li {
        padding-bottom: 10px;
        counter-increment: ol;
        display: list-item;
        position: relative;
        padding-left: 30px;
    }

        section.gley-last .custom-acc .second-paragraph ol.activate li:after {
            display: inline-block;
            content: " " counter(ol) " ";
            color: #A5A5A5;
            opacity: 1;
            font-family: 'teleNeo-bold' !important;
            top: 0;
            width: 20px;
            left: 0;
            height: 20px;
            position: absolute;
            font-size: 24px;
        }

        section.gley-last .custom-acc .second-paragraph ol.activate li:before {
            content: '';
            position: absolute;
            left: 13px;
            width: 3px;
            background: transparent;
            height: 34px;
            margin: auto;
            border-bottom: 12px solid #e20074;
            top: 0;
        }

section.gley-last .custom-acc .panel-heading h4 a {
    position: relative;
}

    section.gley-last .custom-acc .panel-heading h4 a.collapsed:before {
        transform: rotate(0deg);
        transition-duration: .25s;
        top: 50%;
        content: '';
        position: absolute;
        color: white;
        font-size: 30px;
        top: 0;
        bottom: 0;
        right: 40px;
        margin: auto;
        width: 17px;
        height: 10px;
        background-image: url(../content/images/gley/arrow.svg);
        background-repeat: no-repeat;
        background-size: cover;
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7476%) hue-rotate(128deg) brightness(108%) contrast(105%);
    }

    section.gley-last .custom-acc .panel-heading h4 a:before {
        transform: rotate(180deg);
        transition-duration: .25s;
        top: 50%;
        content: '';
        position: absolute;
        color: white;
        font-size: 30px;
        top: 0;
        bottom: 0;
        right: 40px;
        margin: auto;
        width: 17px;
        height: 10px;
        background-image: url(../content/images/gley/arrow.svg);
        background-repeat: no-repeat;
        background-size: cover;
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7476%) hue-rotate(128deg) brightness(108%) contrast(105%);
    }



@media (min-width: 768px) and (max-width: 991px) {
    #gley .gley-opportunities .wrapper .right-text {
        margin-left: 0 !important;
    }


    #gley .gley-opportunities {
        background-image: url(../content/images/gley/gley-white-bg.png);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        position: relative;
        width: 100%;
        padding: 30px 0 80px !important;
    }

    #gley .gley-activation {
        padding: 0px 0 80px !important;
    }

    #gley .gley-last {
        padding: 50px 0 50px;
    }

        #gley .gley-last .wrapper .text-last-2 .icons {
            padding-top: 20px !important;
        }
}


@media (max-width: 767px) {


    #gley .gley-opportunities {
        padding: 20px 0 !important;
    }

    #gley .gley-activation {
        padding: 0 0 60px !important;
    }

    #gley .gley-last .wrapper .text-last-1 p:first-of-type {
        margin-bottom: 20px;
    }

    #gley .gley-last {
        background: transparent radial-gradient(closest-side at 50% 0%, #00000096 0%, #0000000f 100%) 0% 0% no-repeat padding-box !important;
    }

    #gley .gley-activation:after {
        content: ' ';
        width: 100%;
        height: 300px;
        background-image: url(../content/images/gley/devices.png);
        background-repeat: no-repeat;
        right: 0;
        left: 0;
        position: relative;
        background-size: contain;
        transform: translate(-50px, 45px);
        display: block;
        margin: 0 auto;
        text-align: center;
    }
}

html,
body {
    margin: 0;
    padding: 0;
}

h3.mng-tm {
    padding-bottom: 5px;
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
    margin: 30px 0 20px;
    font-family: tele-groteskhalregular, Arial, Helvetica, Verdana, sans-serif;
    border-bottom: 1px solid rgb(213, 213, 213);
}
 
.article-intro.management-first .img-holder-intro {
    float: left;
    height: 123px;
    width: 200px;
    overflow: hidden;
    margin-right: 15px;
}

.article-intro.management-first {
    clear: both;
    min-height: 139px;
    height: auto;
}

.img-holder-intro {
    float: left;
    height: 123px;
    width: 200px;
    overflow: hidden;
    margin-right: 15px;
}

@media (max-width: 410px) {
    .img-holder-intro, .article-intro.management-first .img-holder-intro {
        clear: both;
        width: 100%;
        margin-bottom: 10px;
        margin-top: 20px;
    }

        .img-holder-intro img {
            max-width: 200px;
        }
}


/*
.img-holder-article {
  width: 100%;
  height: auto;
  max-height: 300px;
  overflow: hidden;
}
*/
.img-holder-article {
    width: 100%;
    /* height: auto; */
    /* max-height: 230px; */
    overflow: hidden;
    margin-bottom: 10px;
}

    .img-holder-article img {
        margin-right: 10px;
        width: 65%;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-in;
        -moz-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

        .img-holder-article img:hover {
            width: 100%;
            height: auto;
            overflow: auto;
            max-height: 100%;
            cursor: pointer;
            margin-bottom: 10px;
        }

    .img-holder-article p {
        margin: 0;
        line-height: 17px;
    }

.article-intro {
    clear: both;
    min-height: 129px;
    height: auto;
}

    .article-intro h2 {
        font: 13px Arial, Helvetica, sans-serif;
        font-weight: bold;
        margin: 0 0 2px 0;
        padding: 0 0 10px 0;
        border: 0;
        text-transform: none;
    }

h1.article-mng {
    line-height: 32px;
    margin: 0 0 20px;
    padding-top: 2px;
    font-size: 30px !important;
    line-height: 24px;
    font-weight: normal;
    color: #333;
    text-transform: none;
}

a.btn.btn-default.read-more {
    border: 0;
    background-image: url(../images/link-profile.gif);
    background-repeat: no-repeat;
    background-position: left 1px;
    padding: 0 0 0 20px;
    line-height: 13px;
}

    a.btn.btn-default.read-more:hover, a.btn.btn-default.read-more:focus {
        background-color: transparent;
    }


span.print-icon {
    border: 0;
    background-image: url(../images/print-icon.gif);
    background-repeat: no-repeat;
    background-position: left 1px;
    padding: 0 0 0 20px;
    line-height: 13px;
}

span.download-icon {
    border: 0;
    background-image: url(../images/download-icon.gif);
    background-repeat: no-repeat;
    background-position: left 1px;
    padding: 0 0 0 20px;
    line-height: 13px;
}




/* Archive filtering - Years */


/* TEST - Arhiva */


.archive-years-filter button.slick-prev {
    background-image: url('../images/arrow-left-filter.png');
    background-repeat: no-repeat;
    background-position: right;
}


.archive-years-filter button.slick-next {
    background-image: url('../images/arrow-right-filter.png');
    background-repeat: no-repeat;
    background-position: left;
}




.archive-years-filter {
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    padding: 15px 23px;
    height: 53px;
    overflow-y: hidden;
    margin-bottom: 10px;
    display: none;
}

    .archive-years-filter > .slick-prev, .archive-years-filter > .slick-next {
        bottom: 0;
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 0;
        display: block;
        width: 20px;
        height: 20px;
        margin-top: 0;
        padding: 0;
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        /*background: transparent;*/
    }

        .archive-years-filter > .slick-prev:before {
            display: none;
            position: absolute;
            width: 20px;
            height: 23px;
            content: '';
            background-image: url('../images/arrow-left-filter.png');
            background-repeat: no-repeat;
            background-position: left;
        }


        .archive-years-filter > .slick-next:before {
            display: none;
            position: absolute;
            width: 20px;
            height: 23px;
            content: '';
            background-image: url('../images/arrow-right-filter.png');
            background-repeat: no-repeat;
            background-position: center;
        }


    .archive-years-filter > .slick-prev {
        left: 5px;
        top: 15px;
    }

    .archive-years-filter > .slick-next {
        right: 5px;
        top: 15px;
    }


    .archive-years-filter .slick-track {
        text-align: center;
    }

    .archive-years-filter .slick-slide.slick-active {
        background-image: url('../images/gray-border.jpg');
        background-repeat: no-repeat;
        background-position: right 5px;
        padding-bottom: 15px;
    }


.slick-slide.slick-active.activeYear a {
    background-image: url('../images/blue-border.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 17px;
}

.archive-years-filter a {
    right: 5px;
    color: #427bab;
}

    .archive-years-filter a:hover, .archive-years-filter a:focus {
        text-decoration: none;
    }





/* End of test Arhiva*/



/* End of Archive filtering - Years */


/* Ceni - Landing  */


.phone-wrapper span.price2 {
    line-height: 100%;
    font-size: 30px;
    font-weight: 700;
    color: #E20074;
    padding: 10px 0 8px;
}

.p-uredi-cena {
    margin: 0px auto;
    width: 100%;
    max-width: 160px;
    display: block;
}

    .p-uredi-cena:before, .p-uredi-cena:after {
        content: '';
        display: table;
        clear: both;
    }

.p-left {
    float: left;
    width: 50%;
    text-align: center;
}

.p-right {
    float: right;
    width: 50%;
}

span.price2 {
    line-height: 100%;
    font-size: 35px;
    font-weight: 700;
    color: #E20074;
    padding: 10px 0 8px;
    font-family: tele-groteskhalregular;
}


.p-rates {
    color: #e20074;
    text-transform: uppercase;
    display: inline-block;
    font-family: 'tele-groteskhalregular';
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    margin: 0 auto;
    padding-top: 0;
    display: block;
}

.p-currency {
    max-width: 54px;
    color: #e20074;
    text-transform: uppercase;
    display: block;
    border-bottom: 1px solid #e20074;
    font-family: 'tele-groteskhalregular';
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    margin: 0 auto;
}


.txt-cena-naslovna {
    font-size: 17px;
    text-decoration: none;
    color: #5e5e5e;
    border-top: 1px solid#ccc;
    max-width: 170px;
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 5px;
}

/* Brzi Linkovi*/

.brzi-linkovi-container p {
    margin-top: 10px;
}

.top-link h4 {
    color: #5e5e5e;
    margin-top: 8px;
}



/**/




#myCarousel2 span.glyphicon.glyphicon-chevron-left {
    width: 39px;
    background-image: url(/images/left-arrow.png);
    height: 107px;
    background-repeat: no-repeat;
}

#myCarousel2 span.glyphicon.glyphicon-chevron-right {
    width: 39px;
    background-image: url(/images/right-arrow.png);
    height: 107px;
    background-repeat: no-repeat;
}

#myCarousel2 .glyphicon-chevron-left:before, #myCarousel2 .glyphicon-chevron-right:before {
    content: "";
}

#myCarousel2 .carousel-control .icon-prev, #myCarousel2 .carousel-control .glyphicon-chevron-left {
    left: 0;
}

#myCarousel2 .carousel-control .icon-next, #myCarousel2 .carousel-control .glyphicon-chevron-right {
    right: 0;
}

#myCarousel2 .carousel-control .glyphicon-chevron-left, #myCarousel2 .carousel-control .icon-prev {
    margin-left: 0;
}

#myCarousel2 .carousel-control .glyphicon-chevron-right, #myCarousel2 .carousel-control .icon-next {
    margin-right: 0;
}

@media screen and (min-width: 768px) {
    #myCarousel2 .carousel-control .glyphicon-chevron-left, #myCarousel2 .carousel-control .glyphicon-chevron-right, #myCarousel2 .carousel-control .icon-prev, #myCarousel2 .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -54px;
        font-size: 30px;
    }
}

.carousel-control.left, .carousel-control.right {
    background: none !important;
    filter: none !important;
}



@media screen and (max-width: 990px) {

    #myCarousel2 .carousel-control .glyphicon-chevron-left, #myCarousel2 .carousel-control .glyphicon-chevron-right, #myCarousel2 .carousel-control .icon-prev, #myCarousel2 .carousel-control .icon-next {
        margin-top: -27px;
    }

    #myCarousel2 span.glyphicon.glyphicon-chevron-left {
        width: 20px;
        background-image: url(/images/left-arrow-m.png);
        height: 53px;
        background-repeat: no-repeat;
    }

    #myCarousel2 span.glyphicon.glyphicon-chevron-right {
        width: 20px;
        background-image: url(/images/right-arrow-m.png);
        height: 53px;
        background-repeat: no-repeat;
    }
}





@media screen and (max-width: 767px) {


    /*a.lng-chooser {
        height: 40px;
        width: 40px;
        display: block;
        background: url("../images/language.png");
        background-position: center;
        background-repeat: no-repeat;
        color: transparent;
        float: right;
    }*/

    a.btn.btn-primary.lng-chooser-icon {
        border-radius: 0;
        height: 40px;
        border: 0;
        background-color: transparent;
        float: right;
        background: url("../images/language.png");
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
    }

    .well.lng-chooser-holder {
        min-width: 100%;
        position: fixed;
        top: 42px;
        right: 0;
        z-index: 999;
        float: none;
        background-color: #fafafa;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        padding: 8px 19px;
    }

        .well.lng-chooser-holder ul {
            margin: 0;
            text-align: right;
        }

            .well.lng-chooser-holder ul li a {
                color: #888888;
            }

            .well.lng-chooser-holder ul li.active a {
                color: #e20074;
            }



    /*

    li.lng-chooser-container {
    display:none;
    visibility:hidden;
    opacity:0;
    }

    .lng-chooser:hover {
    cursor:pointer;
    }

    .lng-chooser:hover .lng-chooser-container {
    display:block;
    visibility:visible;
    opacity:1;
    
    }*/
}




/* Search box */

.search-box {
    position: absolute;
    /* top: 100%; */
    right: inherit;
    left: -55px;
    z-index: 999;
    float: left;
    min-width: 250px;
    padding: 5px 0;
    margin: 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fafafa;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px none #ccc;
    border: 1px none rgba(0, 0, 0, .15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px #000000;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: none;
    padding: 5px;
    display: none;
}



/* Moj telekom  */

/*.moj-telekom-holder {
    right: 0;
    background-color: #a7b636;
    position: absolute;
    width: 400px;
    z-index: 40;
    top: 100%;
}*/

.moj-telekom-list ul li:hover, li.mt-tab-link.current {
    background-color: #B9C750;
}

#mainmenu {
    position: relative;
}

.moj-telekom-holder {
    /*right: 0;*/
    background: #f5f5f5;
    position: absolute;
    width: 100%;
    z-index: 40;
    /*top: 100%;*/
    max-width: 400px;
    top: 53px;
    right: 0;
    left: inherit;
}

li.mt-tab-link.current {
    background-color: #AEAEAE;
}

.moj-telekom-list ul li:hover {
    background-color: #A3A3A3;
}






/* Top menu */

li.mg-txt a:hover {
    color: #e20074;
}



.phone-box {
    /* margin-top: 20px; */
    height: 450px;
    text-align: center;
    padding: 15px 20px;
    background-color: transparent;
    box-shadow: none;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.phone-box.sim-card {
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 0;

}
.phone-box.sim-card .sim-table-box{

        display: table;
    width: 300px;
    margin: 0 auto;
}


@media (max-width:374px) {

.phone-box.sim-card .sim-table-box{

    width: 100%;

}


}
/* Side menu */

/*h4.left-nav-title p {
    margin: 0;
  background-image: url(../images/side-arrow.png);
  background-repeat: no-repeat;
  background-position: right bottom;
   
}

.h4.left-nav-title > ul {
    background: red !important;
}*/



/* iframe - dopolni vaucer*/

.div-holder-first {
    clear: both;
    background-color: red;
}

/**/


.moj-telekom-list ul li:last-child {
    text-decoration: underline;
    margin-top: 1px;
}


.search-box {
    position: absolute;
    /* top: 100%; */
    right: 100%;
    left: inherit;
    z-index: 999;
    float: left;
    min-width: 250px;
    padding: 5px 0;
    margin: 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fafafa;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px none #ccc;
    border: 1px none rgba(0, 0, 0, .15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px #000000;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: none;
    padding: 5px;
    display: none;
}




a.btn.btn-moj-telekom {
    background-color: #a7b636;
    color: white;
}



/* Paging */

.btn-group.new-pg .btn.btn-default {
    background-color: transparent;
    color: #666;
}

.btn-group.new-pg .btn {
    height: 27px;
    width: 27px;
    padding: 4px 9px;
    border: none;
    /*border-radius: 50% !important;*/
    border-radius: 0 !important;
    margin-right: 5px;
}

    .btn-group.new-pg .btn:hover {
        background-color: #e20074;
        color: white;
    }

    .btn-group.new-pg .btn.btn-link {
        background-color: #e20074;
        color: white;
    }

/* Scroll to top */

.scrollToTop {
    background-position: center;
    width: 28px;
    height: 28px;
    /* padding: 10px; */
    text-align: center;
    background: whiteSmoke;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 55px;
    right: 20px;
    display: none;
    background: url('../images/back-to-top.png');
    -webkit-transition: background 0.2s ease-in;
    -moz-transition: background 0.2s ease-in;
    -ms-transition: background 0.2s ease-in;
    -o-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in;
    z-index: 100;
    border-bottom: 0 solid #af005a;
    background-repeat: no-repeat;
}

    .scrollToTop:hover {
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
        border-bottom-width: 3px;
    }

@media (min-width:992px) and (max-width:1199px) {
    .search-box {
        /*left: -83px;*/
    }
}

@media (min-width:768px) and (max-width:991px) {
    .search-box {
        right: 100%;
    }
}

@media (max-width:767px) {
    .scrollToTop {
        right: 10px;
    }

    .search-box {
        position: fixed;
        top: 42px;
        right: 0;
        z-index: 999;
        float: none;
        min-width: 100%;
        padding: 5px 0;
        margin: 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fafafa;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px none #ccc;
        border: 1px none rgba(0, 0, 0, .15);
        border-radius: 0;
        -webkit-box-shadow: 0 6px 12px #000000;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: none;
        padding: 12px;
        left: 0;
    }
}

/* End of Scroll to top*/




.product-home-img .table-img {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

img.fourG-catcher {
    left: 12px;
    position: absolute;
    bottom: 12px;
}

img.top-left-catcher {
    position: absolute;
    top: 32px;
}


.product-home-img {
    height: 225px;
    width: 100%;
    display: table;
    max-width: 200px;
    margin: 0 auto;
}

.moj-telekom-list ul li:last-child {
    text-decoration: none;
    margin-top: 1px;
}

/* Logo */


.main-menu-holder {
    background: white;
    /*height: 53px;*/
    height: 61px;
}

@media (min-width: 768px) {
    .main-menu .navbar-nav > li {
        float: left;
        position: relative;
        display: table-cell;
        z-index: 50;
        margin: 0;
        vertical-align: middle;
        height: 53px;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }


        .main-menu .navbar-nav > li > a {
            color: #666;
            text-transform: uppercase;
            font-size: 13px;
            padding: 10px 15px;
            font-family: tele-groteskhalregular;
            text-align: center;
            white-space: normal;
            padding: 0;
            font-size: 13px;
            width: 100%;
            display: table;
            height: 53px;
            padding: 10px;
            line-height: 16px;
            max-width: 161px;
        }
}

a.btn.btn-moj-telekom {
    /*padding: 16px 15px;*/
    /*min-width: 150px;*/
    padding: 0 15px;
    height: 53px;
    overflow: hidden;
}

    a.btn.btn-moj-telekom > span {
        padding: 15px 0;
        display: inline-block;
    }

.logo-holder a {
    display: block;
    vertical-align: middle;
    width: 100%;
    padding: 12px;
}

.logo-holder {
    height: 53px;
    z-index: 100;
    position: relative;
}




ul.moj-telekom-menu-1 ul.moj-telekom-menu-1-sub {
    display: none;
    /*
    opacity: 0;
    visibility: hidden;
    filter: alpha(opacity=0);
	*/
    width: 100%;
    visibility: hidden;
}



ul.moj-telekom-menu-1 li > ul.moj-telekom-menu-1-sub {
   
	display: none;
    opacity: 1 !important;
    visibility: visible;
    filter: none !important;
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
		
    width: 400px;
}


.moj-telekom-login-holder iframe {
position:relative;
z-index:-1;

}
.pageDesc {
    float: left;
    padding: 3px 10px;
}

.pageDesc.pageDesc-middle {
    float: none;
    padding: 3px 10px;
}

/*#region affix*/
#header {
    z-index: 100;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
}


    #header.affix {
        z-index: 1000;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        margin: 0 auto;
    }

@media (min-width: 1200px) {
    #header {
        width: 1000px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    #header {
        width: 970px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    #header {
        width: 750px;
    }
}

@media (max-width: 767px) {
    #header {
        width: 100%;
        top: 42px;
    }

        #header.affix {
            top: 42px;
        }

    #top {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        /*background-color: #EAEAEA;*/
    }

    #ns-content {
        padding-top: 96px;
    }
}

/*#endregion affix*/




.LegalNotesSmall {
    font-size: 10px !important;
}

.title-landing * {
    color: #aaaaaa;
    font-family: 'tele-groteskfetregular';
    padding: 10px;
    font-size: 20px;
    margin: 10px 0;
}

@media (min-device-width: 992px) {
    .h310lg {
        height: 310px;
    }

    .h262lg {
        height: 262px;
    }

    .alignBottom-wrapper {
        padding-bottom: 120px !important;
    }

    .alignBottom-wrapper-big.alignBottom-wrapper-big {
        padding-bottom: 180px !important;
    }

    .alignBottom {
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 20px;
    }
}

@media (max-device-width: 991px) {
    .mb15sm {
        margin-bottom: 15px !important;
    }
}

/*@media (max-width: 767px) {
    .inner-cont {
        padding: 15px 0;
    }
}*/

#device-laptopi img.top-left-catcher {
    top: 10px;
    max-width: 80px;
}




/* Popup */




div#popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    background-color: rgba(62, 62, 62, 0.93);
    -webkit-animation: fade .3s;
    animation: fade .3s;
    display: none;
}

.popup-wrapper {
    display: table;
    width: 100%;
    height: 100%;
}

.popup-header {
    border-bottom: 1px solid #f5f5f5;
    width: 100%;
    display: block;
    text-align: right;
    padding: 0px;
}


    .popup-header a.popup-close {
        text-align: center;
        color: #e20074;
        font-size: 30px;
        padding: 8px 0px;
        border-left: 1px solid #f5f5f5;
        line-height: 1;
        height: 45px;
        display: block;
        width: 45px;
        float: right;
        border-bottom: 1px solid #f5f5f5;
    }

    .popup-header a:hover {
        background: #e20074;
    }

        .popup-header a:hover span {
            color: #fff;
        }

.popup-content {
    padding: 70px 20px;
}

.popup-container {
    max-width: 560px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #ebebeb;
    box-shadow: 0 3px 7px rgba(0,0,0,0.8);
    background-clip: padding-box;
    text-align: center;
    width: 90%;
    border-radius: 2px;
    background-image: url('../images/bg_pattern-popup_top_left.png'), url('../images/bg_pattern-pupup-bottom-right.png');
    background-position: left -140px bottom -100px, right bottom -50px;
    background-repeat: no-repeat;
}

.popup-middle-container {
    display: table-cell;
    vertical-align: middle;
}

.popup-content p {
    font-size: 2em;
}

    .popup-content p span {
        display: block;
    }

    .popup-content p a {
        color: #e20074;
    }

a.btn.btn-grey.cancel-izbor-device {
    min-width: 0;
}


.btn-group-izbor-device {
    margin-top: 20px;
    display: block;
    position: relative;
}


html,
body {
    margin: 0;
    padding: 0;
}

ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}


.inner-cont ul li {
    display: block;
    background: url(../images/list-bullet.png) 0 11px no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    /*font-size: 12px;
    font-family: Arial, Helvetica, sans-serif !important;*/
    margin-left: 15px;
}

.inner-cont li.ml-li {
    margin-left: 45px;
}

.table-responsive td.iso-table-pad {
    padding-left: 20px;
}

.inner-cont img.img-manager {
    padding-right: 15px;
    margin-top: 5px;
}

.inner-cont h2.executive-h2 {
    font-size: 14px;
}

.inner-cont p.executive-p {
    font-size: 16px;
}

.table-responsive td.p10 {
    padding: 10px;
}

.white-box p.bcg-none {
    padding-left: 0;
    font-size: 17px;
    background-image: none !important;
    margin-bottom: 20px;
}

.white-box.publications h3.pl20 {
    padding-left: 20px;
}

.inner-cont .table-responsive th {
    font-size: 17px;
}

.inner-cont.transparent p.more-link-mb a {
    display: block;
    text-align: right;
    font-size: 16px;
    background: url(../images/more_icon.png) no-repeat right center;
    padding-right: 25px;
}

.inner-cont.transparent p.more-link-mb:before, .inner-cont.transparent p.more-link-mb:after {
    content: '';
    display: table;
    clear: both;
}

.inner-cont h3 {
    margin-top: 25px;
}

.white-box p.phone-img {
    background-image: url(../images/phone.png) !important;
    padding-left: 30px;
    margin-bottom: 5px;
    height: 25px;
}

.white-box p.mail-img {
    background-image: url(../images/mail.png) !important;
    padding-left: 30px;
}

.fancy-content h4 {
    font-size: 18px;
    display: inline-block;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #ffffff;
    padding: 0;
    font-family: 'tele-groteskhalregular';
}

.inner-cont img.pb15 {
    padding-bottom: 15px;
}


.white-box-border-one {
    border: 1px solid #ddd;
    padding: 15px;
    height: 390px;
    margin-bottom: 30px;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
}

    .white-box-border-one:hover {
        background-color: #eee;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        box-shadow: 0 1px 3px rgba(0,0,0,.1);
    }

    .white-box-border-one > h1 {
        margin-top: 0px;
        padding: 0 0 15px 0px;
        color: #222222 !important;
        border-bottom: 1px solid #e9e9e9;
        font-size: 18px !important;
    }




    .white-box-border-one > h3 {
        font-size: 22px;
        font-family: 'tele-groteskfet';
        color: #e20074;
        margin: 0 0 15px;
        height: 34px;
        line-height: 1;
    }

    .white-box-border-one > p {
        color: #aaa;
        margin: 5px 0 20px;
        height: 60px;
    }

    .white-box-border-one > img {
        display: block;
        height: 180px;
        margin: 0 auto;
    }

    .white-box-border-one > span {
        color: #aaa;
        margin: 10px 0 20px;
        height: 22px;
        display: block;
        line-height: 1;
        font-size: 14px;
    }

    .white-box-border-one > a {
        width: 100%;
        display: block;
        max-width: none;
        text-align: center;
    }

    .white-box-border-one > h2 > img {
        width: 30px;
        display: inline-block;
        padding-right: 5px;
    }

.dimension-free {
    height: inherit;
}

    .dimension-free p {
        height: 110px;
    }

.app-qr-box {
    height: 120px;
}

.white-box-border-one.small-pic > img {
    height: auto;
}

.white-box-border-one.small-pic {
    height: 295px;
}

    .white-box-border-one.small-pic > h1 {
        min-height: inherit !important;
    }

#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);
}

.rhcp-live {
    margin: 20px 0px;
}

.rhcp-live-holder {
    text-align: center;
    border: 1px solid #e20074;
    margin-top: 10px;
    padding: 30px;
    padding-bottom: 80px;
    background-image: url('../../content/images/RHCP-live/red-hot-video-back.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    position: relative;
}

    .rhcp-live-holder h2 {
        color: #e20074;
    }

    .rhcp-live-holder h3 {
        margin-top: 10px;
        margin-bottom: 40px;
    }

        .rhcp-live-holder h3 span {
            display: block;
            font-size: 18px;
            margin-top: 10px;
        }

    .rhcp-live-holder .rhcp-arrow {
        position: absolute;
        top: -19px;
    }

    .rhcp-live-holder .video-container {
        width: 560px;
        margin: 0 auto;
    }

@media screen and (max-width: 768px) {
    .rhcp-live-holder .video-container {
        width: 100%;
    }
}

@media (max-width: 767px) {

    .rhcp-live-holder iframe {
        width: 100%;
        height: auto;
    }
}


/* magenta1 biznis landing start */
#magenta1-biznis-wraper {
    text-align: center;
}

    #magenta1-biznis-wraper p {
        font-size: 16px;
    }

    #magenta1-biznis-wraper h2, #magenta1-biznis-wraper h3 {
        text-transform: uppercase;
    }

    #magenta1-biznis-wraper .white-bcg h2 {
        color: #E20074;
        font-family: 'tscreen-regular' !important;
        margin-bottom: 30px;
    }
    #magenta1-biznis-wraper h2 {
        font-family: 'tscreen-bold' !important;
        color: #E20074;
        margin-bottom: 30px;
    }
#magenta1-biznis-wraper .m1b-box {
    padding: 45px;
}

        #magenta1-biznis-wraper .m1b-box.gray-back {
            background-color: #e2e2e2;
            background: #e2e2e2; /* Old browsers */
            background: -moz-linear-gradient(top, #cacaca 0%, #efefef 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #cacaca 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #cacaca 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
            padding-top: 50px;
        }

            #magenta1-biznis-wraper .m1b-box.gray-back h2, #magenta1-biznis-wraper .m1b-box.blue-back *, #magenta1-biznis-wraper .m1b-box.m1b-mag1-back *, #magenta1-biznis-wraper .m1b-box.m1b-mag2-back * {
                color: white;
            }

        #magenta1-biznis-wraper .m1b-box.blue-back {
            background-color: #235482;
        }

            #magenta1-biznis-wraper .m1b-box.blue-back .mb-fancy-list {
                width: 70%;
                margin: 0 auto;
                margin-top: 15px;
            }

                #magenta1-biznis-wraper .m1b-box.blue-back .mb-fancy-list img {
                    float: left;
                    padding-right: 35px;
                }

            #magenta1-biznis-wraper .m1b-box.blue-back ul > li, #magenta1-biznis-wraper .m1b-mag2-back ul > li {
                text-align: left;
            }

                #magenta1-biznis-wraper .m1b-box.blue-back ul > li:before, #magenta1-biznis-wraper .m1b-mag2-back ul > li:before {
                    content: "-";
                    padding-right: 20px;
                }

        #magenta1-biznis-wraper .m1b-box.m1b-mag1-back {
            background-image: url('../content/images/magenta1-bussines/magenta-back-01.jpg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }

            #magenta1-biznis-wraper .m1b-box.m1b-mag1-back .mb-partner-boxes {
                margin: 35px;
                text-align: left;
            }

                #magenta1-biznis-wraper .m1b-box.m1b-mag1-back .mb-partner-boxes h4 {
                    margin-bottom: 0px;
                    text-transform: uppercase;
                    min-height: 55px;
                }

            #magenta1-biznis-wraper .m1b-box.m1b-mag1-back .mb-partner-box {
                margin: 10px 0px;
            }

    #magenta1-biznis-wraper .white-back .mb-service-boxes p:first-of-type {
        width: 70%;
        margin: 0 auto;
    }

    #magenta1-biznis-wraper .white-back .mb-service-boxes {
        width: 80%;
        margin: 45px auto;
    }

        #magenta1-biznis-wraper .white-back .mb-service-boxes .mb-service-box img {
            float: left;
            padding-right: 30px;
        }

        #magenta1-biznis-wraper .white-back .mb-service-boxes .mb-service-box {
            min-height: 190px;
            clear: both;
            text-align: left;
        }

            #magenta1-biznis-wraper .white-back .mb-service-boxes .mb-service-box:last-of-type {
                min-height: 100px;
            }

            #magenta1-biznis-wraper .white-back .mb-service-boxes .mb-service-box h2 {
                margin-bottom: 5px;
            }

    #magenta1-biznis-wraper .m1b-box.m1b-mag2-back .m1b-arrow {
        font-size: 18px;
        text-align: left;
        padding-left: 75px;
    }

        #magenta1-biznis-wraper .m1b-box.m1b-mag2-back .m1b-arrow img {
            padding-left: 20px;
        }

    #magenta1-biznis-wraper .m1b-box.m1b-mag2-back {
        background-image: url('../content/images/magenta1-bussines/magenta-back-02.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-position: center right;
    }

        #magenta1-biznis-wraper .m1b-box.m1b-mag2-back .m1b-uslugi-box {
            margin: 40px;
        }

        #magenta1-biznis-wraper .m1b-box.m1b-mag2-back .m1b-uslugi2-box {
            min-height: 80px;
            padding-top: 25px;
        }


    #magenta1-biznis-wraper .m1b-box.m1b-slider .m1b-slider-info {
        display: inline-block;
        padding-right: 15px;
        position: relative;
        top: 65px;
    }

        #magenta1-biznis-wraper .m1b-box.m1b-slider .m1b-slider-info h4 {
            padding: 0;
            font-size: 34px;
            text-align: left;
            margin: 0;
        }

        #magenta1-biznis-wraper .m1b-box.m1b-slider .m1b-slider-info h2 {
            margin-bottom: 5px;
        }


    #magenta1-biznis-wraper .m1b-box.m1b-slider .item img {
        max-width: 200px;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-slider {
        position: relative;
    }

    #magenta1-biznis-wraper .m1b-video-box {
        position: relative;
        margin-bottom: -90px;
    }

    #magenta1-biznis-wraper span.glyphicon.glyphicon-chevron-right {
        background-image: url(../content/images/magenta1-bussines/arrow-right.png);
        background-repeat: no-repeat;
        height: 50px;
        /*top: 30%;*/
        top: 40%;
    }

    #magenta1-biznis-wraper span.glyphicon.glyphicon-chevron-left {
        background-image: url(../content/images/magenta1-bussines/arrow-left.png);
        background-repeat: no-repeat;
        height: 50px;
        /*top: 30%;*/
        top: 40%;
    }

    #magenta1-biznis-wraper .slide.bottom a, #magenta1-biznis-wraper .slide p {
        display: block;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-mag2-back a {
        display: block;
        text-decoration: none;
    }

    #magenta1-biznis-wraper .glyphicon-chevron-left:before {
        display: none;
    }

    #magenta1-biznis-wraper .glyphicon-chevron-right:before {
        display: none;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-slider > p {
        padding: 15px 0px 35px 0px;
    }

    #magenta1-biznis-wraper .m1b-slider-info > h4 {
        color: #989898;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-slider ol {
        bottom: 0px;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-slider .item .regular-price, #magenta1-biznis-wraper .m1b-box.m1b-slider .item.active .regular-price {
        margin-bottom: 50px;
        line-height: 25px;
        margin-top: 25px;
    }

        #magenta1-biznis-wraper .m1b-box.m1b-slider .item .regular-price div > p {
            color: #989898;
            font-size: 23px;
            width: 67%;
            display: inline-block;
        }

        #magenta1-biznis-wraper .m1b-box.m1b-slider .item .regular-price div > span {
            font-size: 34px;
        }



    #magenta1-biznis-wraper .m1b-box.m1b-slider .regular-price div:first-child > span {
        position: relative;
        color: #989898;
    }

        #magenta1-biznis-wraper .m1b-box.m1b-slider .regular-price div:first-child > span.line-through:before {
            position: absolute;
            content: "";
            left: 0;
            top: 50%;
            right: 0;
            border-top: 1px solid;
            border-color: inherit;
            -webkit-transform: rotate(-15deg);
            -moz-transform: rotate(-15deg);
            -ms-transform: rotate(-15deg);
            -o-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }



    #magenta1-biznis-wraper .m1b-box.m1b-slider .regular-price div:last-child > span {
        color: #e20074;
        font-family: 'tscreen-bold';
    }

    #magenta1-biznis-wraper .m1b-box.advice > img {
        margin: 25px 0px;
    }

    #magenta1-biznis-wraper .m1b-box.advice > p {
        margin-bottom: 25px;
    }

    /*#magenta1-biznis-wraper .m1b-box.intro h2 {
        margin-bottom: 25px;
    }*/

    #magenta1-biznis-wraper .m1b-box.m1b-mag2-back .mb-uslugi2-box h3 {
        min-height: 80px;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-mag2-back .mb-uslugi2-box {
        margin-bottom: 20px;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-slider .m1b-slider-info h2 {
        text-transform: none;
    }

    #magenta1-biznis-wraper .regular-price > div {
        text-align: left;
        width: 60%;
        display: block;
        margin: 0 auto;
    }

    #magenta1-biznis-wraper .m1b-box.white-back {
        background-color: #4B4B4B;
    }

    #magenta1-biznis-wraper .m1b-box.white-back {
        color: white;
    }

    #magenta1-biznis-wraper .mb-service-box > div {
        display: inline-block;
        width: 50%;
        margin-top: 33px;
    }

        #magenta1-biznis-wraper .mb-service-box > div > p {
            float: left;
            font-size: 30px;
            width: auto !important;
        }

            #magenta1-biznis-wraper .mb-service-box > div > p:nth-child(2) {
                float: right;
                font-size: 16px;
                background-image: url(../content/images/magenta1-bussines/arrow-smaller.png);
                background-repeat: no-repeat;
                background-position: right center;
                margin-top: 15px;
            }

    #magenta1-biznis-wraper .mb-service-box div > p > a {
        color: white;
        text-decoration: none;
        padding-right: 20px;
    }

    #magenta1-biznis-wraper .m1b-box.gray-back h2 {
        color: #e20074;
    }

    #magenta1-biznis-wraper .m1b-box.gray-back h3 {
        color: #363636;
    }

    #magenta1-biznis-wraper .m1b-box.gray-back p {
        color: #363636;
        width: 82%;
        margin: 0 auto;
    }

    #magenta1-biznis-wraper .m1b-box.blue-back ul > li > p {
        display: inline-block;
        width: 93%;
        margin: 0 auto;
        vertical-align: top;
    }

    #magenta1-biznis-wraper .mb-fancy-list .col-xs-12 > p {
        margin-top: 20px;
        margin: 0 auto;
    }

    #magenta1-biznis-wraper .mb-partner-box {
        text-align: center;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-mag1-back .mb-partner-box.m1b-office-365-box > div {
        margin: 10px 0;
        text-align: left;
        font-size: 16px;
    }

    #magenta1-biznis-wraper .mb-partner-box.m1b-office-365-box {
        position: relative;
    }

    /*#magenta1-biznis-wraper .mb-partner-box.m1b-office-365-box > img:first-of-type {
        position: absolute;
        right: -55px;
        width: 85px;
    }*/

    #magenta1-biznis-wraper .mb-partner-box > p {
        text-align: left;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-slider .item img.phone {
        max-width: 180px;
        padding-top: 30px;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-slider .left.carousel-control {
        width: auto;
        top: 20%;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-slider .right.carousel-control {
        width: auto;
        top: 20%;
    }

    #magenta1-biznis-wraper .m1b-uslugi-box ul > li > p {
        display: inline-block;
        width: 90%;
        margin: 0 auto;
        vertical-align: top;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-mag1-back a.btn.btn-grey {
        color: #383838;
    }

    #magenta1-biznis-wraper .m1b-box.white-back span.magenta-text {
        color: #e20074;
    }

    #magenta1-biznis-wraper .m1b-box.white-back p {
        width: 90%;
        margin: 0 auto;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-slider p {
        width: 80%;
        margin: 0 auto;
    }

    #magenta1-biznis-wraper .m1b-box.intro {
        padding-top: 0px;
        margin-bottom: 25px;
    }

    #magenta1-biznis-wraper .m1b-uslugi-box .pull-right {
        width: 91%;
    }

    #magenta1-biznis-wraper .m1b-uslugi-box .maxtv {
        text-align: left;
    }

@media (max-width: 767px) {
    #magenta1-biznis-wraper h2 {
        font-size: 24px;
    }

    #magenta1-biznis-wraper h3 {
        font-size: 20px;
    }

    /*#magenta1-biznis-wraper .m1b-video-box iframe {
        width: 100%;
        height: auto;
    }*/

    #magenta1-biznis-wraper .m1b-video-box {
        position: relative;
        padding-bottom: 49.4%;
        padding-top: 25px;
        height: 0;
    }

        #magenta1-biznis-wraper .m1b-video-box iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    #magenta1-biznis-wraper .m1b-box.gray-back h2, #magenta1-biznis-wraper .m1b-box.blue-back *, #magenta1-biznis-wraper .m1b-box.m1b-mag1-back p, #magenta1-biznis-wraper .m1b-box.m1b-mag1-back .mb-partner-boxes h4, #magenta1-biznis-wraper .m1b-box.white-back .mb-service-box,
    #magenta1-biznis-wraper .m1b-box.m1b-mag1-back .mb-partner-boxes {
        text-align: center;
    }


        #magenta1-biznis-wraper .m1b-box.white-back .mb-service-box > img {
            float: none;
            padding-right: 0px;
            margin: 10px 0px;
        }

        #magenta1-biznis-wraper .m1b-box.white-back .mb-service-box > p {
            padding: 15px 0px;
        }

    #magenta1-biznis-wraper .m1b-box.m1b-slider .regular-price div:first-child > p, #magenta1-biznis-wraper .m1b-box.m1b-slider .regular-price div:last-child > p {
        display: block;
        width: 100%;
        font-size: 20px;
        text-align: center;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-slider .regular-price div:first-child > span, #magenta1-biznis-wraper .m1b-box.m1b-slider .regular-price div:last-child > span {
        text-align: center;
    }

    #magenta1-biznis-wraper .m1b-box.blue-back .mb-fancy-list img {
        padding-right: 0px;
        float: none;
        margin: 15px 0px;
    }

    #magenta1-biznis-wraper .regular-price > div {
        text-align: center;
        width: 100%;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-slider img {
        margin-left: -30px;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-slider .m1b-slider-info {
        padding-right: 0px;
    }

    #magenta1-biznis-wraper .mb-service-box > div {
        margin-top: 10px;
    }

        #magenta1-biznis-wraper .mb-service-box > div > p {
            float: none;
        }

            #magenta1-biznis-wraper .mb-service-box > div > p:nth-child(2) {
                float: none;
            }

    #magenta1-biznis-wraper .mb-service-box div > p > a {
        padding-right: 13px;
    }

    #magenta1-biznis-wraper .m1b-box.gray-back p {
        width: auto;
    }

    #magenta1-biznis-wraper .m1b-box.blue-back ul > li > p {
        width: 82%;
        text-align: left;
    }

    #magenta1-biznis-wraper .m1b-box.blue-back .mb-fancy-list {
        width: auto;
    }

    #magenta1-biznis-wraper .mb-fancy-list .col-xs-12 > p {
        margin-top: 0px;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-mag2-back .m1b-uslugi-box {
        margin: 0 auto;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-mag2-back .mb-uslugi2-box h3 {
        min-height: auto;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-slider .m1b-slider-info {
        top: 0px;
    }

    #magenta1-biznis-wraper .m1b-uslugi-box ul > li > p {
        width: 85%;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-mag2-back .m1b-arrow {
        padding-left: 0px;
    }

    #magenta1-biznis-wraper .m1b-box.white-back p {
        width: auto;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-slider p {
        width: auto;
    }

    #magenta1-biznis-wraper .m1b-box.blue-back ul > li:before, #magenta1-biznis-wraper .m1b-mag2-back ul > li:before {
        padding-right: 15px;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-mag2-back .maxtv, #magenta1-biznis-wraper .m1b-box.m1b-mag2-back .m1b-arrow {
        text-align: center;
    }


    #magenta1-biznis-wraper .m1b-uslugi-box .pull-right {
        width: 100%;
    }
}

@media(max-width:991px) and (min-width:768px) {
    #magenta1-biznis-wraper .m1b-box.m1b-mag2-back .m1b-arrow {
        padding-left: 55px;
    }

    #magenta1-biznis-wraper .regular-price > div {
        width: 70%;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-slider .item .regular-price div > p {
        font-size: 20px;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-slider .item .regular-price div > span {
        font-size: 30px;
    }

    #magenta1-biznis-wraper .m1b-box.blue-back ul > li > p {
        width: 87%;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-slider .left.carousel-control {
        width: 15%;
    }

    #magenta1-biznis-wraper .m1b-box.m1b-slider .right.carousel-control {
        width: 15%;
    }
}



/* magenta1 biznis landing start */


/*#region Moj klub nagradna igra septemvri*/


#mojklub-igra-sept h1 {
    text-align: center;
    border-bottom: none;
    text-transform: uppercase;
    font-family: 'tscreen-bold' !important;
}

#mojklub-igra-sept ul li {
    background-image: none;
    margin-left: 0px;
}

    #mojklub-igra-sept ul li:before {
        color: #E20074;
        font-size: 20px;
        font-family: tscreen;
        display: inline-block;
        padding-right: 5px;
        content: "-";
        margin-left: -15px;
    }

#mojklub-igra-sept p.font-bold {
    font-family: 'tscreen-bold';
}

#mojklub-igra-sept ul.font-bold {
    font-family: 'tscreen-bold';
}

#mojklub-igra-sept .grey-box-igra {
    padding: 30px;
    background-color: #e6e7e8;
    margin-top: 35px;
}

    #mojklub-igra-sept .grey-box-igra p {
        padding: 10px 0px;
    }

@media (max-width: 767px) {
    #mojklub-igra-sept h1 {
        font-size: 20px;
    }
}
/*#endregion Moj klub nagradna igra septemvri*/


/* Search mobile */
@media (max-width:768px) {
    span.closeSearch {
        padding: 2px 13px;
        right: 147px !important;
        background: white;
    }

    input#q {
        padding-right: 43px;
        padding-left: 11px;
    }

    .search-box .form-control {
        position: absolute;
    }
}

/*#region Magenta 1 Business April*/
.magenta1-biznis-april#magenta1-biznis-wraper .white-bcg {
    position: relative;
    padding: 30px 0;
}
.magenta1-biznis-april#magenta1-biznis-wraper .magentaBusinessNewSliderBox .item img.phone {
    max-width: 100% !important;
    width: auto !important;
    margin: 0 auto;
}

.magenta1-biznis-april#magenta1-biznis-wraper h2 {
    margin-bottom: 0px;
}

.magenta1-biznis-april#magenta1-biznis-wraper .m1b-box.m1b-slider p {
    width: 60%;
    margin: 0 auto;
}

.magenta1-biznis-april#magenta1-biznis-wraper span.glyphicon.glyphicon-chevron-right {
    background-image: url(../content/images/biznis-paketi-arrow-right.png);
    right: 100px !important;
}

.magenta1-biznis-april#magenta1-biznis-wraper span.glyphicon.glyphicon-chevron-left {
    background-image: url(../content/images/biznis-paketi-arrow-left.png);
    left: 100px;
}

.magenta1-biznis-april#magenta1-biznis-wraper .regular-price-new-box {
    border-top: 1px solid #8f9193;
    padding-top: 30px;
    padding: 15px 30px;
    text-align: center;
    margin-top: 30px;
    width: 90%;
}



    .magenta1-biznis-april#magenta1-biznis-wraper .regular-price-new-box .promo-price-right > span.line-through {
        position: relative;
    }

        .magenta1-biznis-april#magenta1-biznis-wraper .regular-price-new-box .promo-price-right > span.line-through:before {
            position: absolute;
            content: "";
            left: 0;
            top: 36%;
            right: 0;
            border-top: 1px solid;
            border-color: inherit;
            -webkit-transform: rotate(-15deg);
            -moz-transform: rotate(-15deg);
            -ms-transform: rotate(-15deg);
            -o-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }



.magenta1-biznis-april#magenta1-biznis-wraper .promo-price-new.promo-price-new-gray span {
    color: #333 !important;
    font-size: 20px !important;
    display: inline-block;
    padding-bottom: 10px;
    font-family: 'tscreen-medium' !important;
}

.magenta1-biznis-april#magenta1-biznis-wraper .promo-price-new.promo-price-new-gray .promo-price-left p {
    color: #333 !important;
    font-size: 20px !important;
    display: inline-block;
    padding-bottom: 10px;
    font-family: 'tscreen-medium' !important;
}

.magenta1-biznis-april#magenta1-biznis-wraper .m1b-box.m1b-slider .item .regular-price-new-box div > p {
    color: #e20074;
    font-size: 23px;
    display: inline-block;
    font-family: 'tscreen-bold';
    text-align: right;
    margin-right: 38px;
    width: auto;
}

.promo-price-new.promo-price-new-magenta p {
    color: #e20074 !important;
    font-size: 23px !important;
}

.magenta1-biznis-april#magenta1-biznis-wraper .m1b-box.m1b-slider .item .regular-price div > span {
    font-size: 23px;
}

.magenta1-biznis-april#magenta1-biznis-wraper div#carousel-example-generic .carousel-inner {
    width: 80%;
    margin: 0 auto;
}


.magenta1-biznis-april#magenta1-biznis-wraper .magentaBusinessSliderTitle h2 {
    color: #333 !important;
    font-family: 'tscreen-medium' !important;
    font-size: 25px;
}

.m1b-box.m1b-slider.magentaBusinessNewSliderBox {
    padding: 50px 45px 20px !important;
}

.magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new {
    padding: 30px 80px 0px;
}

.magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-april {
    background: white;
}

.magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new h3:first-of-type {
    font-family: 'tscreen-bold' !important;
}

.magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new h3:last-of-type {
    font-size: 21px;
    line-height: 1.2;
}

.magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new ul li {
    display: block;
    background-image: url(../images/list-bullet.png);
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    margin-left: 30px;
}

.magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-text {
    text-align: left;
    padding-top: 20px;
}

    .magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-text p.magenta1b-box-new-text-zabeleska {
        font-size: 14px !important;
    }

/*.magenta1-biznis-april#magenta1-biznis-wraper .promo-price-new span {
    margin-left: 30px;
}*/

.magenta1-biznis-april#magenta1-biznis-wraper .promo-price-left {
    display: table-cell;
    text-align: right;
    width: 53%;
}

.magenta1-biznis-april#magenta1-biznis-wraper .promo-price-new {
    display: table;
    width: 100%;
}

.magenta1-biznis-april#magenta1-biznis-wraper .promo-price-right {
    display: table-cell;
    text-align: left;
}

.magenta1-biznis-april#magenta1-biznis-wraper .magentaBusinessSliderTitle {
    display: none;
}

.magenta1-biznis-april#magenta1-biznis-wraper a.btn.btn-magen.magentabusinessUslugiMore {
    margin-top: 15px;
}

.magenta1-biznis-april#magenta1-biznis-wraper li.businessLidicklaimer {
    margin-left: 0 !important;
    background: none !important;
    padding-left: 0 !important;
}


@media(max-width:991px) and (min-width:768px) {

    .magenta1-biznis-april#magenta1-biznis-wraper .regular-price-new-box {
        width: 100%;
    }

    .magenta1-biznis-april#magenta1-biznis-wraper .m1b-box.m1b-slider .item .regular-price div > p {
        width: 100% !important;
    }

    .magenta1-biznis-april#magenta1-biznis-wraper .promo-price-left {
        display: table-cell;
        text-align: right;
        width: 67%;
        padding-right: 20px;
    }
}


@media (max-width: 767px) {

    .magenta1b-box-new-april .m1b-box.m1b-slider.magentaBusinessNewSliderBox {
        padding: 30px 15px 0px !important;
    }

    .magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-april .m1b-box.m1b-slider p {
        width: 100%;
    }

    .magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-april .magentaBusinessSliderTitle h2 {
        font-size: 18px;
    }

    .magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-april .regular-price-new-box {
        padding-top: 30px;
        padding: 15px 0px;
        text-align: center;
        margin-top: 0px;
        width: 100%;
    }

    .magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-april span.glyphicon.glyphicon-chevron-left {
        left: 15px;
        width: 50px;
    }

    .magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-april span.glyphicon.glyphicon-chevron-right {
        right: -15px !important;
        width: 50px;
    }

    .magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-april .m1b-box.m1b-slider .item .regular-price-new-box div > p {
        font-size: 20px;
    }

    .magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-april .m1b-box.m1b-slider .item .regular-price div > span {
        font-size: 20px;
    }

    .magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-april .magentaBusinessNewSliderBox .item img.phone {
        margin: 0 auto;
    }

    .magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-april .regular-price-new-box p > span:first-child.line-through {
        margin-left: 0;
    }

    .magenta1-biznis-april#magenta1-biznis-wraper .m1b-box.m1b-slider .item .regular-price-new-box div:first-child > p {
        font-size: 18px;
        width: 100%;
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    .magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-april .magenta1b-box-new {
        padding: 25px 20px 0px;
    }

        .magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-april .magenta1b-box-new h3:last-of-type {
            font-size: 18px;
        }

    .magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-april .magenta1b-box-new-text {
        padding-top: 10px;
    }

    .magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-april .promo-price-right {
        display: block;
        text-align: center;
    }

    .magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-april .promo-price-left {
        display: block;
        text-align: center;
        width: 100%;
    }

    .magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-april .promo-price-new {
        display: block;
        width: 100%;
    }

        .magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-april .promo-price-new.promo-price-new-gray .promo-price-left p {
            padding-bottom: 0px;
            font-size: 18px !important;
        }

        .magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-april .promo-price-new.promo-price-new-gray span {
            font-size: 18px !important;
        }

    .magenta1b-box-new-april .promo-price-new.promo-price-new-magenta p {
        font-size: 20px !important;
    }

    #magenta1-biznis-wraper .m1b-box {
        padding: 45px;
        padding: 45px 20px;
    }
}


@media(max-width:374px) {

    .magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-april .carousel-indicators {
        width: 62%;
    }

    #magenta1-biznis-wraper .mb-service-box > div {
        width: 100% !important;
    }
}


/*#endregion Magenta 1 Business April*/

.mb-service-box img.megunarodni-raz-ec {
    position: absolute;
    right: 50px;
    top: -30px;
}

/* REQUIRED for core functionality */

.responsive-tabs__heading { display: none;}
.responsive-tabs__list__item { display: inline; cursor:pointer;}


@media (max-width: 767px) {
	.responsive-tabs__list { display: none;}
	.responsive-tabs__heading { display: block; cursor: pointer; }
	.responsive-tabs__panel--closed-accordion-only { display: none;}
}

@media (min-width: 768px) {
	.responsive-tabs__panel--closed-accordion-only { display: block !important;}
}

/* END - Required for core functionality */


/* OPTIONAL - Basic Skin */

.responsive-tabs-wrapper { 
	clear: both;
	zoom: 1; 
}
.responsive-tabs-wrapper:before,
.responsive-tabs-wrapper:after {
    content: "";
    display: table;
} 
.responsive-tabs-wrapper:after {
    clear: both;
}

.responsive-tabs__heading:focus,
.responsive-tabs__list__item:focus { outline: 1px solid #ccc;  }

.responsive-tabs__heading--active:focus,
.responsive-tabs__list__item--active:focus { outline: none !important;}

.responsive-tabs__list { font-size: 1.2em; margin: 2em 0 0 0; padding: 0;border-bottom: 1px solid #ddd; padding-bottom:11px; line-height: 1em;}
.responsive-tabs__list__item { background: #eee; padding: 10px 20px;  margin-right: 1em; border-top-left-radius: 5px; border-top-right-radius: 5px;border: 1px solid #ddd; }
.responsive-tabs__list__item:hover {background: #efefef }
.responsive-tabs__list__item--active, 
.responsive-tabs__list__item--active:hover {  background: #fff; border-bottom-color: #fff;}

.responsive-tabs__panel { margin-bottom: 50px;}

@media (max-width: 767px) {
	.responsive-tabs__heading { 
		padding: 0.5em; border-radius: 5px; border: 1px solid #ccc; box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
		background: #ddd;
		position: relative;
	}

	.responsive-tabs__heading:after {
		content:"";
		display: block;
		position: absolute;
		right: 20px;
		top: 40%;
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #000;
	}
	.responsive-tabs__heading:hover,
	.responsive-tabs__heading--active:hover { background-color: #efefef}
	.responsive-tabs__heading--active { background: #fff;}
	.responsive-tabs__heading--active:after {
		border-bottom: 10px solid #000;
		border-top:0;
	 }
}

/* END - Optional - Basic Skin */

body {
    margin: 0px;
    padding: 0px;
}

ul.resp-tabs-list/*, p*/ {
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list li {
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    padding: 13px 15px;
    margin: 0 4px 0 0;
    list-style: none;
    cursor: pointer;
    float: left;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}

.resp-tab-active {
	border: 1px solid #5AB1D0 !important;
	border-bottom: none;
	margin-bottom: -1px !important;
	padding: 12px 14px 14px 14px !important;
	border-top: 4px solid #5AB1D0 !important;
	border-bottom: 0px #fff solid !important;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #c1c1c1;
	border-top-color: #5AB1D0;
}

h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
}

.resp-vtabs li.resp-tab-active { 
position: relative;
z-index: 1;
margin-right: -1px !important;
padding: 14px 15px 15px 14px !important;
border-top: 1px solid;
border: 1px solid #5AB1D0 !important;
border-left: 4px solid #5AB1D0 !important;
margin-bottom: 4px !important;
border-right: 1px #FFF solid !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB;/* !important;*/
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;/* !important;*/
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1;/* !important;*/
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}


.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
    width: 100%;
    display: table;
}

.r-tabs .r-tabs-tab {
    display: table-cell;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 15px;
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
    overflow: auto;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
}




/*custom*/

/* Tabs container */

.resp-tabs-list li {
    padding: 0;
}

.r-tabs {
    position: relative;
    background-color: #0c9dbe;
    border-top: 1px solid #0c9dbe;
    border-right: 1px solid #0c9dbe;
    border-left: 1px solid #0c9dbe;
    border-bottom: 4px solid #0c9dbe;
    border-radius: 4px;
}

    /* Tab element */
    .r-tabs .r-tabs-nav .r-tabs-tab {
        position: relative;
        background-color: #0c9dbe;
    }

    /* Tab anchor */
    .r-tabs .r-tabs-nav .r-tabs-anchor {
        display: inline-block;
        padding: 10px 12px;
        text-decoration: none;
        text-shadow: 0 1px rgba(0, 0, 0, 0.4);
        font-size: 14px;
        font-weight: bold;
        color: #fff;
    }

    /* Disabled tab */
    .r-tabs .r-tabs-nav .r-tabs-state-disabled {
        opacity: 0.5;
    }

    /* Active state tab anchor */
    .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
        color: #0c9dbe;
        text-shadow: none;
        background-color: white;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }

    /* Tab panel */
    .r-tabs .r-tabs-panel {
        background-color: white;
        border-bottom: 4px solid white;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    /* Accordion anchor */
    .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
        display: block;
        padding: 10px;
        background-color: #0c9dbe;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        text-shadow: 0 1px rgba(0, 0, 0, 0.4);
        font-size: 14px;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }

    /* Active accordion anchor */
    .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
        background-color: #fff;
        color: #0c9dbe;
        text-shadow: none;
    }

    /* Disabled accordion button */
    .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
        opacity: 0.5;
    }

/* Buttons */
button {
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    padding: 10px 20px;
    line-height: 100%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    vertical-align: middle;
    font-weight: bold;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*background-color: #0c9dbe;
    box-shadow: 0px 3px 0px 0px #0c9dbe;*/
    cursor: pointer;
}

/* Info bar */
.info {
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    padding: 10px 20px;
    width: 300px;
    line-height: 100%;
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 14px;
    color: #0c9dbe;
    border: 2px solid #0c9dbe;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer;
}

.r-tabs .r-tabs-panel:after {
    clear: both;
    content: '';
    display: table;
}

/*ACCORDION DEFAULT*/
/*accordionz*/
.accordionz.r-tabs .r-tabs-accordion-title {
    display: block;
}



.accordionz .resp-tabs-list.r-tabs-nav {
    display: none;
}

.mm-menu,.mm-panels,.mm-panels>.mm-panel{margin:0;left:0;right:0;top:0;bottom:0;z-index:0;box-sizing:border-box}
.mm-btn,.mm-menu{box-sizing:border-box}
.mm-listview a,.mm-listview a:hover,.mm-navbar a,.mm-navbar a:hover{text-decoration:none}
.mm-hidden{display:none!important}
.mm-menu,.mm-panels>.mm-panel:not(.mm-hidden){display:block}
.mm-wrapper{overflow-x:hidden;position:relative}
.mm-menu{padding:0;position:absolute}
.mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;position:absolute}
.mm-btn,.mm-panel.mm-highest{z-index:1}
.mm-panels{overflow:hidden}
.mm-panel{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.mm-panel.mm-opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-panel.mm-subopened{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}
.mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px}
.mm-listview .mm-divider,.mm-listview>li>a,.mm-listview>li>span,.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px}
.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px}
.mm-vertical .mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}
.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px}
.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent}
.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block}
.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{height:40px;bottom:auto}
.mm-listview>li.mm-vertical>.mm-next:after,.mm-vertical .mm-listview>li>.mm-next:after{top:16px;bottom:auto}
.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);right:19px}
.mm-btn{width:40px;height:40px;position:absolute;top:0}
.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.mm-clear:before,.mm-close:before{border-right:none;border-bottom:none;right:18px}
.mm-clear:after,.mm-close:after{border-left:none;border-top:none;right:25px}
.mm-arrow:after,.mm-next:after,.mm-prev:before{content:'';border:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.mm-prev:before{border-right:none;border-bottom:none;left:23px}
.mm-arrow:after,.mm-next:after{border-top:none;border-left:none;right:23px}
.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}
.mm-navbar>*{display:block;padding:10px 0}
.mm-navbar .mm-btn:first-child{padding-left:20px;left:0}
.mm-navbar .mm-btn:last-child{text-align:right;padding-right:20px;right:0}
.mm-panel .mm-navbar{display:none}
.mm-panel.mm-hasnavbar .mm-navbar{display:block}
.mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0}
.mm-listview{font:inherit;font-size:14px;line-height:20px}
.mm-listview>li{position:relative}
.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit}
.mm-listview>li>a,.mm-listview>li>span{color:inherit;display:block;padding:10px 10px 10px 20px;margin:0}
.mm-listview>li>a.mm-arrow,.mm-listview>li>span.mm-arrow{padding-right:50px}
.mm-listview>li:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;right:0;bottom:0;left:20px}
.mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}
.mm-listview .mm-next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0}
.mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px}
.mm-listview .mm-next.mm-fullsubopen{width:100%}
.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}
.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0}
.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}
.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}
.mm-listview .mm-inset{list-style:disc inside;padding:0 10px 15px 40px;margin:0}
.mm-listview .mm-inset>li{padding:5px 0}
.mm-listview .mm-divider{font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px}
.mm-listview .mm-spacer{padding-top:40px}
.mm-listview .mm-spacer>.mm-next{top:40px}
.mm-listview .mm-spacer.mm-divider{padding-top:25px}
.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.7)}
.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)}
.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)}
.mm-menu .mm-listview{border-color:rgba(0,0,0,.1)}
.mm-menu .mm-listview>li .mm-arrow:after,.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}
.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)}
.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)}
.mm-menu .mm-divider,.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}
.mm-page{box-sizing:border-box;position:relative}
.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}
html.mm-opened{overflow-x:hidden;position:relative}
html.mm-blocking,html.mm-blocking body{overflow:hidden}
html.mm-background .mm-page{background:inherit}
#mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}
html.mm-blocking #mm-blocker{display:block}
.mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed}
.mm-menu.mm-offcanvas.mm-current{display:block}
.mm-menu{width:80%;min-width:140px;max-width:440px}
html.mm-opening .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:550px){html.mm-opening .mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}
}
.mm-menu.mm-autoheight.mm-bottom,.mm-menu.mm-autoheight.mm-top{max-height:80%}
.mm-menu.mm-autoheight.mm-bottom.mm-fullscreen,.mm-menu.mm-autoheight.mm-top.mm-fullscreen{max-height:100%}
.mm-menu.mm-measureheight .mm-panel{display:block!important}
.mm-menu.mm-measureheight>.mm-panels>.mm-panel{bottom:auto!important;height:auto!important}
.mm-menu.mm-columns{-webkit-transition-property:width,max-width,-webkit-transform;transition-property:width,max-width,-webkit-transform;transition-property:transform,width,max-width;transition-property:transform,width,max-width,-webkit-transform}
.mm-menu.mm-columns .mm-panels>.mm-panel{width:100%;right:auto;display:none;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;transition-property:transform,width;transition-property:transform,width,-webkit-transform}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened{border-right:1px solid;border-color:inherit;display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-subopened{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);z-index:2}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-0{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-0{display:block;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.mm-menu.mm-columns-0{width:80%;min-width:140px;max-width:0}
html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:0px){html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-1{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-1{display:block;-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}
.mm-menu.mm-columns-1{width:80%;min-width:140px;max-width:440px}
html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:550px){html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}
}
.mm-menu.mm-columns-1 .mm-panels>.mm-panel{width:100%}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-2{-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-2{display:block;-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}
.mm-menu.mm-columns-2{width:80%;min-width:140px;max-width:880px}
html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:1100px){html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)}
}
.mm-menu.mm-columns-2 .mm-panels>.mm-panel{width:50%}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-3{-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-3{display:block;-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}
.mm-menu.mm-columns-3{width:80%;min-width:140px;max-width:1320px}
html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:1650px){html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)}
}
.mm-menu.mm-columns-3 .mm-panels>.mm-panel{width:33.34%}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-4{-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-4{display:block;-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}
.mm-menu.mm-columns-4{width:80%;min-width:140px;max-width:1760px}
html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:2200px){html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)}
}
.mm-menu.mm-columns-4 .mm-panels>.mm-panel{width:25%}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-5{-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-5{display:block;-webkit-transform:translate3d(600%,0,0);transform:translate3d(600%,0,0)}
.mm-menu.mm-columns-5{width:80%;min-width:140px;max-width:2200px}
html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:2750px){html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate3d(2200px,0,0);transform:translate3d(2200px,0,0)}
}
.mm-menu.mm-columns-5 .mm-panels>.mm-panel{width:20%}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-6{-webkit-transform:translate3d(600%,0,0);transform:translate3d(600%,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-6{display:block;-webkit-transform:translate3d(700%,0,0);transform:translate3d(700%,0,0)}
.mm-menu.mm-columns-6{width:80%;min-width:140px;max-width:2640px}
html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:3300px){html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate3d(2640px,0,0);transform:translate3d(2640px,0,0)}
}
.mm-menu.mm-columns-6 .mm-panels>.mm-panel{width:16.67%}
em.mm-counter{font:inherit;font-size:14px;font-style:normal;text-indent:0;line-height:20px;display:block;margin-top:-10px;position:absolute;right:45px;top:50%}
em.mm-counter+a.mm-next{width:90px}
em.mm-counter+a.mm-next+a,em.mm-counter+a.mm-next+span{margin-right:90px}
em.mm-counter+a.mm-fullsubopen{padding-left:0}
.mm-vertical>.mm-counter{top:12px;margin-top:0}
.mm-vertical.mm-spacer>.mm-counter{margin-top:40px}
.mm-nosubresults>.mm-counter{display:none}
.mm-menu em.mm-counter{color:rgba(0,0,0,.3)}
.mm-divider>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0;line-height:25px}
.mm-divider.mm-opened a.mm-next:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.mm-collapsed:not(.mm-uncollapsed){display:none}
.mm-fixeddivider{background:inherit;display:none;position:absolute;top:0;left:0;right:0;z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-fixeddivider:after{content:none!important;display:none!important}
.mm-hasdividers .mm-fixeddivider{display:block}
.mm-menu .mm-fixeddivider span{background:rgba(0,0,0,.05)}
html.mm-opened.mm-dragging .mm-menu,html.mm-opened.mm-dragging .mm-slideout{-webkit-transition-duration:0s;transition-duration:0s}
.mm-menu.mm-dropdown{box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%}
html.mm-dropdown .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}
html.mm-dropdown #mm-blocker{-webkit-transition-delay:0s!important;transition-delay:0s!important;z-index:1}
html.mm-dropdown .mm-menu{z-index:2}
html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu{display:none}
.mm-menu.mm-tip:before{content:'';background:inherit;box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.mm-menu.mm-tipleft:before{left:22px}
.mm-menu.mm-tipright:before{right:22px}
.mm-menu.mm-tiptop:before{top:-8px}
.mm-menu.mm-tipbottom:before{bottom:-8px}
.mm-iconpanel .mm-panel{-webkit-transition-property:left,-webkit-transform;transition-property:left,-webkit-transform;transition-property:transform,left;transition-property:transform,left,-webkit-transform}
.mm-iconpanel .mm-panel.mm-opened{border-left:1px solid;border-color:inherit}
.mm-iconpanel .mm-panel.mm-subopened{overflow-y:hidden;left:-40px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-iconpanel .mm-panel.mm-iconpanel-0{left:0}
.mm-iconpanel .mm-panel.mm-iconpanel-1{left:40px}
.mm-iconpanel .mm-panel.mm-iconpanel-2{left:80px}
.mm-iconpanel .mm-panel.mm-iconpanel-3{left:120px}
.mm-iconpanel .mm-panel.mm-iconpanel-4{left:160px}
.mm-iconpanel .mm-panel.mm-iconpanel-5{left:200px}
.mm-iconpanel .mm-panel.mm-iconpanel-6{left:240px}
.mm-subblocker{background:inherit;opacity:0;display:block;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}
.mm-subopened .mm-subblocker{opacity:.6;position:absolute;top:0;right:0;bottom:-100000px;left:0;z-index:3}
.mm-navbar-bottom,.mm-navbar-top~.mm-navbar-top{border-bottom:none}
.mm-menu>.mm-navbar{background:inherit;padding:0;z-index:3;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-navbar-bottom{border-top-width:1px;border-top-style:solid;top:auto;bottom:0}
.mm-navbar-bottom~.mm-navbar-bottom{border-top:none}
.mm-navbar.mm-hasbtns{padding:0 40px}
.mm-navbar[class*=mm-navbar-content-]>*{box-sizing:border-box;display:block;float:left}
.mm-navbar .mm-breadcrumbs{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:auto;text-align:left;padding:0 0 0 17px}
.mm-navbar .mm-breadcrumbs>*{display:inline-block;padding:10px 3px}
.mm-navbar .mm-breadcrumbs>a{text-decoration:underline}
.mm-navbar.mm-hasbtns .mm-breadcrumbs{margin-left:-40px}
.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs{margin-left:0;padding-left:0}
.mm-navbar-top-1{top:0}
.mm-hasnavbar-top-1 .mm-panels,.mm-navbar-top-2{top:40px}
.mm-hasnavbar-top-2 .mm-panels,.mm-navbar-top-3{top:80px}
.mm-hasnavbar-top-3 .mm-panels,.mm-navbar-top-4{top:120px}
.mm-hasnavbar-top-4 .mm-panels{top:160px}
.mm-navbar-bottom-1{bottom:0}
.mm-hasnavbar-bottom-1 .mm-panels,.mm-navbar-bottom-2{bottom:40px}
.mm-hasnavbar-bottom-2 .mm-panels,.mm-navbar-bottom-3{bottom:80px}
.mm-hasnavbar-bottom-3 .mm-panels,.mm-navbar-bottom-4{bottom:120px}
.mm-hasnavbar-bottom-4 .mm-panels{bottom:160px}
.mm-navbar-size-2{height:80px}
.mm-navbar-size-3{height:120px}
.mm-navbar-size-4{height:160px}
.mm-navbar-content-2>*{width:50%}
.mm-navbar-content-3>*{width:33.33%}
.mm-navbar-content-4>*{width:25%}
.mm-navbar-content-5>*{width:20%}
.mm-navbar-content-6>*{width:16.67%}
.mm-sronly{text-indent:10px;overflow:hidden;display:block;width:1px;height:1px;position:absolute;z-index:-1}
.mm-search,.mm-search input{box-sizing:border-box}
.mm-search{height:40px;padding:7px 10px 0;position:relative}
.mm-search input{border:none!important;outline:0!important;box-shadow:none!important;border-radius:26px;font:inherit;font-size:14px;line-height:26px;display:block;width:100%;height:26px;min-height:26px;max-height:26px;margin:0;padding:0 10px}
.mm-search input::-ms-clear{display:none}
.mm-search .mm-clear,.mm-search .mm-next{right:0}
.mm-panel>.mm-search{width:100%;position:absolute;top:0;left:0}
.mm-panel.mm-hassearch{padding-top:40px}
.mm-panel.mm-hassearch.mm-hasnavbar{padding-top:80px}
.mm-panel.mm-hassearch.mm-hasnavbar .mm-search{top:40px}
.mm-noresultsmsg{text-align:center;font-size:21px;padding:40px 0}
.mm-noresults .mm-indexer{display:none!important}
li.mm-nosubresults>a.mm-next{display:none}
li.mm-nosubresults>a.mm-next+a,li.mm-nosubresults>a.mm-next+span{padding-right:10px}
.mm-panels>.mm-resultspanel:not(.mm-opened){-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-menu .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.7)}
.mm-menu .mm-noresultsmsg{color:rgba(0,0,0,.3)}
.mm-indexer{background:inherit;text-align:center;font-size:12px;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-100px;z-index:3;-webkit-transition:right .4s ease;transition:right .4s ease;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-indexer a{text-decoration:none;display:block;height:3.85%}
.mm-indexer~.mm-panel.mm-hasindexer{padding-right:40px}
.mm-hasindexer .mm-indexer{right:0}
.mm-hasindexer .mm-fixeddivider{right:20px}
.mm-menu .mm-indexer a{color:rgba(0,0,0,.3)}
.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen),.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a:not(.mm-fullsubopen){-webkit-transition:background .4s ease;transition:background .4s ease}
.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.5)}
input.mm-check,input.mm-toggle{position:absolute;left:-10000px}
label.mm-check,label.mm-toggle{margin:0;position:absolute;top:50%;z-index:2;right:20px}
label.mm-check:before,label.mm-toggle:before{content:'';display:block}
label.mm-toggle{border-radius:30px;width:50px;height:30px;margin-top:-15px}
label.mm-toggle:before{border-radius:30px;width:28px;height:28px;margin:1px}
input.mm-toggle:checked~label.mm-toggle:before{float:right}
label.mm-check{width:30px;height:30px;margin-top:-15px}
label.mm-check:before{border-left:3px solid;border-bottom:3px solid;width:40%;height:20%;margin:25% 0 0 20%;opacity:.1;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
input.mm-check:checked~label.mm-check:before{opacity:1}
li.mm-vertical label.mm-check,li.mm-vertical label.mm-toggle{bottom:auto;margin-top:0;top:5px}
label.mm-toggle+a,label.mm-toggle+span{padding-right:80px}
label.mm-check+a,label.mm-check+span{padding-right:60px}
a.mm-next+label.mm-check,a.mm-next+label.mm-toggle{right:60px}
a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span,a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{margin-right:50px}
a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{padding-right:70px}
a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span{padding-right:50px}
em.mm-counter+a.mm-next+label.mm-check,em.mm-counter+a.mm-next+label.mm-toggle{right:100px}
em.mm-counter+a.mm-next+label.mm-check+a,em.mm-counter+a.mm-next+label.mm-check+span,em.mm-counter+a.mm-next+label.mm-toggle+a,em.mm-counter+a.mm-next+label.mm-toggle+span{margin-right:90px}
.mm-menu label.mm-toggle{background:rgba(0,0,0,.1)}
.mm-menu label.mm-toggle:before{background:#f3f3f3}
.mm-menu input.mm-toggle:checked~label.mm-toggle{background:#4bd963}
.mm-menu label.mm-check:before{border-color:rgba(0,0,0,.7)}
.mm-listview.mm-border-none>li:after,.mm-menu.mm-border-none .mm-listview>li:after{content:none}
.mm-listview.mm-border-full>li:after,.mm-menu.mm-border-full .mm-listview>li:after{left:0!important}
.mm-listview.mm-border-offset>li:after,.mm-menu.mm-border-offset .mm-listview>li:after{right:20px}
.mm-menu.mm-effect-menu-zoom{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}
html.mm-opened .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}
html.mm-opening .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}
html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(30%,0,0);transform:scale(.7,.7) translate3d(30%,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}
html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}
.mm-menu.mm-effect-menu-slide{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}
html.mm-opened .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}
html.mm-opening .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}
html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-menu.mm-effect-menu-fade{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}
html.mm-opening .mm-menu.mm-effect-menu-fade{opacity:1}
.mm-menu.mm-effect-panels-zoom .mm-panel{-webkit-transform:scale(1.5,1.5) translate3d(100%,0,0);transform:scale(1.5,1.5) translate3d(100%,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}
.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}
.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0)}
.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li{-webkit-transition:none .4s ease;transition:none .4s ease}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(1){-webkit-transition-delay:50ms;transition-delay:50ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(3){-webkit-transition-delay:150ms;transition-delay:150ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(5){-webkit-transition-delay:250ms;transition-delay:250ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(6){-webkit-transition-delay:.3s;transition-delay:.3s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(7){-webkit-transition-delay:350ms;transition-delay:350ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(8){-webkit-transition-delay:.4s;transition-delay:.4s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(9){-webkit-transition-delay:450ms;transition-delay:450ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(10){-webkit-transition-delay:.5s;transition-delay:.5s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(11){-webkit-transition-delay:550ms;transition-delay:550ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(12){-webkit-transition-delay:.6s;transition-delay:.6s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(13){-webkit-transition-delay:650ms;transition-delay:650ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(14){-webkit-transition-delay:.7s;transition-delay:.7s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(15){-webkit-transition-delay:750ms;transition-delay:750ms}
.mm-menu.mm-effect-listitems-slide .mm-listview>li{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);opacity:0}
html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview>li{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
.mm-menu.mm-effect-listitems-fade .mm-listview>li{-webkit-transition-property:opacity;transition-property:opacity;opacity:0}
html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview>li{opacity:1}
.mm-menu.mm-effect-listitems-drop .mm-listview>li{-webkit-transition-property:opacity,top;transition-property:opacity,top;opacity:0;top:-25%}
html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview>li{opacity:1;top:0}
.mm-menu.mm-fullscreen{width:100%;min-width:140px;max-width:10000px}
html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
@media all and (max-width:140px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:10000px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)}
}
html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
@media all and (max-width:140px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}
}
@media all and (min-width:10000px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)}
}
.mm-menu.mm-fullscreen.mm-bottom,.mm-menu.mm-fullscreen.mm-top{height:100%;min-height:140px;max-height:10000px}
html.mm-opened.mm-fullscreen .mm-page{box-shadow:none!important}
.mm-menu .mm-panels>.mm-panel.mm-justified-listview:after,.mm-menu .mm-panels>.mm-panel.mm-justified-listview:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:after,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:before{content:none;display:none}
.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;height:100%;margin-top:0;margin-bottom:0}
.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider){-webkit-box-flex:1;-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0}
.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span{box-sizing:border-box;height:100%}
.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span:before{content:'';vertical-align:middle;display:inline-block;height:100%;width:0}
.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a,.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span,.mm-menu.mm-multiline .mm-listview>li>a,.mm-menu.mm-multiline .mm-listview>li>span{text-overflow:clip;white-space:normal}
html.mm-pagedim #mm-blocker,html.mm-pagedim-black #mm-blocker,html.mm-pagedim-white #mm-blocker{opacity:0}
html.mm-pagedim-black.mm-opening #mm-blocker,html.mm-pagedim-white.mm-opening #mm-blocker,html.mm-pagedim.mm-opening #mm-blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s}
html.mm-pagedim #mm-blocker{background:inherit}
html.mm-pagedim-white #mm-blocker{background:#fff}
html.mm-pagedim-black #mm-blocker{background:#000}
.mm-menu.mm-pageshadow:after{content:"";display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:99;box-shadow:0 0 10px rgba(0,0,0,.3)}
.mm-menu.mm-pageshadow.mm-right:after{left:auto;right:100%}
.mm-menu.mm-pageshadow.mm-front:after,.mm-menu.mm-pageshadow.mm-next:after{content:none;display:none}
.mm-menu.mm-popup{-webkit-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
html.mm-popup.mm-opening .mm-menu.mm-popup{opacity:1}
html.mm-popup .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}
html.mm-popup #mm-blocker{-webkit-transition-delay:0s!important;transition-delay:0s!important;z-index:1}
html.mm-popup .mm-menu{z-index:2}
.mm-menu.mm-bottom,.mm-menu.mm-top{width:100%;min-width:100%;max-width:100%;height:80%;min-height:140px;max-height:880px}
.mm-menu.mm-right{left:auto;right:0}
html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}
@media all and (max-width:175px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}
}
@media all and (min-width:550px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}
}
html.mm-front .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}
html.mm-front #mm-blocker{z-index:1}
html.mm-front .mm-menu{z-index:2}
.mm-menu.mm-front,.mm-menu.mm-next{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.mm-menu.mm-front.mm-right,.mm-menu.mm-next.mm-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.mm-menu.mm-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
.mm-menu.mm-bottom{top:auto;bottom:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
html.mm-opening .mm-menu.mm-front,html.mm-opening .mm-menu.mm-next{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-menu.mm-theme-dark{background:#333;border-color:rgba(0,0,0,.15);color:rgba(255,255,255,.8)}
.mm-menu.mm-theme-dark .mm-navbar a,.mm-menu.mm-theme-dark .mm-navbar>*,.mm-menu.mm-theme-dark em.mm-counter{color:rgba(255,255,255,.4)}
.mm-menu.mm-theme-dark .mm-btn:after,.mm-menu.mm-theme-dark .mm-btn:before{border-color:rgba(255,255,255,.4)}
.mm-menu.mm-theme-dark .mm-listview{border-color:rgba(0,0,0,.15)}
.mm-menu.mm-theme-dark .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}
.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.1);tap-highlight-color:rgba(0,0,0,.1)}
.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.1)}
.mm-menu.mm-theme-dark .mm-divider,.mm-menu.mm-theme-dark .mm-fixeddivider span,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.05)}
.mm-menu.mm-theme-dark label.mm-check:before{border-color:rgba(255,255,255,.8)}
.mm-menu.mm-pageshadow.mm-theme-dark:after{box-shadow:0 0 20px rgba(0,0,0,.5)}
.mm-menu.mm-theme-dark .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.8)}
.mm-menu.mm-theme-dark .mm-indexer a,.mm-menu.mm-theme-dark .mm-noresultsmsg{color:rgba(255,255,255,.4)}
.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.1)}
.mm-menu.mm-theme-dark label.mm-toggle{background:rgba(0,0,0,.15)}
.mm-menu.mm-theme-dark label.mm-toggle:before{background:#333}
.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle{background:#4bd963}
.mm-menu.mm-theme-white{background:#fff;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.6)}
.mm-menu.mm-theme-white .mm-navbar a,.mm-menu.mm-theme-white .mm-navbar>*,.mm-menu.mm-theme-white em.mm-counter{color:rgba(0,0,0,.3)}
.mm-menu.mm-theme-white .mm-btn:after,.mm-menu.mm-theme-white .mm-btn:before{border-color:rgba(0,0,0,.3)}
.mm-menu.mm-theme-white .mm-listview{border-color:rgba(0,0,0,.1)}
.mm-menu.mm-theme-white .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-white .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}
.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.05);tap-highlight-color:rgba(0,0,0,.05)}
.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.05)}
.mm-menu.mm-theme-white .mm-divider,.mm-menu.mm-theme-white .mm-fixeddivider span,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.03)}
.mm-menu.mm-theme-white label.mm-check:before{border-color:rgba(0,0,0,.6)}
.mm-menu.mm-pageshadow.mm-theme-white:after{box-shadow:0 0 10px rgba(0,0,0,.2)}
.mm-menu.mm-theme-white .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)}
.mm-menu.mm-theme-white .mm-indexer a,.mm-menu.mm-theme-white .mm-noresultsmsg{color:rgba(0,0,0,.3)}
.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.05)}
.mm-menu.mm-theme-white label.mm-toggle{background:rgba(0,0,0,.1)}
.mm-menu.mm-theme-white label.mm-toggle:before{background:#fff}
.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle{background:#4bd963}
.mm-menu.mm-theme-black{background:#000;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.6)}
.mm-menu.mm-theme-black .mm-navbar a,.mm-menu.mm-theme-black .mm-navbar>*,.mm-menu.mm-theme-black em.mm-counter{color:rgba(255,255,255,.4)}
.mm-menu.mm-theme-black .mm-btn:after,.mm-menu.mm-theme-black .mm-btn:before{border-color:rgba(255,255,255,.4)}
.mm-menu.mm-theme-black .mm-listview{border-color:rgba(255,255,255,.2)}
.mm-menu.mm-theme-black .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-black .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}
.mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.3);tap-highlight-color:rgba(255,255,255,.3)}
.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.3)}
.mm-menu.mm-theme-black .mm-divider,.mm-menu.mm-theme-black .mm-fixeddivider span,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.2)}
.mm-menu.mm-theme-black label.mm-check:before{border-color:rgba(255,255,255,.6)}
.mm-menu.mm-pageshadow.mm-theme-black:after{content:none;display:none}
.mm-menu.mm-theme-black .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.6)}
.mm-menu.mm-theme-black .mm-indexer a,.mm-menu.mm-theme-black .mm-noresultsmsg{color:rgba(255,255,255,.4)}
.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.3)}
.mm-menu.mm-theme-black label.mm-toggle{background:rgba(255,255,255,.2)}
.mm-menu.mm-theme-black label.mm-toggle:before{background:#000}
.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle{background:#4bd963}
.mm-menu .mm-tileview.mm-listview:after,.mm-menu.mm-tileview .mm-listview:after{content:'';display:block;clear:both}
.mm-menu .mm-tileview.mm-listview>li>.mm-next:after,.mm-menu .mm-tileview.mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-listview>li>.mm-next:after,.mm-menu.mm-tileview .mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-panel:after{content:none;display:none}
.mm-menu .mm-tileview.mm-listview>li,.mm-menu.mm-tileview .mm-listview>li{width:50%;height:0;padding:50% 0 0;float:left;position:relative}
.mm-menu .mm-tileview.mm-listview>li:after,.mm-menu.mm-tileview .mm-listview>li:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1}
.mm-menu .mm-tileview.mm-listview>li.mm-tile-xs,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xs{width:12.5%;padding-top:12.5%}
.mm-menu .mm-tileview.mm-listview>li.mm-tile-s,.mm-menu.mm-tileview .mm-listview>li.mm-tile-s{width:25%;padding-top:25%}
.mm-menu .mm-tileview.mm-listview>li.mm-tile-l,.mm-menu.mm-tileview .mm-listview>li.mm-tile-l{width:75%;padding-top:75%}
.mm-menu .mm-tileview.mm-listview>li.mm-tile-xl,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xl{width:100%;padding-top:100%}
.mm-menu .mm-tileview.mm-listview>li>a,.mm-menu .mm-tileview.mm-listview>li>span,.mm-menu.mm-tileview .mm-listview>li>a,.mm-menu.mm-tileview .mm-listview>li>span{line-height:1px;text-align:center;padding:50% 10px 0;margin:0;position:absolute;top:0;right:1px;bottom:1px;left:0}
.mm-menu .mm-tileview.mm-listview>li>.mm-next,.mm-menu.mm-tileview .mm-listview>li>.mm-next{width:auto}
.mm-menu.mm-tileview .mm-panel{padding-left:0;padding-right:0}
.mm-menu.mm-tileview .mm-listview{margin:0}
@import 'buttons.css';

/*grid*/

@media (min-width: 1200px) {
    /*    #container-one #middle-wrapper {
        width: 79%;
    }*/

    a[href^='tel:'], .notTelForDesktop {
        color: inherit !important;
        text-decoration: none !important;
        cursor: inherit !important;
    }
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100% !important;
    -ms-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-stroke: 0.5px transparent;
    background-color: transparent;
    font-size: 15px;
    line-height: 1.42857143;
    color: #333 !important;
}

html {
    height: auto;
    min-height: 100%;
}

body {
    height: 100%;
    min-height: auto;
}

h1, .h1 {
    font-size: 22px;
    color: #e20074;
}

strong {
    font-weight: normal !important;
    font-family: teleNeo-regular !important;
}



.inner-cont h2, .outer-content h2 {
    text-transform: none;
    font-size: 19px;
    color: #333;
    border-bottom: 0 dashed #D0D0D0;
    padding: 10px 0;
    font-family: teleNeo-regular;
}

label {
    font-weight: normal !important;
    font-family: 'teleNeo-regular';
}

.table > tbody > tr > td {
    padding: 8px 10px;
}

.p5-cont {
    margin-left: -7px;
    margin-right: -7px;
}

.p5 {
    padding-left: 7px;
    padding-right: 7px;
}

@media (max-width:991px) {
    .p0-small {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .pr7, .pl0, .pr0 {
        padding-right: 15px !important;
        padding-left: 15px;
    }

    .p-sm-15 {
        padding-left: 15px;
        padding-right: 15px !important;
    }

    .mini-menu #mg-support {
        width: 40px;
    }
}

@media (max-width:767px) {
    .p0 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .p5-cont {
        margin-left: 0;
        margin-right: 0;
    }

    .pr7, .pl0, .pr0 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    #phone-list, #phone-details, #accessories-list {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.btn-magen {
    font-weight: normal;
}

.responsive-tabs h1 {
    padding: 10px 0;
    border-bottom: 1px solid #dadada;
    text-transform: none;
    color: #E20074;
    font-size: 30px;
}

table p {
    margin: 0;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    line-height: 16px;
    vertical-align: middle;
}

.left-menu p, .one-t-dicklaimer-message p {
    margin: 0;
}

.moj-telekom-menu-1 {
    display: block;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: transparent;
}

.inner-cont h1 {
    color: #333;
    padding: 10px 0;
    border-bottom: 1px solid #dadada;
    text-transform: none;
    color: #E20074;
    font-size: 28px;
    margin-top: 0;
    padding-top: 0;
}

.mt15 {
    margin-top: 15px;
}

/*side-menu*/

.sidebar {
    -webkit-box-shadow: 1px 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    box-shadow: 1px 1px 1px 0 #ccc;
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
}


@media (max-width:991px) {
    .active2 {
        height: 0;
        opacity: 0;
        -webkit-transition: all 0.1s ease-in;
        -moz-transition: all 0.1s ease-in;
        -ms-transition: all 0.1s ease-in;
        -o-transition: all 0.1s ease-in;
        transition: all 0.1s ease-in;
    }

        .active2.collapse {
            height: inherit;
            opacity: 1;
            -webkit-transition: all 0.1s ease-in;
            -moz-transition: all 0.1s ease-in;
            -ms-transition: all 0.1s ease-in;
            -o-transition: all 0.1s ease-in;
            transition: all 0.1s ease-in;
        }
}

#container-one #left-wrapper h4.left-nav-title {
    padding: 0;
    margin: 0;
    background: #fff;
}

#container-one #left-wrapper .left-nav-title.active-title a {
    background: #e8e8e8;
    box-shadow: none;
    color: #888;
}

#container-one #left-wrapper .left-menu.inZ li a {
    padding: 8px 10px 8px 20px;
    display: block;
    color: #767676;
    border-bottom: 1px solid #ECECEC;
    background: #f9f9f9;
}

    #container-one #left-wrapper .left-menu.inZ li a:hover {
        color: #e20074;
        background: #f1f1f1;
    }

    #container-one #left-wrapper .left-menu.inZ li a p.active {
        background-repeat: no-repeat;
        background-position: 10px 10px;
        color: #e20074;
    }

#container-one #left-wrapper .left-menu.inZ li.open2 > a {
    color: #e20074;
}

#container-one #left-wrapper h3.left-nav-title p, #container-one #left-wrapper h3.left-nav-title a {
    margin: 0;
    font-family: 'teleNeo-regular';
    font-size: 15px;
    color: #444;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    #container-one #left-wrapper h3.left-nav-title a:hover, #container-one #left-wrapper h3.left-nav-title a:focus {
        color: #e20074;
        text-decoration: none;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }



.left-nav-level5.collapse.collapsed.in li a {
    padding-left: 30px !important;
}

.left-nav-level6.collapse.collapsed.in li a {
    padding-left: 40px !important;
}

.left-nav-level7.collapse.collapsed.in li a {
    padding-left: 50px !important;
}

.left-menu.inZ .strelche {
  /*  background-image: url(../images/side-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: right bottom !important;*/
  background-image: none;
}


/*#region TABS*/
.r-tabs {
    position: relative;
    background-color: transparent;
    border-top: 0 solid #0c9dbe;
    border-right: 0 solid #0c9dbe;
    border-left: 0 solid #0c9dbe;
    border-bottom: 0 solid #0c9dbe;
    border-radius: 0;
    margin-top: 10px;
}

    .r-tabs .r-tabs-nav .r-tabs-tab {
        position: relative;
        background-color: transparent;
        background-image: none;
        padding-left: 0;
        display: table-cell;
        float: none;
        vertical-align: middle;
        line-height: 20px;
    }

    .r-tabs .r-tabs-nav .r-tabs-state-active {
        border-bottom: 1px solid #e20074;
    }

        .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
            text-transform: uppercase;
            font-size: 16px;
        }

    .r-tabs .r-tabs-nav .r-tabs-anchor {
        text-shadow: none;
        font-size: 16px;
        color: #bbb;
        text-transform: uppercase;
        padding: 8px 10px;
        white-space: normal;
    }

    .r-tabs .r-tabs-nav {
        margin: 0;
        padding: 0;
        width: inherit;
        display: table;
    }

        .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
            color: #e20074;
            text-shadow: none;
            background-color: transparent;
            border-top-right-radius: 4px;
            border-top-left-radius: 4px;
        }

/*#endregion TABS*/

/*#region InlineTabs*/
.tab-container.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
    background-color: #F9F9F9;
}

.tab-container {
    margin: 15px 0;
}

.outer-content .tab-container.r-tabs .r-tabs-panel.r-tabs-state-active {
    background-color: #fff;
    border-radius: 0;
}
/*#endregion InlineTabs*/

/*#region ACCORDION*/
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    color: #333;
    text-decoration: none;
    text-shadow: none;
    font-size: 17px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    /*background-image: url(../images/arrow_down_gray.png);
    background-repeat: no-repeat;
    background-position: right 20px center;*/
    padding: 20px 45px 20px 20px;
    background-color: #f8f8f8;
    box-shadow: none;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    /*background-color: #dbecf4;*/
    background-color: #f8f8f8;
    color: #333;
    text-shadow: none;
    position: relative;
    /*background-image: url(../images/arrow_up_gray.png);
    background-repeat: no-repeat;
    background-position: right 20px center;*/
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor, .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    position: relative;
}

    .r-tabs .r-tabs-accordion-title .r-tabs-anchor::after {
        position: absolute;
        top: 19px;
        /*bottom: 0;*/
        bottom: auto;
        right: 15px;
        content: '$';
        font-size: 22px;
        margin: auto;
        font-family: 'teleicon-outline';
        transform: rotateZ(0deg);
    }

    .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor::after {
        position: absolute;
        top: 17px;
        /*bottom: 17px;*/
        bottom: auto;
        right: 15px;
        content: '$';
        font-size: 22px;
        margin: auto;
        font-family: 'teleicon-outline';
        transform: rotateZ(-180deg);
        transition-property: transform;
        transition-duration: 0.25s;
    }

.accordionz.r-tabs .r-tabs-accordion-title:not(:first-of-type) {
    border-top: 1px solid #e2e2e2;
}

.accordionz {
    margin: 15px 0;
}

    .accordionz ul.etabs {
        display: none;
    }

.inner-cont h2, .inner-cont p {
    padding-left: 0;
    padding-right: 0;
    color: #333;
}

.inner-cont h2 {
    font-size: 24px;
    text-align: center;
}

.accordionz h2, .accordionz p {
    padding-left: 15px;
    padding-right: 15px;
}

.outer-content .accordionz .r-tabs-panel {
    padding: 15px 0;
}

    .outer-content .accordionz .r-tabs-panel p {
        padding: 0 10px !important;
    }

#bts p {
    padding: 0 20px !important;
}

.outer-content .accordionz .r-tabs-panel .table-responsive {
    margin-top: -15px;
}

.outer-content .accordionz .r-tabs-panel #tableInAcc .table-responsive {
    margin-top: 0;
}

.outer-content .accordionz .r-tabs-panel table {
    margin-top: 0;
    table-layout: fixed;
    width: 100%;
}

@media (max-width: 767px) {
    .table-responsive > .table {
        margin-bottom: 0;
        width: auto !important;
    }
}

.accordionz .table-blue tr td, .accordionz .table-blue tr th {
    width: auto;
}


.accordionz .table > thead > tr > td {
    padding: 10px 20px;
    border-bottom: none;
}

.outer-content .accordionz .r-tabs-panel p {
    padding-left: 0px;
    padding-right: 0px;
}

.outer-content .accordionz .r-tabs-panel h1 {
    color: #333;
    padding-left: 20px;
    padding-right: 20px;
}

.outer-content .wb-group.accordionz, .wb-group.accordionz {
    /*box-shadow: 0 0 3px #aaa;
    box-shadow: 0 0 3px rgba(0,0,0,.2);*/
    border: 1px solid #e2e2e2;
    border-radius: 3px;
}

    .outer-content .wb-group.accordionz:before, .outer-content .wb-group.accordionz:after {
        content: '';
        clear: both;
        display: block;
    }


.outer-content .accordionz .r-tabs-panel table ul li {
    display: block;
    background-image: url(../images/list-bullet.png);
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    margin-left: 0;
}

.outer-content .accordionz .r-tabs-panel table ul {
    padding-left: 0;
    margin-bottom: 30px;
    padding-right: 20px;
}

.outer-content .accordionz .r-tabs-panel h3 {
    margin-left: 20px;
}

.outer-content .accordionz.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    padding: 20px 45px 20px 20px;
    position: relative;
}

.outer-content .accordionz .r-tabs-panel > p + .table-responsive {
    margin-top: 20px;
}

.outer-content table.table-blue th + th + th, .outer-content table.table-blue th {
    border-bottom: 2px solid #ccd0d3 !important;
}

.outer-content .r-tabs-panel #tab-container {
    padding: 0 15px;
}

    .outer-content .r-tabs-panel #tab-container .r-tabs-panel {
        padding: 15px;
    }
/*#endregion ACCORDION*/

/*#region BREADCRUBS*/

#container-one .breadcrumbs {
    display: inline-block;
}

#container-one .breadZ h2 {
    display: inline-block;
    padding-left: 0;
    font-size: 14px;
    text-transform: none;
}

.breadZ {
    background: transparent;
    padding: 0;
    /*margin-bottom: 15px;*/
    min-height: inherit;
}


/*#endregion BREADCRUBS*/

.inner-cont:empty, .inner-cont > .col-lg-6:empty, .inner-cont > .col-lg-4:empty {
    display: none;
}

.container-fluid #full-wrapper .inner-cont:empty {
    display: none;
}

.outer-content:empty {
    display: none;
}

.inner-cont h3 {
    margin-top: 20px;
}

/*#region Table*/

/*table.table-blue thead tr th {
    background-color: #F1F1F1;
    border: none;*/
/* border-bottom: 2px solid #ccd0d3; */
/*padding: 10px;
    font-family: 'teleNeo-regular';
    font-weight: 100;
    font-size: 14px !important;
    text-align: left;
}

table.table-blue {
    color: #6c6c6c;
    margin: 15px 0;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-bottom: 1px solid #b2b2b2;
}

table.table-blue {
    border: none;
    width: 100%;
    font-family: 'teleNeo-regular';
    font-size: 14px;
    color: #727272;
    margin-bottom: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}*/

.balkanroaming table.table-blue th {
    font-size: 15px;
    background-color: #eef6f9 !important;
    border: none;
    border-bottom: 2px solid #ccd0d3 !important;
}

.balkanroaming .table > thead > tr > th, .balkanroaming .table > tbody > tr > th, .balkanroaming .table > tfoot > tr > th {
    border-top: 1px solid #ddd;
}

/*table.table-blue th {
    font-size: 15px;
    background-color: #E5F1F7 !important;
    border: none;
    border-bottom: 2px solid #ccd0d3 !important;
    padding: 12px 10px !important;
}

table > tbody > tr > td:first-child {
    font-family: 'teleNeo-regular';
}
*/
/*#endregion Table*/

/*#region MainMenu*/
@media (min-width: 768px) {
    .nav.navbar-nav > li > ul.dropdown-menu > li > a {
        color: black !important;
        font-family: 'teleNeo-bold' !important;
    }

        .nav.navbar-nav > li > ul.dropdown-menu > li > a:hover {
            color: #e20074 !important;
        }

    .nav.navbar-nav > li > ul.dropdown-menu > li > ul.dropdown-menu > li > a {
        text-transform: uppercase;
        color: black;
        line-height: 1.2;
        font-family: 'teleNeo-medium' !important;
    }

    .nav.navbar-nav > li > ul.dropdown-menu > li > ul.dropdown-menu > li > ul > li > a {
        color: #333 !important;
        padding: 7px 15px;
    }

        .nav.navbar-nav > li > ul.dropdown-menu > li > ul.dropdown-menu > li > ul > li > a:hover {
            color: #e20074 !important;
        }

        .nav.navbar-nav > li > ul.dropdown-menu > li > ul.dropdown-menu > li > ul > li > a.active-in {
            color: #e20074 !important;
        }

    .nav.navbar-nav > li > ul.dropdown-menu > li > a:hover, .nav.navbar-nav > li.active > ul.dropdown-menu > li > a:hover {
        background-color: #f4f4f4;
    }


    .nav.navbar-nav > li > ul.dropdown-menu > li.maxTvIskustvoMenuImg > a:hover, .nav.navbar-nav > li.active > ul.dropdown-menu > li.maxTvIskustvoMenuImg > a:hover {
        background-color: transparent !important;
    }

    .main-menu .navbar-nav > li {
        float: left;
        position: static;
        display: table-cell;
    }

    .navbar-default .navbar-nav > li:hover > .dropdown-menu, .navbar-default .navbar-nav > li:focus > .dropdown-menu,
    .navbar-default .navbar-nav > li:hover > .dropdown-menu > li > .dropdown-menu, .navbar-default .navbar-nav > li:focus > .dropdown-menu > li > .dropdown-menu,
    .navbar-default .navbar-nav > li:hover > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu, .navbar-default .navbar-nav > li:focus > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu,
    .navbar-default .navbar-nav > li.active > .dropdown-menu, .navbar-default .navbar-nav > li:focus > .dropdown-menu,
    .navbar-default .navbar-nav > li.active > .dropdown-menu > li > .dropdown-menu, .navbar-default .navbar-nav > li:focus > .dropdown-menu > li > .dropdown-menu,
    .navbar-default .navbar-nav > li.active > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu, .navbar-default .navbar-nav > li:focus > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu {
        display: block;
        left: 0;
        right: 0;
        width: 100%;
        text-transform: none;
        visibility: visible !important;
    }

    .navbar-default .navbar-nav > li:not(.active) > .dropdown-menu,
    .navbar-default .navbar-nav > li:not(:hover) > .dropdown-menu {
        display: none;
    }

    .navbar-default .navbar-nav > li:hover > .dropdown-menu {
        display: block;
    }

    .navbar-default .navbar-nav > li:hover > .dropdown-menu {
        background: #f5f5f5;
    }

    .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li:focus > a {
        color: #fff !important;
    }

    .main-menu .navbar-nav > li > .dropdown-menu, .main-menu .dropdown-menu {
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 0;
        border-radius: 0;
        border: 1px solid #EAEAEA;
        background-color: transparent;
        box-shadow: 1px 1px 1px #e5e5e5;
        box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    }

    .navbar-nav .dropdown-menu > li > a {
        white-space: normal;
        line-height: 16px;
        /*border-bottom: 1px solid #eaeaea;*/
        padding: 7px 15px;
        font-size: 14px;
        text-align: left;
    }


    .navbar-default .navbar-nav > li:hover > .dropdown-menu > li,
    .navbar-default .navbar-nav > li.active > .dropdown-menu > li {
        display: table-cell;
        display: inline-block;
        text-transform: uppercase;
    }

        .navbar-default .navbar-nav > li:hover > .dropdown-menu > li > .dropdown-menu, .navbar-default .navbar-nav > li:hover > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu,
        .navbar-default .navbar-nav > li.active > .dropdown-menu > li > .dropdown-menu, .navbar-default .navbar-nav > li.active > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu {
            display: block;
            position: relative;
            box-shadow: none;
            border: none;
            visibility: visible !important;
        }

    .navbar-default .navbar-nav > li.uslugi:hover > .dropdown-menu > li.mobApp-privatni > .dropdown-menu > li,
    .navbar-default .navbar-nav > li.uslugi.active > .dropdown-menu > li.mobApp-privatni > .dropdown-menu > li {
        display: none;
    }

    .navbar-default .navbar-nav > li.tv:hover > .dropdown-menu > li > .dropdown-menu, .navbar-default .navbar-nav > li.tv:hover > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu,
    .navbar-default .navbar-nav > li.tv.active > .dropdown-menu > li > .dropdown-menu, .navbar-default .navbar-nav > li.tv.active > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu {
        border-right: 0 none #eee;
    }

    .navbar-default .navbar-nav > li.communication:hover > .dropdown-menu > li > .dropdown-menu, .navbar-default .navbar-nav > li.communication:hover > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu,
    .navbar-default .navbar-nav > li.communication.active > .dropdown-menu > li > .dropdown-menu, .navbar-default .navbar-nav > li.communication.active > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu {
        border-right: 0 none #eee;
    }

    .navbar-nav, .menuz, #mainmenu, .main-menu {
        position: static;
    }

    .dropdown-menu > li a:hover, .dropdown-menu > li a:focus,
    .dropdown-menu > li span:hover, .dropdown-menu > li span:focus {
        color: #fff;
        background-color: transparent !important;
    }

    .nav.navbar-nav.sm > li > a:hover, .nav.navbar-nav.sm > li > a:focus,
    .nav.navbar-nav.sm > li > span:hover, .nav.navbar-nav.sm > li > span:focus {
        color: #fff !important;
        background-color: #e20074 !important;
    }

    .navbar-default .navbar-nav > li a:hover, .navbar-default .navbar-nav > li a:focus, li.open,
    .navbar-default .navbar-nav > li a.active-in:hover, .navbar-default .navbar-nav > li a.active-in:focus, .navbar-default .navbar-nav > li span:focus, li.open,
    .navbar-default .navbar-nav > li span.active-in:hover, .navbar-default .navbar-nav > li span.active-in:focus {
        color: #e20074 !important;
        background-color: transparent !important;
    }

    .navbar-nav a.active-in.strelche,
    .navbar-nav span.active-in.strelche {
        background-image: url(../images/cart-redesign.png) !important;
        background-repeat: no-repeat !important;
        /*padding-left: 35px !important;*/
        background-position: left top 10px !important;
    }


    /*communication*/

    .navbar-default .navbar-nav > li:hover > .dropdown-menu > li,
    .navbar-default .navbar-nav > li.active > .dropdown-menu > li {
        display: block;
        width: 20%;
        min-width: 200px;
        max-width: 20%;
        float: left;
        padding-right: 90px;
    }

    .navbar-default .navbar-nav > li.zaNas-specific:hover > .dropdown-menu > li,
    .navbar-default .navbar-nav > li.zaNas-specific.active > .dropdown-menu > li {
        width: 25%;
        max-width: 25%;
    }

    #mainmenu .navbar-nav > li.zaNas-specific > ul.dropdown-menu > li {
        padding-bottom: 30px !important;
    }

    @media (min-width: 1346px) and (max-width: 1680px) {
        .navbar-default .navbar-nav > li:hover > .dropdown-menu > li, .navbar-default .navbar-nav > li.active > .dropdown-menu > li {
            padding-right: 25px;
        }
    }

    .navbar-default .navbar-nav > li.internetD:hover > .dropdown-menu > li,
    .navbar-default .navbar-nav > li.internetD.actcive > .dropdown-menu > li {
        width: 20%;
    }

    .navbar-default .navbar-nav > li.internetD:hover > .dropdown-menu > li,
    .navbar-default .navbar-nav > li.internetD.active > .dropdown-menu > li {
        /*width: 20%;*/
        width: 14.28%;
    }

    .navbar-default .navbar-nav > li.communicationD:hover > .dropdown-menu > li,
    .navbar-default .navbar-nav > li.communicationD.active > .dropdown-menu > li {
        width: 50%;
    }


    .navbar-default .navbar-nav > li:hover > .dropdown-menu > li > a,
    .navbar-default .navbar-nav > li.active > .dropdown-menu > li > a {
        border-right: 1px solid #DCDCDC !important;
    }

    .navbar-default .navbar-nav > li:hover > .dropdown-menu > li:last-child > a,
    .navbar-default .navbar-nav > li.active > .dropdown-menu > li:last-child > a {
        border-right: 0px none transparent;
    }

    .navbar-default .navbar-nav > li.communication:hover > .dropdown-menu > li:last-child,
    .navbar-default .navbar-nav > li.communication.active > .dropdown-menu > li:last-child {
        border: none;
    }

    .navbar-default .navbar-nav > li:hover > .dropdown-menu > li > a, .navbar-default .navbar-nav > li:hover > .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav > li.active > .dropdown-menu > li > a, .navbar-default .navbar-nav > li.active > .dropdown-menu > li > a:hover {
        background-color: #e8e8e8 !important;
    }

    .navbar-default .navbar-nav > li:hover > .dropdown-menu > li a.strelche,
    .navbar-default .navbar-nav > li.active > .dropdown-menu > li a.strelche {
        background-image: none !important;
    }

    .navbar-default .navbar-nav > li:hover > .dropdown-menu > li > a.strelche,
    .navbar-default .navbar-nav > li:active > .dropdown-menu > li > a.strelche {
        background-image: url(../images/side-arrow.png) !important;
        background-repeat: no-repeat !important;
        background-position: 98% 98% !important;
        background-position: right 10px bottom 7px !important;
    }

    .navbar-default .navbar-nav > li:hover > .dropdown-menu > li > .dropdown-menu li > .dropdown-menu,
    .navbar-default .navbar-nav > li.active > .dropdown-menu > li > .dropdown-menu li > .dropdown-menu {
        display: none;
    }

    .navbar-default .navbar-nav > li.active > .dropdown-menu > li > .dropdown-menu li > .dropdown-menu {
        display: block !important;
        padding: 0 0 0 7px;
    }

    .navbar-default .navbar-nav > .communication:hover > .dropdown-menu > li > .dropdown-menu > li.tarifi > .dropdown-menu,
    .navbar-default .navbar-nav > .communication.active > .dropdown-menu > li > .dropdown-menu > li.tarifi > .dropdown-menu {
        display: block;
        padding-bottom: 0 !important;
    }

    .navbar-default .navbar-nav > .fiksniD:hover > .dropdown-menu > li > .dropdown-menu > li.net_paketiD > .dropdown-menu,
    .navbar-default .navbar-nav > .fiksniD.active > .dropdown-menu > li > .dropdown-menu > li.net_paketiD > .dropdown-menu {
        display: block;
        padding-bottom: 0 !important;
    }

    .navbar-default .navbar-nav > .communication:hover > .dropdown-menu > li > .dropdown-menu > li.tarifi > .dropdown-menu .dropli a,
    .navbar-default .navbar-nav > .communication.active > .dropdown-menu > li > .dropdown-menu > li.tarifi > .dropdown-menu .dropli a {
        padding: 7px 25px;
        color: #949494;
    }

    .navbar-default .navbar-nav > .communicationD:hover > .dropdown-menu > li > .dropdown-menu > li.tarifi > .dropdown-menu,
    .navbar-default .navbar-nav > .communicationD.active > .dropdown-menu > li > .dropdown-menu > li.tarifi > .dropdown-menu {
        display: block;
    }

        .navbar-default .navbar-nav > .communicationD:hover > .dropdown-menu > li > .dropdown-menu > li.tarifi > .dropdown-menu .dropli a,
        .navbar-default .navbar-nav > .communicationD.active > .dropdown-menu > li > .dropdown-menu > li.tarifi > .dropdown-menu .dropli a {
            padding: 7px 25px;
            color: #949494;
        }

    .navbar-default .navbar-nav > .communicationD:hover > .dropdown-menu > li > .dropdown-menu > li.tarifi_fixD > .dropdown-menu,
    .navbar-default .navbar-nav > .communicationD.active > .dropdown-menu > li > .dropdown-menu > li.tarifi_fixD > .dropdown-menu {
        display: block;
    }

        .navbar-default .navbar-nav > .communicationD:hover > .dropdown-menu > li > .dropdown-menu > li.tarifi_fixD > .dropdown-menu .dropli a,
        .navbar-default .navbar-nav > .communicationD.active > .dropdown-menu > li > .dropdown-menu > li.tarifi_fixD > .dropdown-menu .dropli a {
            padding: 7px 25px;
            color: #949494;
        }


    /*tv*/
    .navbar-default .navbar-nav > li.tv:hover > .dropdown-menu > li,
    .navbar-default .navbar-nav > li.tv.active > .dropdown-menu > li {
        display: block;
        width: 12.5%;
        float: left;
        border-right: 0 solid #E0E0E0;
    }

    .navbar-default .navbar-nav.menu_sq > li.tv:hover > .dropdown-menu > li,
    .navbar-default .navbar-nav.menu_sq > li.tv.active > .dropdown-menu > li {
        display: block;
        /*width: 16.66%;*/
        float: left;
        border-right: 0 solid #E0E0E0;
    }

    .navbar-default .navbar-nav > li.tvD:hover > .dropdown-menu > li > a, .navbar-default .navbar-nav > li.tvD:hover > .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav > li.tvD.active > .dropdown-menu > li > a, .navbar-default .navbar-nav > li.tvD.active > .dropdown-menu > li > a:hover {
        height: 46px;
    }

    /*uslugi*/
    /*tv*/
    .navbar-default .navbar-nav > li.uslugi:hover > .dropdown-menu > li,
    .navbar-default .navbar-nav > li.uslugi.active > .dropdown-menu > li {
        display: block;
        width: 16.66666666666667%;
        float: left;
        border-right: 0 solid #E0E0E0;
    }

    .navbar-default .navbar-nav > li.tvD:hover > .dropdown-menu > li,
    .navbar-default .navbar-nav > li.tvD.active > .dropdown-menu > li {
        width: 25%;
    }

    .navbar-default .navbar-nav > li.iktD:hover > .dropdown-menu > li,
    .navbar-default .navbar-nav > li.iktD.active > .dropdown-menu > li {
        width: 20%;
    }

    .navbar-default .navbar-nav > li.katalogD:hover > .dropdown-menu > li,
    .navbar-default .navbar-nav > li.katalogD.active > .dropdown-menu > li {
        width: 14.28571428571429%;
    }

    .navbar-default .navbar-nav > li.katalog:hover > .dropdown-menu > li.mob_devices > a,
    .navbar-default .navbar-nav > li.katalog.active > .dropdown-menu > li.mob_devices > a {
        background-image: url(../images/shoppingcart-menu.png);
        background-repeat: no-repeat;
        padding-left: 30px;
        background-position: 6px center;
    }

    .navbar-default .navbar-nav > li.katalog:hover > .dropdown-menu > li.dop_oprema > a,
    .navbar-default .navbar-nav > li.katalog.active > .dropdown-menu > li.dop_oprema > a {
        background-image: url(../images/shoppingcart-menu.png);
        background-repeat: no-repeat;
        padding-left: 30px;
        background-position: 6px center;
    }

    /*mainli*/
    .navbar-default .navbar-nav > .mainli:hover > .dropdown-menu,
    .navbar-default .navbar-nav > .mainli.active > .dropdown-menu,
    .navbar-default .navbar-nav > .no-menu:hover > .dropdown-menu,
    .navbar-default .navbar-nav > .no-menu.active > .dropdown-menu {
        display: none;
    }
    /*hbo*/
    .officeD .dropdown-menu, .maxadslD > .dropdown-menu, .opticD > .dropdown-menu {
        display: none !important;
    }
    /*mobappD*/

    .mobappD .dropdown-menu {
        display: none !important;
    }

    /*katalog*/
    .navbar-default .navbar-nav > li.katalog:hover > .dropdown-menu, .navbar-default .navbar-nav > li.integriraniD:hover > .dropdown-menu,
    .navbar-default .navbar-nav > li.katalogD:hover > .dropdown-menu,
    .navbar-default .navbar-nav > li.katalog.active > .dropdown-menu, .navbar-default .navbar-nav > li.integriraniD.active > .dropdown-menu,
    .navbar-default .navbar-nav > li.katalogD.active > .dropdown-menu {
        display: none;
    }

    .navbar-default .navbar-nav > li.integriraniD:hover > .dropdown-menu,
    .navbar-default .navbar-nav > li.integriraniD:active > .dropdown-menu {
        display: block;
    }

        .navbar-default .navbar-nav > li.integriraniD:hover > .dropdown-menu > li,
        .navbar-default .navbar-nav > li.integriraniD:active > .dropdown-menu > li {
            width: 50%;
        }
}

.bizMainMenu ul.nav.navbar-nav li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu {
    position: relative;
    margin-left: 10px;
    border: 0 !important;
}
/*#endregion MainMenu*/
.inner-template {
    background: white;
    min-height: 300px;
    padding-right: 10px;
}

#middle-wrapper .inner-template ul li {
    display: block;
    background-image: url(../images/list-bullet.png);
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    margin-left: 15px;
}


.opis_mal {
    font-size: 13px !important;
    padding: 0 15px;
}

.preporaki {
    background-color: #eff2d0;
    border: 1px solid #eaeaea;
    background-image: url('../images/arrow-thin-right-preporaki.png');
    background-position: 98% center;
    background-position: right 20px center;
    background-repeat: no-repeat;
    color: #333;
    font-size: 16px;
    font-family: teleNeo-regular;
    font-weight: normal;
    line-height: 15px;
    display: none;
    width: 100%;
    margin-top: 20px;
    min-height: 62px;
    height: 62px;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .preporaki:hover {
        background-color: #dfe5a1;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .preporaki a, .preporaki p {
        vertical-align: middle;
        display: table-cell;
        padding: 0 40px 0 15px;
        color: #585858;
        font-size: 18px;
    }

        .preporaki a:hover, .preporaki a:focus {
            text-decoration: none;
        }

.r-tabs .r-tabs-panel {
    padding: 20px 25px;
}

.Communication {
    margin-bottom: 15px;
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    color: #333;
    text-align: center;
    margin-top: 100px;
}

    .Communication:hover {
        margin-bottom: 15px;
        background: #dedede;
        color: white;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        box-shadow: 0 11px 20px #aaa;
        box-shadow: 0 11px 20px rgba(0,0,0,.3);
        border: 1px solid #dedede;
        margin-top: 80px;
    }

    .Communication a {
        color: #333;
        font-size: 24px;
        display: block;
        padding: 50px 20px;
    }


    .Communication:hover a, .Communication:hover a:hover {
        color: #333;
        text-decoration: none;
    }

    .Communication img {
        width: 110px;
        display: block;
        margin: 0 auto 30px;
    }


.list-inline {
    margin-top: 30px;
}

    .list-inline li {
        font-size: 18px;
    }

        .list-inline li.active {
            font-family: 'teleNeo-bold' !important;
        }

.white-box-left ul {
    margin-top: 0;
}



.white-box-left ul {
    margin-top: 0;
}

/*#region UREDI*/
.uredi {
    margin-bottom: 15px;
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: none;
    color: #333;
    position: relative;
}

    .uredi #cat1, .uredi #cat2, .uredi #cat3, .uredi #cat4, .uredi #cat5, .uredi #cat6, .uredi #cat7, .uredi #cat8, .uredi #cat9, .uredi #cat10, .uredi #cat11, .uredi #cat12, .uredi #cat13, .uredi #cat14, .uredi #cat21, .uredi #cat15, .uredi #cat16, .uredi #cat17 {
        padding: 15px;
        min-height: 310px;
        position: relative;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .uredi #cat2 {
        background-image: url(../images/catalogue/site-uredi-icon.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .uredi:hover #cat2 {
        background-image: url(../images/catalogue/site-uredi-iconH.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .uredi #cat3 {
        background-image: url(../images/catalogue/box2-off.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .uredi:hover #cat3 {
        background-image: url(../images/catalogue/box2.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .uredi #cat4 {
        background-image: url(../images/catalogue/box3-off.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .uredi:hover #cat4 {
        background-image: url(../images/catalogue/box3.png);
        background-repeat: no-repeat;
        background-position: center center;
    }


    .uredi #cat5 {
        background-image: url(../images/catalogue/box45-off.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .uredi:hover #cat5 {
        background-image: url(../images/catalogue/box45.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .uredi #cat6 {
        background-image: url(../images/catalogue/box5-off.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .uredi:hover #cat6 {
        background-image: url(../images/catalogue/box8.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .uredi #cat21 {
        background-image: url(../images/catalogue/box11-off.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .uredi:hover #cat21 {
        background-image: url(../images/catalogue/box11.png);
        background-repeat: no-repeat;
        background-position: center center;
    }


    .uredi #cat7 {
        background-image: url(../images/catalogue/box6-off.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .uredi:hover #cat7 {
        background-image: url(../images/catalogue/box6.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .uredi #cat8 {
        background-image: url(../images/catalogue/box7-off.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .uredi:hover #cat8 {
        background-image: url(../images/catalogue/box7.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .uredi #cat16 {
        background-image: url(../images/catalogue/lool-icon.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .uredi:hover #cat16 {
        background-image: url(../images/catalogue/loop-iconH.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .uredi h2 {
        text-transform: uppercase;
        white-space: normal;
        display: block;
        font-size: 22px;
        font-family: teleNeo-regular;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 10px;
        padding-top: 5px;
        min-height: 65px;
        position: relative;
        color: #333;
    }

    .uredi:hover h2 {
        text-decoration: none;
    }

    .uredi:before, .uredi:after {
        content: '';
        display: table;
        clear: both;
    }

    .uredi.blue {
        background-color: #E20074;
        background-image: url(../images/catalogue/box9.png);
        background-repeat: no-repeat;
        background-position: left center;
        color: white;
        min-height: 310px;
        position: relative;
    }

        .uredi.blue h2 {
            color: #ffffff;
        }

    .uredi a {
        color: #e20074;
        width: 100%;
        height: 100%;
        display: block;
        text-decoration: none;
    }

    .uredi.blue a {
        color: white;
    }

    .uredi img {
        display: none;
        margin: 30px auto;
    }

    .uredi h2 img {
        position: absolute;
        z-index: 10;
        display: block;
        right: 0;
        top: 5px;
        margin: 0;
    }

    .uredi p.txt-more {
        position: absolute;
        bottom: 0;
        right: 20px;
    }

    .uredi:hover p.txt-more {
        text-decoration: underline;
    }
/*#endregion UREDI*/

/*#region CHANNELS*/
.main-channels h4 {
    display: block;
    border: 1px solid #F3F3F3;
    padding: 10px 5px;
    color: #e20074;
    min-height: 105px;
    margin: 0 0 7px 0;
    display: table;
    width: 100%;
}

    .main-channels h4 span {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }

.main-channels .p5, .channels .p5 {
    padding: 0 3px;
}

.channels-magenta {
    background-color: #f7fbfe;
    padding: 10px 20px;
}

    .channels-magenta h1 {
        text-transform: none !important;
        font-size: 23px !important;
        color: #e20074 !important;
        border-bottom: 1 px solid #e5e5e5 !important;
        padding: 10 px 0 !important;
    }

    .channels-magenta ul {
        margin: 10px 0;
    }

    .channels-magenta strong, .channels-magenta a {
        color: #e20074;
    }

.channels-gray {
    background-color: #f3f3f3;
    padding: 10px 20px;
}

    .channels-gray h2 {
        text-transform: none;
        font-size: 23px;
        border-bottom: 1px solid #e5e5e5;
        padding: 10px 0;
    }

    .channels-gray .p-uredi-cena:before, .channels-gray .p-uredi-cena:after,
    .channels-magenta .p-uredi-cena:before, .channels-magenta .p-uredi-cena:after {
        clear: both;
        content: '';
        display: table;
    }

    .channels-gray .p-uredi-cena, .channels-magenta .p-uredi-cena {
        height: inherit;
        margin: 0 auto;
        width: 100%;
        max-width: inherit;
        margin-top: 10px !important;
        display: block;
        border-top: 1px solid #e5e5e5;
        padding-top: 15px;
        position: relative;
    }

    .channels-gray .p-left, .channels-magenta .p-left {
        float: left;
        width: auto;
        text-align: center;
    }

    .channels-gray .p-right, .channels-magenta .p-right {
        float: left;
        width: auto;
        padding-left: 10px;
        margin-top: 4px;
    }

    .channels-gray span.price2, .channels-magenta span.price2 {
        line-height: 100%;
        font-size: 40px;
        font-weight: normal;
        font-family: teleNeo-regular;
        color: #E20074;
        padding: 10px 0 8px;
    }


    .channels-gray .p-rates, .channels-magenta .p-rates {
        color: #e20074;
        text-transform: none;
        display: block;
        font-family: 'teleNeo-regular';
        font-size: 14px;
        line-height: 15px;
        margin: 0 auto;
        width: inherit;
        text-align: center;
    }

    .channels-gray .p-currency, .channels-magenta .p-currency {
        max-width: 54px;
        color: #e20074;
        text-transform: none;
        display: block;
        border-bottom: 1px solid #e20074;
        font-family: 'teleNeo-regular';
        font-size: 14px;
        line-height: 15px;
        text-align: center;
        margin: 0 auto;
    }

.channels h4 {
    border: 1px solid #F3F3F3;
    padding: 10px;
    min-height: 105px;
    margin: 0 0 7px 0;
    display: table;
    width: 100%;
    text-align: center;
}

.channels span {
    text-align: center;
    display: block;
    font-size: 14px;
    line-height: 14px;
    height: 40px;
}

.channels img {
    margin: 0 0 5px;
    height: 50px;
    display: inline-block;
}

/*#endregion CHANNELS*/

.one-t-dicklaimer {
    position: relative;
    width: 13px;
    height: 13px;
    top: 0;
    left: 135px;
    background-color: #F5F5F5;
    border: 1px solid #DCDCDC;
    padding: 1px;
    line-height: 14px;
}

.activatePacketTable .one-t-dicklaimer {
    position: relative;
    width: 13px;
    height: 13px;
    background-color: #F5F5F5;
    border: 1px solid #DCDCDC;
    padding: 1px;
    top: auto;
    left: auto;
    right: auto;
    line-height: 14px;
}

.one-t-dicklaimer.max {
    width: 15px;
    height: 15px;
    background: transparent;
    border: none;
    top: -3px;
    left: 0;
    display: inline-block;
}

.one-t-dicklaimer p {
    font-size: 15px !important;
    font-weight: normal;
    line-height: 16px;
    font-family: teleNeo-regular !important;
}

.one-t-dicklaimer span {
    position: absolute;
    top: 3px;
    left: 0px;
    font-size: 25px;
    color: #CACACA;
}

.tv-paketi-item .one-t-dicklaimer.discExp.leftZero > span {
    position: absolute;
    top: 1px;
    left: 1px;
    font-size: 25px;
    color: #CACACA;
}

.one-t-dicklaimer:hover span {
    color: #e20074;
    cursor: pointer;
}

.one-t-dicklaimer-message {
    position: absolute;
    width: 160px;
    background-color: white;
    z-index: 3;
    bottom: -1px;
    left: 15px;
    padding: 7px;
    border: 1px solid #DADADA;
    border-radius: 2px;
    font-size: 13px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.one-t-dicklaimer.max .one-t-dicklaimer-message {
    width: 220px;
    bottom: 15px;
    left: -55px;
}

.one-t-dicklaimer-message span {
    position: static;
    font-size: 115%;
    font-weight: normal;
    font-family: teleNeo-regular;
}

.one-t-dicklaimer:hover .one-t-dicklaimer-message {
    opacity: 1;
    visibility: visible;
    display: block;
}


td.liniska-brzina .one-t-dicklaimer.max:hover .one-t-dicklaimer-message {
    position: absolute;
    left: 22px;
    top: 0;
    height: 260px;
    opacity: 1;
    visibility: visible;
    display: block;
}

td.liniska-brzina .one-t-dicklaimer .one-t-dicklaimer-message:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid #404040 !important;
    position: absolute;
    top: 5px !important;
    left: -12px !important;
    transform: rotate(90deg) !important;
}

.one-t-dicklaimer .one-t-dicklaimer-message {
    display: none;
}

#phone-details .phone-tarrif-price-holder .one-t-dicklaimer-message span {
    color: white;
}



.sidebar-box-hold ul {
    margin: 15px 15px 15px 0;
}

    .sidebar-box-hold ul li, .outer-content ul li {
        display: block;
        background-image: url(../images/list-bullet.png);
        background-position: 0 11px;
        background-repeat: no-repeat;
        padding-left: 15px;
        line-height: 145%;
        margin-bottom: 7px;
        margin-left: 30px;
    }

.r-tabs .r-tabs-panel {
    background-color: white;
    border-bottom: 4px solid white;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.tab-container.r-tabs .panel-container {
    box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px rgba(0,0,0,.2);
}

#tools .mini-menu select {
    border: none;
    background-color: transparent;
    outline: none;
    font-size: 13px;
    color: #999;
}

/*#top-bar .mini-menu li, #top-bar-left .mini-menu li {
    display: inline;
    float: left;
    text-transform: uppercase;
    color: #BDBDBD;
    font-size: 12px;
    padding: 3px 5px;
    border-right: none;
}*/

#top-bar .mini-menu.hidden-xs, #top-bar-left .mini-menu.hidden-xs {
    padding-top: 10px;
}

.inner-template .inner-template-left-image.matchHeight, .matchHeight .white-box-right {
    height: 360px;
}

/*responsive table*/

.ns-table {
    border-style: none;
    border-top-width: 0;
    width: 100%;
    margin: 0 !important;
}

    .ns-table tr {
        border-style: none;
        border-bottom-width: 0;
    }

    .ns-table th, .ns-table td {
        border-style: none;
        padding-right: 1em;
        padding-top: 0.75em;
        padding-bottom: 0.75em;
        text-align: left;
        min-width: 50px;
        vertical-align: top;
    }

        .ns-table th + th,
        .ns-table th + td,
        .ns-table td + th,
        .ns-table td + td {
            border-left-width: 1px;
        }

    .ns-table tr td {
        border-bottom: 1px solid #e5e5e5;
    }

    .ns-table thead tr:last-child {
        border-bottom-width: 2px;
    }

    .ns-table tbody th {
        font-weight: normal;
    }

    .ns-table .compare-products th:first-child {
        background-color: transparent !important;
        box-shadow: none;
        border: none !important;
    }

.compare3 .ns-table th, .compare3 .ns-table td, .compare3 .ns-table.ns-ctrl tr td,
.comapre3 .ns-table th, .comapre3 .ns-table td, .comapre3 .ns-table.ns-ctrl tr td {
    width: 25%;
}

.compare4 .ns-table th, .compare4 .ns-table td, .compare4 .ns-table.ns-ctrl tr td,
.comapre4 .ns-table th, .comapre4 .ns-table td, .comapre4 .ns-table.ns-ctrl tr td {
    width: 20%;
}

.compare2 .ns-table th, .compare2 .ns-table td,
.comapre2 .ns-table th, .comapre2 .ns-table td {
    width: 33.33333333333333%;
}

.ns-table h2 {
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 5px;
    padding: 0 0 10px;
    margin-bottom: 10px;
    min-height: 51px;
}

.ns-table .btn.btn-magen, .ns-table .btn.btn-grey {
    margin: 10px auto;
    display: block;
    max-width: 155px;
    padding: 5px;
    font-size: 16px;
    font-family: teleNeo-regular;
}

.ns-table .p-uredi-cena {
    margin: 10px auto 25px;
}

table.table-blue.ns-table th + th + th {
    border-bottom: 0 none #ddd !important;
    border-top: 0 none #ddd !important;
    border-spacing: 5px;
    border-collapse: separate;
    box-shadow: 1px 1px 1px #aaa;
    box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    border: 1px solid #eee !important;
}

table.table-blue.ns-table .compare-products th {
    background-color: white !important;
}

table.table-blue.ns-table th + th, table.table-blue.ns-table th {
    font-size: 18px !important;
    border-spacing: 5px;
    border-collapse: separate;
    box-shadow: 1px 1px 1px #aaa;
    box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    border: 1px solid #eee !important;
    font-weight: normal;
    font-family: teleNeo-regular;
}

table.ns-table {
    border-spacing: 5px;
    border-collapse: separate;
}

.ns-table th:empty {
    display: none;
}

.ns-table th {
    font-size: 16px;
    font-family: teleNeo-regular;
}

table.table-blue.ns-table th:first-child {
    background-color: #dbecf4;
}

.ns-table thead th {
    background-color: #dbecf4;
    color: #333;
    text-shadow: none;
    background-image: url(../images/arrow_up_gray.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    background-position: right 10px center;
    cursor: pointer;
}

.ns-table thead.collapsed th {
    background-image: url(../images/arrow_down_gray.png);
    background-color: #eee !important;
}

.ns-table > thead > tr > th {
    padding: 10px;
}

@media (max-width: 767px) {
    .list-inline > li {
        padding: 0 !important;
    }

    .p0-xs {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    table.ns-table {
        border-spacing: 0;
        border-collapse: collapse;
        box-shadow: none;
    }

    .ns-table .compare-products th {
        padding: 0;
    }

    .compare-products th:first-child {
        background-color: #fff;
        box-shadow: none;
        border: none !important;
    }

    .sidebar-box-hold ul li, .outer-content ul li {
        margin-left: 20px;
    }

    .ns-table h2 {
        background-color: #F3F3F3;
        margin: 0;
        padding: 5px;
    }

    table.table-blue.ns-table th + th, table.table-blue.ns-table th, table.table-blue.ns-table th + th + th {
        border-spacing: 0;
        border-collapse: collapse;
        box-shadow: none;
        border: none !important;
        width: 100%;
    }

    .comapre3 .ns-table th, .comapre3 .ns-table td, .comapre3 .ns-table.ns-ctrl tr td,
    .compare3 .ns-table th, .compare3 .ns-table td, .compare3 .ns-table.ns-ctrl tr td {
        width: inherit;
    }

    .comapre4 .ns-tableth, .comapre4 .ns-table td, .comapre4 .ns-table.ns-ctrl tr td,
    .compare4 .ns-table th, .compare4 .ns-table td, .compare4 .ns-table.ns-ctrl tr td {
        width: inherit;
    }

    .comapre2 .ns-table th, .comapre2 .ns-table td, .comapre2 .ns-table.ns-ctrl tr td,
    .compare2 .ns-table th, .compare2 .ns-table td, .compare2 .ns-table.ns-ctrl tr td {
        width: inherit;
    }

    .ns-table.ns-ctrl tbody, .ns-table.ns-ctrl tr, .ns-table th, .ns-table.ns-ctrl td {
        width: 100%;
        display: block;
    }

    #container-one .breadcrumbs {
        padding-left: 10px;
    }

    .ns-table {
        border: 0;
        display: block;
        width: 100%;
    }

        .ns-table caption {
            display: block;
        }

        .ns-table thead th, .ns-table thead, .ns-table thead tr {
            width: 100% !important;
            display: block;
        }

        .ns-table tbody, .ns-table tr, .ns-table th, .ns-table td {
            border: 0;
            padding: 0;
            text-align: left;
            white-space: normal;
            width: 100%;
        }

        .ns-table.ns-products tbody, .ns-table.ns-products tr, .ns-table.ns-products th, .ns-table.ns-products td {
            display: block;
        }

        .ns-table tbody.collapse.in, .ns-table tbody.collapse.in tr {
            display: block;
        }

        .ns-table td,
        .ns-table th {
            width: 100%;
            float: left;
            clear: both;
        }

            .ns-table td:last-child,
            .ns-table th:last-child {
                margin-bottom: 0;
            }

            .ns-table td.last-child,
            .ns-table th.last-child {
                margin-bottom: 1.5em;
            }

            .ns-table th[data-title]:before,
            .ns-table td[data-title]:before {
                content: attr(data-title) ":\00A0";
                font-weight: normal;
                font-family: teleNeo-regular;
            }

            .ns-table th:not([data-title]) {
                font-weight: normal;
                font-family: teleNeo-regular;
            }

            .ns-table td:empty {
                display: none;
            }

            .ns-table td.compare {
                font-weight: normal;
                font-family: teleNeo-regular;
                text-transform: uppercase;
                background-color: #f9f9f9;
                font-size: 13px;
            }

        .ns-table .paket {
            color: #e20074;
            margin-bottom: 5px !important;
            padding-bottom: 5px;
        }

        .ns-table th {
            font-size: 16px !important;
            font-weight: normal !important;
            font-weight: normal;
            font-family: teleNeo-regular;
        }

        .ns-table thead.collapsed th {
            font-size: 16px !important;
            background-color: #e5e5e5 !important;
            color: #333 !important;
            font-weight: normal;
            font-family: teleNeo-regular;
            border-bottom: 3px solid white !important;
        }

        .ns-table .compare-products th {
            font-size: 16px !important;
            background-color: transparent !important;
            color: white;
            font-weight: normal !important;
            padding: 0 0 20px 0;
        }
}

.p0-small {
    padding-right: 0 !important;
    padding-left: 0 !important;
}



@media (max-width:767px) {
    .mini-menu select {
        border: none;
        background-color: transparent;
        outline: none;
        padding-left: 5px;
        width: 50px;
        height: 34px;
    }

    .plati-online-icon {
        margin-top: 0;
    }

    .mini-menu.pull-right {
        min-width: inherit;
        /*padding: 4px 0;*/
        padding: 0;
    }

    .mini-menu {
        padding: 0;
        float: inherit;
        margin: 0;
    }

    #top-bar .mini-menu.pull-right, #top-bar-left .mini-menu.pull-right {
        float: right !important;
        margin: 0;
        /**/
        right: 0;
        position: relative;
    }

    .mini-menu.pull-right > li {
        padding: 0;
        width: 35px;
    }

        .mini-menu.pull-right > li:first-child {
            padding: 0 0;
            /*left: -5px;*/
        }

    .p0-small {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    img.m-t-user {
        margin-right: 0;
    }

    a.btn.btn-moj-telekom, div.btn.btn-moj-telekom {
        background-color: transparent;
        background: none;
        color: white;
        width: 41px;
        padding: 0 !important;
    }

    #miniShoppingCart {
        width: 50px !important;
        background-color: #eaeaea !important;
    }
}

.inner-template-left-image {
    background-size: cover !important;
}

.white-box-center div.img img {
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

.white-box-center div.img:hover img {
    margin-top: -10px;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}


/*header SM*/

@media (min-width:768px) and (max-width:991px) {
    .logo-holder a {
        display: block;
        vertical-align: middle;
        width: 100%;
        padding: 12px;
        overflow: hidden;
    }

        .logo-holder a img {
            width: auto;
            max-width: inherit;
        }

    .mini-menu li {
        display: inline;
        float: left;
        text-transform: uppercase;
        color: #888888;
        font-size: 12px;
        padding: 2px 5px;
    }
}

.pokrienost {
    color: #e20074;
    display: block;
    padding: 0;
    cursor: pointer;
}

.table-blue.table-kanali img {
    padding-left: 5px;
}

.ns-table .compare-products p {
    font-size: 14px;
    font-weight: normal;
}

    .ns-table .compare-products p:first-child, .ns-table .compare-products p {
        font-weight: normal;
        font-family: teleNeo-regular;
    }

.ns-table .compare-products p {
    margin: 0 6px;
    font-size: 15px;
}

    .ns-table .compare-products p strong {
        display: block;
    }

.ns-table.ns-products tbody tr th:first-child p {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}

    .ns-table.ns-products tbody tr th:first-child p:before {
        display: block;
        padding-bottom: 10px;
    }

.inner-cont:before, .inner-cont:after {
    clear: both;
    display: table;
}

.white-box-left-m-klub-blue .inner-cont:before, .white-box-left-m-klub-blue .inner-cont:after {
    clear: both;
    display: table;
    content: '';
}

/*select*/

.inner-cont select, .outer-content select {
    width: 100%;
    padding: 5px 25px 5px 10px;
    color: #e20074;
    margin-bottom: 8px;
    font-family: 'teleNeo-regular';
    background-image: url('../images/arrow_down_magenta.png');
    background-repeat: no-repeat;
    background-position: 98% center;
    background-position: right 10px center;
    font-size: 14px;
    height: auto;
    border-radius: 0;
    box-shadow: 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    border: 1px solid #eee;
    border: 1px solid rgba(0,0,0,0.1);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    .inner-cont select::-ms-expand, .outer-content select::-ms-expand {
        display: none;
    }

    .inner-cont select:hover, .outer-content select:hover {
        box-shadow: 1px 1px 4px #aaa;
        box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }


    .inner-cont select:focus, .outer-content select:focus {
        outline: none;
        outline-offset: 0;
        box-shadow: 1px 1px 1px #e5e5e5;
        box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
        border: 1px solid #e5e5e5;
        border: 1px solid rgba(0,0,0,0.1);
    }

    .inner-cont select option, .outer-content select option {
        color: #666666;
    }

        .inner-cont select option:hover, .outer-content select option:hover {
            background-color: #e20074;
            color: #ffffff;
        }

/*end select*/


.inner-gray {
    background: #d7d7d7;
}

/*#region user-ctrl*/
.movie-box {
    box-shadow: 1px 1px 1px #f5f5f5;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    border: 1px solid #f5f5f5;
    border: 1px solid rgba(0,0,0,0.1);
    cursor: pointer;
    background: white;
}

    .movie-box h3 {
        color: #e20074;
        font-family: 'teleNeo-regular';
        font-size: 18px;
    }
/*#endregion user-ctrl*/

.inner-gray:after {
    clear: both;
    /* content: ''; */
}

.internationalCalls select {
    width: auto;
    padding-right: 30px;
    text-transform: uppercase;
}

.container-international:after {
    content: '';
    clear: both;
    display: table;
}

.container-international {
    background-image: url(../images/mapa.png);
    background-position: center right;
    background-repeat: no-repeat;
    min-height: 400px;
}

    .container-international .table-international {
        background: transparent;
        width: auto;
        min-width: 220px;
    }

.table.table-international > thead > tr > th, .table.table-international > tbody > tr > td {
    border-bottom: 0 none transparent !important;
    background-color: transparent !important;
    background: none;
    border-top: 0 none transparent !important;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.table.table-international > thead > tr > th, .table.table-international > tbody > tr:hover > td {
    color: #e20074;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.internationalCalls h1 {
    font-size: 24px;
}

.internationalCalls p {
    line-height: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
    margin: 0;
}

.internationalCalls .links {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0 10px;
    border-bottom: 1px solid #ccc;
    position: relative;
}

    .internationalCalls .links a {
        font-size: 22px;
        margin: 0 40px;
        color: black;
    }

        .internationalCalls .links a.active {
            color: #e20074;
            font-family: 'teleNeo-bold' !important;
            transition: none !important;
        }

        .internationalCalls .links a:hover {
            color: #e20074;
            font-family: 'teleNeo-regular' !important;
        }

        .internationalCalls .links a:first-of-type:before {
            content: "";
            position: absolute;
            height: 35px;
            width: 1px;
            left: 50%;
            border-right: 1px solid #ccc;
        }

.internationalCalls h2.internationalTitle {
    background-color: #dbecf4;
    font-size: 16px;
    border-spacing: 5px;
    border-collapse: separate;
    box-shadow: 1px 1px 1px #aaa;
    box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    border: 1px solid #eee !important;
    background-image: url(../images/arrow_up_gray.png) !important;
    background-repeat: no-repeat;
    background-position: center right 10px;
    cursor: pointer;
    font-weight: normal;
    font-family: teleNeo-regular;
    padding-left: 10px;
    background-size: inherit;
}

    .internationalCalls h2.internationalTitle.collapsed {
        background-image: url(../images/arrow_down_gray.png) !important;
    }

.table.table-int > tbody > tr > th {
    border: none !important;
    color: #e20074;
    font-weight: normal;
    font-family: teleNeo-regular;
    font-size: 16px;
}

.table.table-int > tbody > tr > td {
    border: none !important;
}

@media (max-width:767px) {
    .internationalCalls select {
        position: relative;
        top: inherit;
        right: inherit;
        width: auto;
        padding-right: 30px;
    }
}

p.plain {
    padding: 0;
}

.form-control {
    margin-bottom: 10px;
}

.search-box .form-control {
    margin-bottom: 0;
}

.alert-t {
    background-color: #FFEAF5;
    border-color: #F7BFDC;
    color: #e20074 !important;
    padding: 10px 15px !important;
    display: block;
}

.btn-magen:focus {
    color: #fff;
    text-decoration: none;
}

.gray-box > .white-box {
    background: #f4f4f4;
    margin-bottom: 15px !important;
}

.gray-box a.box-title {
    border-bottom: 1px solid #DADADA;
}

.btn-magen {
    font-size: 16px;
    padding: 5px 20px;
    filter: none;
    color: #fff;
    -moz-box-shadow: 0 3px 0 0 #bfbfbf;
    -moz-box-shadow: 0 3px 0 0 rgba(191,191,191,1);
    box-shadow: inset 0 -2px 0 #000000;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    max-width: inherit;
    margin: 0 auto;
    background: #e20074;
    width: auto;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 4px;
}

@media (max-width:767px) {
    .r-tabs .r-tabs-nav {
        display: none !important;
    }
}


.compare3, .compare3 {
    width: 101%;
    margin-left: -5px;
}


.btn-green {
    font-size: 16px;
    padding: 5px 20px;
    filter: none;
    color: #fff;
    -moz-box-shadow: 0 3px 0 0 #bfbfbf;
    -moz-box-shadow: 0 3px 0 0 rgba(191,191,191,1);
    box-shadow: inset 0 -2px 0 #000000;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    max-width: inherit;
    margin: 0 auto;
    background: #71af1f;
    width: auto;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .btn-green:hover, .btn-green:focus {
        background: #60921D;
        color: #fff;
    }

/*table.table-blue td + td + td, table.table-blue th + th + th {
    min-width: 100px;
}*/

li.search {
    margin-right: 0;
}

li.search {
    margin-top: 0;
    margin-right: 0;
    padding: 0 0 !important;
    border-right: 0 solid #c2c2c2;
    position: relative;
}

.mini-menu.pt5 {
    padding-top: 5px;
}

.mg-txt.hidden-xs {
    border-right: none;
}

h1.kor-poddr-title {
    text-align: center;
    background-color: #64b9e4;
    padding: 12px;
    margin: 0;
    color: white;
}

.one-t-dopuna-frame {
    background-color: white;
    border: 0;
    height: 360px;
}

/*mini shopping cart*/
#miniShoppingCart {
    background-image: url(../images/shoppingcart-one.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 42px;
    width: 117px;
    position: relative;
    z-index: 999;
    cursor: pointer;
    padding-left: 35px;
    padding-top: 2px;
    background-size: 23px;
}

    #miniShoppingCart:hover .mini-shopping-cart-inner {
        display: block !important;
        z-index: 9999;
    }

    #miniShoppingCart .mini-shopping-cart-inner {
        display: none;
    }

        #miniShoppingCart .mini-shopping-cart-inner p {
            margin: 0;
            line-height: 14px;
        }

.mini-shopping-cart-inner {
    display: block;
    top: 33px;
    position: absolute;
    background: #f0f0f0;
    background: rgba(240,240,240,.95);
    width: 259px;
    right: 0px !important;
    left: -180px;
    padding: 20px;
    border: 1px solid #DEDEDE;
    top: 30px;
}

.cart-notify {
    position: absolute;
    background-color: #f5f5f5;
    background-color: rgba(255,255,255,.8);
    color: #e20074;
    padding: 0 6px;
    border-radius: 30px;
    left: 15px;
    top: 3px;
    border: 1px solid #e5e5e5;
    font-size: 13px;
}

.mini-phone-thumb {
    padding: 8px 0;
}

.mini-desc {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    position: relative;
}

.mini-desc-line {
    display: block;
}

.mini-desc-title {
    font-family: teleNeo-regular;
    color: #e20074;
}

.mini-cart-total-line {
    padding-top: 10px;
}

.mini-phone-holder {
    position: relative;
}

.mini-desc-remove {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    line-height: 10px;
    bottom: auto;
    padding: 3px 4px;
    background-color: #ccc;
    color: #fff;
    padding-bottom: 5px;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .mini-desc-remove:hover {
        background-color: #bbbbbb;
        text-decoration: none;
    }

.cart:before, .cart:after {
    clear: both;
    content: '';
    display: block;
}

.cart {
    /*  width: 132px;*/
    float: right; /**/
    background-color: #ededed;
    padding-left: 10px;
    padding-right: 0;
}

.top-webshop-control {
    display: table;
    padding: 0;
    height: 42px;
    float: right;
    width: 137px;
}

    .top-webshop-control p {
        margin: 0;
        display: table-cell;
        vertical-align: middle;
        line-height: 10px;
        font-size: 10px;
        white-space: normal;
    }

        .top-webshop-control p a {
            color: #b5b5b5;
            text-transform: none;
            font-size: 14px;
            border-left: 1px solid #D6D6D6;
            padding: 0 10px 0 10px;
        }

        .top-webshop-control p.userName a {
            color: #B5B5B5;
            text-transform: none;
            font-size: 13px;
            text-decoration: none;
            white-space: normal;
            padding: 0 10px 0 10px;
            display: block;
            line-height: 12px;
        }

.search-box {
    width: 0;
    display: block;
    visibility: hidden;
}

@media (max-width:767px) {
    .top-webshop-control {
        display: none;
    }

    #top {
        position: fixed;
        top: 0;
        left: 0;
        right: 50px;
        z-index: 1000;
        background-color: #F7F7F7;
    }

    #top-bar, #top-bar-left {
        padding-right: 0;
    }

    .mini-menu.pull-right > li + li + li + li {
        border: none;
        border-right: none !important;
    }
}

.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    margin-top: -5px;
    margin-right: -10px;
    background-size: 20px;
    background-position: 6px;
    border: 1px solid #e9e9e9;
}

    .navbar-nav .sub-arrow:hover, .navbar-nav .collapsible .sub-arrow:hover {
        border: 1px solid #ca0068;
        background-size: 20px;
        background-position: 6px;
    }

/*najava*/
.najava-choise label, #register-div label, #login-div label {
    font-weight: normal;
    margin-bottom: 0;
    line-height: 16px;
}

#login-div img, #register-div img, #password-reset img {
    opacity: 0.3;
    max-width: 150px;
}

.najava-choise .small-login-description {
    font-size: 14px;
    font-weight: normal;
    color: #999;
    display: block;
    padding-left: 17px;
    padding-top: 0;
}

.najava-choise > div {
    margin-bottom: 15px;
}

.h30 {
    height: 30px;
}

#login-div .shop-form-field-desc {
    line-height: 14px;
    margin: 0;
    color: #888;
    font-size: 14px;
    margin-bottom: 15px;
}

#login-div .bb1 {
    border-bottom: 1px solid #e5e5e5;
}

#login-div a {
    display: block;
}

#login-div ul {
    margin-top: 10px;
}

    #login-div ul li {
        display: block;
        background-image: url(../images/list-bullet.png);
        background-position: 0 11px;
        background-repeat: no-repeat;
        padding-left: 15px;
        line-height: 145%;
        margin-bottom: 7px;
        margin-left: 15px;
    }

        #login-div ul li a {
            color: #467bab;
            line-height: 18px;
            display: inline-block;
        }

#login-div .btn-magen.shop-cart-login-submit.register-button.pull-right {
    margin-bottom: 15px;
}


/*cart*/
table thead tr th {
    background-color: #F1F1F1;
    border: none;
    padding: 10px;
    font-family: 'teleNeo-regular';
    font-weight: 100;
    font-size: 17px !important;
    text-align: left;
}

table.table-blue {
    color: #333;
}

sup {
    top: -.5em;
    font-size: 11px;
}

/*moby-pay*/
.mobipay .panel-heading {
    color: #333;
    text-shadow: none;
    padding: 0;
}

    .mobipay .panel-heading h4.panel-title {
        padding: 0;
    }

    .mobipay .panel-heading a {
        padding: 10px 15px;
        display: block;
        font-size: 18px;
        cursor: pointer;
    }

    .mobipay .panel-heading:hover a, .mobipay .panel-heading:hover a:focus, .mobipay .panel-heading:focus a {
        text-decoration: none;
    }

.mobipay h4 a {
    background-color: #dbecf4;
    background-image: url(../images/arrow_up_gray.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    background-position: right 10px center;
    display: block;
    padding: 13px 15px;
    font-size: 18px;
    font-weight: normal;
    font-family: 'teleNeo-regular';
}

    .mobipay h4 a.collapsed {
        background-color: #f5f5f5;
        background-image: url(../images/arrow_down_gray.png);
    }

.mobipay .panel-default {
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.mobipay .panel-container, .mobipay .panel-body {
    padding: 0;
}

.mobipay strong {
    font-size: 16px;
}

/*uredi-internet*/
.uredi-net .product-item .webshop-device-thumbnail {
    height: 175px;
}

.uredi-net .p-uredi-cena {
    margin: 10px auto;
}

.uredi-net .p-left {
    text-align: right;
    padding-right: 5px;
}

.uredi-net span.price2 {
    font-size: 30px;
}

.slick-track .p-rates {
    color: #e20074;
    text-transform: uppercase;
    display: inline-block;
    font-family: 'teleNeo-regular';
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    margin: 0 auto;
    padding-top: 0;
    display: block;
    float: left;
}

.slick-track .phone-box .btn-grey {
    padding: 5px 10px;
}

.slick-track .p-left {
    float: left;
    width: 50%;
    text-align: right;
    padding-right: 5px;
}


.white-box-left .equalH ul {
    margin-top: 0;
}

.uredi-net .white-box {
    min-height: 435px;
}

.btn-grey {
    font-size: 16px;
    padding: 5px 20px;
}

/*checkout*/

.order-status-1 {
    background-image: url(../images/order-1.png);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 25px !important;
}

.order-status-2 {
    background-image: url(../images/order-2.png);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 25px !important;
}

.order-status-3 {
    background-image: url(../images/order-3.png);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 25px !important;
}

.order-status-4 {
    background-image: url(../images/order-4.png);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 25px !important;
}

.order-status-5 {
    background-image: url(../images/order-5.png);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 25px !important;
}

.order-status-6 {
    background-image: url(../images/order-6.png);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 25px !important;
}

.order-status-7 {
    background-image: url(../images/order-7.png);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 25px !important;
}

.order-status-8 {
    background-image: url(../images/order-8.png);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 25px !important;
}
/*order*/
.order-item-price-title {
    display: block;
    float: right;
    font-family: 'teleNeo-regular';
    font-size: 26px;
    color: #3b3b3b;
    line-height: 25px;
    margin-right: 15px;
}

.order-item-price {
    display: block;
    float: right;
    margin-bottom: 0 !important;
    font-family: 'teleNeo-regular';
    font-size: 26px;
    color: #e20074;
    line-height: 25px;
}

.check-order-info-left {
    min-height: 200px;
    background-image: url(../images/check-left-bg.png);
    background-position: top left;
    background-repeat: no-repeat;
    border-right: 1px dotted #acacac;
    padding: 15px 65px;
}


@media (max-width:767px) {
    .check-order-info-left {
        min-height: 200px;
        background-image: url(../images/check-left-bg.png);
        background-position: top left;
        background-repeat: no-repeat;
        border-bottom: 1px dotted #acacac;
        border-right: 0 none transparent;
        padding: 15px 65px;
        margin-bottom: 15px;
    }
}

.check-order-info-right {
    min-height: 200px;
    padding: 15px 65px;
    background-image: url(../images/check-right-bg.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.check-status-hold:after, .order-price-hold:after {
    clear: both;
    content: '';
    display: block;
}

.order-price-hold {
    margin-top: 15px;
}

.ordered-items-right-content h1 {
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: block;
}

.check-status-hold {
    margin: 20px;
    min-height: 20px;
}

#checkout .grey-box .white-box {
    background: #f4f4f4;
    padding: 20px;
}

    #checkout .grey-box .white-box .order-phone-wrap {
        margin-top: 20px;
    }

.order-price-hold {
    padding: 20px 35px;
    background: #efeed9;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.white-box-left {
    padding: 17px !important;
    padding-bottom: 5px !important;
}


/*padding korekcija ctrls*/

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    font-weight: normal;
    font-family: teleNeo-regular;
    font-size: 17px;
}

/*napomeni*/
.napomeni {
    background-color: #fdfaf5;
    padding: 10px;
    margin-top: 10px;
    color: #bbb !important;
}

    .napomeni p {
        font-size: 14px;
    }
/*ctrl landing*/

#product-promotion .product-item .tariff span, #device-promotion .product-item .tariff span {
    color: inherit;
    display: inline-block;
}


#product-promotion span.price2, #device-promotion span.price2 {
    font-family: teleNeo-regular;
}


#product-promotion .online-rasprodazba-item span.price2, #device-promotion span.price2 {
    font-family: 'teleNeo-regular';
    font-weight: normal;
    line-height: 29px;
}

#product-promotion .online-rasprodazba-item .one-t-phone-body .phone-img {
    margin: 0 auto;
    float: right;
}

.soldout .rasprodadeno-item-wraper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0px;
    background: url('../content/images/rasprodadeno-overlay.png') rgba(255, 255, 255, 0.64) center center no-repeat;
    z-index: 22;
}

.optic-paketi .white-bg-net.equalH .white-box-left .net-sect-title {
    margin-top: 0;
}

.p-left {
    float: left;
    width: 50%;
    text-align: right;
    padding-right: 5px;
}

/*modal*/
@media (min-width: 768px) {
    .white-box-left-m-klub-blue .modal-dialog {
        width: 260px;
    }

    .white-box-left-m-klub-blue .modal-content {
        border-radius: 0;
    }

    .navbar-default .navbar-nav > li.internetD:hover > .dropdown-menu > li > a {
        border-bottom: 1px solid #DEDEDE;
    }
}


.news-intro-title h2 {
    font-family: 'teleNeo-regular' !important;
    margin: 0;
    padding: 20px 10px 20px 5px;
    color: rgba(32, 32, 32, .6);
    font-size: 18px;
    padding: 40px 0 20px;
}
/**** TARIFI LANDING *****/

h5.tariff-title {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #E20074;
    line-height: 25px;
    margin-bottom: 10px;
    text-shadow: 1px 1px 1px #ffffff;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    background: #EEE;
    padding-left: 10px;
}


.tariff-table {
    margin-bottom: 7px;
    width: 100% !important;
}

    .tariff-table img {
        display: block;
    }

    .tariff-table tr td {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        padding: 0;
        border-bottom: 0;
    }

    .tariff-table tr th {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        text-align: center;
        line-height: 130%;
        color: #777;
        padding: 8px 2px 0 2px;
        border-bottom: 10px solid #fff;
    }


.tariff-table-7 tr td.tariff-pole, .tariff-table-7 tr th {
    width: 50px;
}

.tariff-table-6 tr td.tariff-pole, .tariff-table-6 tr th {
    width: 98px;
}

.tariff-table-5 tr td.tariff-pole, .tariff-table-5 tr th {
    width: 123px;
}

.tariff-table tr td.kapak {
    width: 9px;
    height: 46px;
}

.tariff-table tr td.kapak-left {
    background-image: url(../content/images/tarifi/kapak-left.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.tariff-table tr td.senka-gore {
    height: 5px;
}

.tariff-table tr td.t-strelka {
    height: 46px;
}

.tariff-table tr.tariff-row td {
    height: 46px;
}

.tariff-table tr td.senka-dole {
    height: 5px;
}

.tariff-table tr.tariff-row td.tariff-rozevo {
    background: #e30074;
    font-size: 12px !important;
    color: #fff;
}

.tariff-table tr.tariff-row td.sivo-0 {
    color: #fff;
}

.tariff-table tr.tariff-row td.sivo-1 {
    color: #fff;
}

.tariff-table tr.tariff-row td.sivo-2 {
    color: #fff;
}

.tariff-table tr.tariff-row td.sivo-3 {
    color: #5f5f5f;
    text-shadow: 1px 1px 1px white;
}

.tariff-table tr.tariff-row td.sivo-4 {
    color: #5f5f5f;
    text-shadow: 1px 1px 1px white;
}

.tariff-table tr.tariff-row td.sivo-5 {
    color: #5f5f5f;
    text-shadow: 1px 1px 1px white;
}

.tariff-table tr.tariff-row td.krajno {
    color: #5f5f5f;
    text-shadow: 1px 1px 1px white;
}

.tariff-group-header.sfbg {
    background: #e5e5e5;
}

.tariff-group-header {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background-position: top left;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 100%;
    padding: 10px 0;
    margin-bottom: 15px;
    padding-top: 0;
    border-radius: 2px;
}

.tariff-header-content {
    padding-left: 10px;
    padding-right: 40px;
    position: relative;
    cursor: pointer;
}

.tariff-header-btn {
    background-image: url(../images/back-to-bottom.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-color: transparent;
    position: absolute;
    width: 37px;
    height: 35px;
    right: 10px;
    z-index: 238;
}

.opened {
    background-image: url(../images/back-to-top.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-color: transparent;
}

.tariff-header-content img {
    border-right: 2px solid #ececec;
    padding-right: 10px;
    margin-right: 10px;
    float: left;
    width: auto !important;
    height: 40px;
}

.tariff-header-content h6 {
    font-size: 18px;
    color: #e20074;
    font-family: teleNeo-regular;
    padding: 10px 0 10px 0;
}

.tariff-header-content p {
    font-size: 13px;
    color: #888888;
}

.tariff-header-content.sfbg p {
    font-size: 13px;
    color: #333;
}

.tarrif-bottom-corners {
    width: 714px;
    margin-bottom: 15px;
}


.tarifi-more {
    margin-bottom: 20px;
    padding-right: 58px;
}

    .tarifi-more a {
        float: right;
    }

/***********************/

@media (min-width: 768px) and (max-width:991px) {
    .main-menu .navbar-nav > li > a {
        padding: 10px 5px;
    }

    .navbar-default .navbar-nav > li.tv:hover > .dropdown-menu > li > a, .navbar-default .navbar-nav > li.uslugi:hover > .dropdown-menu > li > a, .navbar-default .navbar-nav > li.iktD:hover > .dropdown-menu > li > a,
    .navbar-default .navbar-nav > li.katalogD:hover > .dropdown-menu > li > a, .navbar-default .navbar-nav > li.tvD:hover > .dropdown-menu > li > a, .navbar-default .navbar-nav > li.internetD:hover > .dropdown-menu > li > a {
        min-height: 47px;
    }
}


.navbar-default .navbar-nav > li.katalogD:hover > .dropdown-menu > li > a {
    min-height: 47px;
}

/*acc-uredi*/

.acc-uredi a {
    font-family: teleNeo-regular;
    padding: 10px 20px;
    background-color: #ededed;
    color: #333;
    text-decoration: none;
    text-shadow: none;
    font-size: 18px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom: 1px solid #ddd;
    background-image: url(../images/arrow_right_gray.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    background-position: right 10px center;
    display: block;
    margin-top: -15px;
}

.acc-uredi:hover a {
    color: #467bab;
}

/*#region SWITCH CONTAINER*/
.r-tabs-switch {
    background-color: #ffffff;
}

    .r-tabs-switch ul.resp-tabs-list.r-tabs-nav {
        display: block;
        width: 140px;
        overflow: hidden;
        height: 38px;
        border: 1px solid #ddd;
        border-radius: 19px;
        white-space: nowrap;
        position: relative;
        top: 15px;
        right: 20px;
        margin: 0 0 0 auto;
        background-color: #EAEAEA;
    }

        .r-tabs-switch ul.resp-tabs-list.r-tabs-nav > li.r-tabs-tab > span.switch-knob {
            display: block;
            background-color: #fff;
            position: absolute;
            z-index: 10;
            top: 1px;
            width: 34px;
            height: 34px;
            border-radius: 38px;
            box-shadow: 0 0 4px #ccc;
            box-shadow: 0 0 4px rgba(0,0,0,0.2);
            transition: all 0.2s ease-in;
        }

        .r-tabs-switch ul.resp-tabs-list.r-tabs-nav > li.r-tabs-tab.r-tabs-state-default > span.switch-knob {
            left: 141px;
        }

        .r-tabs-switch ul.resp-tabs-list.r-tabs-nav > li.r-tabs-tab.r-tabs-state-active > span.switch-knob {
            left: 103px;
        }

        .r-tabs-switch ul.resp-tabs-list.r-tabs-nav > li.r-tabs-tab {
            height: 38px;
            width: 140px;
            padding: 0;
            line-height: 1;
            display: inline-block;
            border: none;
            white-space: nowrap;
            position: absolute;
            transition: all 0.2s ease-in;
            border-radius: 19px;
        }

            .r-tabs-switch ul.resp-tabs-list.r-tabs-nav > li.r-tabs-tab.r-tabs-state-default {
                left: -140px;
                background-color: #e20074;
            }

            .r-tabs-switch ul.resp-tabs-list.r-tabs-nav > li.r-tabs-tab.r-tabs-state-active {
                padding-right: 34px;
                left: 0;
            }

            .r-tabs-switch ul.resp-tabs-list.r-tabs-nav > li.r-tabs-tab:last-child {
                background-color: #e20074;
            }

            .r-tabs-switch ul.resp-tabs-list.r-tabs-nav > li.r-tabs-tab:first-child {
                background-color: #eaeaea;
                padding-left: 0;
            }


            .r-tabs-switch ul.resp-tabs-list.r-tabs-nav > li.r-tabs-tab > a {
                white-space: nowrap;
                padding: 12px 10px;
                font-size: 14px;
                color: #fff;
            }

            .r-tabs-switch ul.resp-tabs-list.r-tabs-nav > li.r-tabs-tab:first-child > a {
                color: #909090;
                padding-left: 42px;
            }
/*#endregion*/
#top-bar .mini-menu {
    margin-right: -35px;
    margin-bottom: 0;
}

@media (min-width:992px) and (max-width:1199px) {
    #top-bar .mini-menu {
        margin-right: -29px;
        margin-bottom: 0;
    }
}

@media (min-width:768px) and (max-width:991px) {
    #top-bar .mini-menu {
        margin-right: 7px;
    }

    .company #top-bar .mini-menu {
        margin-right: 0;
    }
}

.empty-cell:before, .empty-cell:after {
    content: inherit;
    display: initial;
}

.clearfix:before, .clearfix:after {
    content: '';
    display: table;
    clear: both;
}

.acc-uredi {
    box-shadow: 0 0 3px #aaa;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    z-index: 999;
    position: relative;
}

.internet-landing .white-box-left.new h1 {
    color: inherit;
    text-transform: uppercase;
    margin: inherit;
    padding-top: inherit;
}

@media (max-width:991px) {
    .image-box img {
        width: 100%;
    }
}

@media (max-width:767px) {
    .tv-slider img {
        max-height: 218px;
        margin-top: 15px;
    }

    .tv-slider .carousel-indicators {
        position: relative;
        bottom: 10px;
        left: auto;
        z-index: 15;
        width: 100%;
        padding-left: 0;
        margin-left: 0;
        text-align: right;
        list-style: none;
        right: 20px;
        margin: 0;
    }

    .main-channels .col-sm-3, .channels .col-sm-3 {
        width: 25%;
        float: left;
    }

    .channels-gray, .channels-magenta {
        margin-bottom: 10px;
    }
}

@media (max-width:991px) {
    .home-one.postpaid .white-box-left > div, .home-one.postpaid .blue-box-left > div {
        height: auto !important;
    }

        .home-one.postpaid .white-box-left > div > img, .home-one.postpaid > .blue-box-left div, .home-one.postpaid .white-box-left-m-klub-blue div img {
            width: 100% !important;
            height: auto !important;
        }

    .home-one.postpaid .image-box img, .home-one.postpaid .white-box-left img, .home-one.internet-landing .white-box-left img, .home-one.internet-landing .white-box-left-m-klub-blue img {
        width: 100%;
        height: auto !important;
    }

    .top-left-catcher, .product-item .webshop-device-thumbnail img {
        width: auto !important;
    }

    img.komunikacija-image {
        width: auto !important;
    }

    .product-item .webshop-device-thumbnail {
        display: block;
        margin: 0 auto;
    }
}

@media (max-width:479px) {
    .main-channels .col-sm-3, .channels .col-sm-3 {
        width: 50%;
        float: left;
    }
}

@media (max-width: 1199px) {
    .table-responsive.tv-vodic {
        width: 100%;
        overflow-x: auto;
    }

        .table-responsive.tv-vodic iframe {
            width: 970px !important;
        }
}

.table.table-blue.poramnuvanje td:first-child {
    width: 50%;
}

.text-magenta {
    color: #e20074 !important;
}

.click-connect .white-box-left {
    min-height: inherit;
}


.fiksna-paddings .white-box-left {
    min-height: 205px;
}

.home-one.prePaid .white-box-left {
    min-height: 205px;
    height: 100%;
}

.homeFixna .white-box-left {
    min-height: 160px;
}

    .home-one.prePaid .white-box-left.blue-klub, .homeFixna .white-box-left.blue-klub,
    .home-one.prePaid .white-box-left.klub-white, .homeFixna .white-box-left.klub-white {
        min-height: 412px;
    }

.home-one.prePaid #product-promotion {
    min-height: 445px;
}

@media (min-device-width: 992px) {
    .h310lg {
        height: 310px;
    }

    .h262lg {
        height: 262px;
    }

    .alignBottom-wrapper-small.alignBottom-wrapper-small {
        padding-bottom: 80px !important;
    }

    .alignBottom-wrapper {
        padding-bottom: 120px !important;
    }

    .alignBottom-wrapper-big.alignBottom-wrapper-big {
        padding-bottom: 180px !important;
    }

    .alignBottom {
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 20px;
    }
}

.alignBottom-wrapper-small.alignBottom-wrapper-small {
    padding-bottom: 80px\9;
}

.alignBottom-wrapper {
    padding-bottom: 120px\9;
}

.alignBottom-wrapper-big.alignBottom-wrapper-big {
    padding-bottom: 180px\9;
}

.alignBottom {
    position: absolute\9;
    left: 20px\9;
    right: 20px\9;
    bottom: 20px\9;
}

.panel-group#accordion .panel.panel-default {
    border-radius: 0;
}

.panel-group#accordion .panel-heading {
    padding: 0;
    background: none;
    border: none;
}

    .panel-group#accordion .panel-heading > .panel-title {
        margin: 0;
        padding: 0;
    }

        .panel-group#accordion .panel-heading > .panel-title > a, .panel-group#accordion-kor .panel-heading > .panel-title > a {
            text-decoration: none;
            display: block;
            padding: 14px;
            background-color: #dbecf4;
            color: #333;
            text-shadow: none;
            background-image: url(../images/arrow_up_gray.png);
            background-repeat: no-repeat;
            background-position: 98% center;
            background-position: right 10px center;
        }

            .panel-group#accordion .panel-heading > .panel-title > a:hover, .panel-group#accordion-kor .panel-heading > .panel-title > a:hover {
                text-decoration: none;
            }

            .panel-group#accordion .panel-heading > .panel-title > a.collapsed, .panel-group#accordion-kor .panel-heading > .panel-title > a.collapsed {
                background-image: url(../images/arrow_down_gray.png);
            }

#accordion-kor .panel-heading {
    padding: 0 !important;
}

.absolute-gray-btn-bottom {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -75px;
}

.kor-poddr-toggle {
    background-image: none !important;
}


.internationalCalls table > tbody > tr > td:first-child {
    font-family: 'teleNeo-regular';
}

.korisnichka ul {
    margin-top: 10px;
    position: relative;
    margin-bottom: 20px;
    padding: 0 5px;
}

    .korisnichka ul li {
        padding: 7px 0;
        border-bottom: 1px dotted #9f9a9a;
        padding-right: 10px;
    }

        .korisnichka ul li a:after {
            font-size: 10px;
            color: #606060;
            position: absolute;
            font-family: Ionicons;
            content: "\f125";
            right: 15px;
            padding-top: 4px;
        }

        .korisnichka ul li a {
            color: #333;
            display: block;
            line-height: 18px;
        }

.panel-group .panel {
    border-radius: 0;
}

p {
    margin: 10px 0;
}

#miniShoppingCart a.btn.btn-magen.btn-block {
    color: #fff;
}

.tvboxie {
    height: 210px\9;
}

.komunikacija-blue-box-h {
    height: 279px;
    height: 220px\9;
}

.image-box-title {
    font-size: 24px;
    position: absolute;
    top: 20px;
    left: 15px;
    right: 15px;
    letter-spacing: -1px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding-bottom: 10px;
    color: #333;
    text-transform: uppercase;
}

.box-title.box-title-black {
    font-size: 24px;
    letter-spacing: -1px;
    border-bottom: 1px solid #000000;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 10px;
    color: #333;
    text-transform: uppercase;
}

.p20 {
    padding: 20px;
}

.ul-checkboxes li {
    padding: 8px 0px;
    color: #444;
    font-size: 16px;
    vertical-align: middle;
    min-height: 0;
    background: url(../content/images/ic-checkbox-magenta.png) no-repeat left center !important;
    padding-left: 40px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

.a-box-link {
    display: block;
    text-decoration: none;
}

    .a-box-link:hover {
        text-decoration: none;
    }

@media (min-width: 992px) {
    .img-kupi-online-h {
        height: 380px;
    }
}

#myCarousel2 .full-link-mb {
    width: 100%;
    display: block;
    height: 100%;
    cursor: pointer;
    position: absolute;
    z-index: 1;
}

#myCarousel2 .left.carousel-control, #myCarousel2 .right.carousel-control {
    z-index: 9;
    width: 40px;
}

.multiselect-container.dropdown-menu > li a:hover {
    color: #1A1A1A !important;
}

.moj-telekom-najava-header {
    -webkit-font-smoothing: antialiased;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(219, 236, 244);
    background-origin: padding-box;
    background-position: right 10px top 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: pointer;
    display: block;
    font-family: teleNeo-regular;
    font-size: 18px;
    font-weight: normal;
    height: 46px;
    line-height: 25.7143px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    text-decoration: none;
    text-shadow: none;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease-in;
}

.moj-telekom-najava h3 {
    color: #e20074;
    font-size: 22px;
}

.moj-telekom-najava p {
    font-size: 15px;
}

.moj-telekom-najava h2 {
    font-size: 17px;
    font-family: teleNeo-regular;
    margin-bottom: 0px;
}

.non-registered {
    margin-top: 35px;
}

    .non-registered p {
        font-size: 15px;
    }

    .non-registered a {
        color: #e20074;
    }

.moj-telekom-gray-box {
    background: #DFDFDF;
    padding: 20px;
    text-align: center;
}

    .moj-telekom-gray-box p {
        font-size: 15px;
    }

.spec-line-trough {
    /*text-decoration: line-through;*/
    position: relative;
    display: block;
}

    .spec-line-trough:before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        right: 0;
        border-top: 1px solid;
        border-color: inherit;
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        -o-transform: rotate(-8deg);
        transform: rotate(-8deg);
    }


.top-right-catcher {
    position: absolute;
    right: 0;
}

.moj-telekom-najava {
    margin-top: 15px !important;
}

/*BlackFriday popust*/
.one-t-phone-footer span.price2Disc {
    color: #454545 !important;
    /*text-decoration: line-through;*/
    font-size: 25px !important;
    position: relative;
}

    .one-t-phone-footer span.price2Disc:before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        right: 0;
        border-top: 1px solid;
        border-color: inherit;
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

.one-t-phone-price-holder .p-right.blackFriday {
    position: absolute;
    left: 50px;
    bottom: 18px;
    margin-left: 35px;
}

.one-t-phone-footer .one-t-dicklaimer.blackFridayDisklaimer {
    top: 45px !important;
}

.one-t-phone-footer .blackFridayBtn {
    margin-top: 45px !important;
}

.one-t-phone-price-holder .p-right.blackFridayOutlet {
    position: absolute;
    left: 50px;
    bottom: 18px;
    margin-left: 35px;
}

/*BlackFriday popust*/


#ns-header .container > .col-lg-10 {
    z-index: 102;
}

#ns-header .container > .col-lg-2 {
    z-index: 101;
}


/*#region compare Products*/

.inProduct.compare-button {
    margin: 0 auto;
    text-align: center;
    display: block;
    width: 100px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0;
    height: 30px;
}

    .inProduct.compare-button > span {
        background: url(../images/ic_compare/ic_compareDevice_btn.gif) no-repeat;
        display: block;
        height: 31px;
        padding-left: 55px;
        line-height: 33px;
        white-space: nowrap;
    }
/*#endregion compare Products*/

@media (min-width: 768px) {
    .one-t-details-tariff-row6 .spec-line-trough {
        /*margin: 0 43px;*/
        margin: 0 35px;
    }
}


@media (max-width: 767px) {
    .inner-template .inner-template-left-image.matchHeight, .matchHeight .white-box-right {
        height: auto !important;
    }

    .spec-line-trough {
        display: inherit;
    }

    /*stranica uredi-meni*/
    .uredi.blue {
        min-height: auto;
    }

    .uredi #cat1, .uredi #cat2, .uredi #cat3, .uredi #cat4, .uredi #cat5, .uredi #cat6, .uredi #cat7, .uredi #cat8, .uredi #cat9, .uredi #cat10, .uredi #cat11, .uredi #cat12, .uredi #cat13, .uredi #cat14, .uredi #cat21, .uredi #cat15, .uredi #cat16, .uredi #cat17 {
        min-height: 180px;
        background-position: center 62%;
        background-size: 40%;
        padding: 10px;
    }

    .uredi:hover #cat1, .uredi:hover #cat2, .uredi:hover #cat3, .uredi:hover #cat4, .uredi:hover #cat5, .uredi:hover #cat6, .uredi:hover #cat7, .uredi:hover #cat8, .uredi:hover #cat9, .uredi:hover #cat10, .uredi:hover #cat11, .uredi:hover #cat12, .uredi:hover #cat13, .uredi:hover #cat14, .uredi:hover #cat21, .uredi:hover #cat15, .uredi:hover #cat16, .uredi:hover #cat17 {
        min-height: 180px;
        background-size: 40%;
        background-position: center 62%;
    }

    .uredi #cat2, .uredi #cat5, .uredi #cat21 {
        background-size: 25%;
    }

    .uredi:hover #cat2, .uredi:hover #cat5, .uredi:hover #cat21 {
        background-size: 25%;
    }

    .uredi.blue h2, .uredi h2 {
        font-size: 16px;
        min-height: 45px;
        padding-top: 0;
        border-bottom: 1px solid transparent;
    }

    .uredi-boxes > div:nth-child(even) > .uredi {
        margin-left: 5px;
    }

    .uredi-boxes > div:nth-child(odd) > .uredi {
        margin-right: 5px;
    }

    .uredi h2 img {
        top: 20px;
    }

    .uredi.blue {
        background-size: 50%;
    }
    /*stranica uredi-meni end*/



    /*fix za sporedbeni tabeli*/

    .tv-paketi-item .tv-paketi-item-row.empty {
        display: none;
    }

    /*fix za sporedbeni tabeli end*/

    .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
        border-bottom: 1px solid #dedede;
    }

    .mini-shopping-cart-inner {
        left: -150px;
        top: 40px;
    }
}


#checkout .ordered-items-right-content h3 {
    margin: 20px;
}

/*#region za click&collect msg */
.click-collect-success-msg.text-center {
    position: relative;
    width: 80%;
    margin: 0 auto;
    background: #f5f5f5;
    padding: 20px;
    border-radius: 7px;
}

    .click-collect-success-msg.text-center p {
        font-size: 17px;
        line-height: 1.2;
        position: relative;
        margin: 15px 0;
        padding: 0 60px;
    }

    .click-collect-success-msg.text-center:before {
        content: 'V';
        position: absolute;
        color: green;
        width: 20px;
        height: 20px;
        top: 2px;
        font-family: 'teleIcon-outline';
        font-size: 26px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

.click-collect-success-msg.full-width.text-center:after {
    content: '';
    position: absolute;
    background-image: url('../../images/click-collect-succ-msg-icon.png');
    bottom: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.inner-template #drzhavi-i-operatori-collapse h4,
.internet-balkan-tabsContent #drzhavi-i-operatori-collapse h4 {
    padding: 0;
    font-size: 18px;
    position: relative;
}

    .inner-template #drzhavi-i-operatori-collapse h4 a,
    .internet-balkan-tabsContent #drzhavi-i-operatori-collapse h4 a {
        position: relative;
        width: 100%;
        display: block;
    }

        .inner-template #drzhavi-i-operatori-collapse h4 a:hover,
        .inner-template #drzhavi-i-operatori-collapse h4 a:focus,
        .internet-balkan-tabsContent #drzhavi-i-operatori-collapse h4 a:hover,
        .internet-balkan-tabsContent #drzhavi-i-operatori-collapse h4 a:focus {
            text-decoration: none;
            color: black;
        }

        .inner-template #drzhavi-i-operatori-collapse h4 a.collapsed:after,
        .internet-balkan-tabsContent #drzhavi-i-operatori-collapse h4 a.collapsed:after {
            position: absolute;
            top: 0;
            bottom: auto;
            right: 0;
            content: '$';
            font-size: 22px;
            margin: auto;
            font-family: 'teleicon-outline';
            transform: rotateZ( -90deg);
            content: '$';
            color: black;
        }

        .inner-template #drzhavi-i-operatori-collapse h4 a:after,
        .internet-balkan-tabsContent #drzhavi-i-operatori-collapse h4 a:after {
            font-family: 'teleicon-outline';
            transform: rotateZ( 0deg);
            transition-property: transform;
            transition-duration: 0.25s;
            content: '$';
            top: 0;
            right: 0;
            width: 20px;
            height: 20px;
            color: black;
            position: absolute;
        }

@media (min-width:768px) and (max-width:991px) {

    .p0-sm {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


/*#region volte redesign */
#volte-red .main-banner {
    position: relative;
    background-image: url(../content/images/volte-red/img1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
}

    #volte-red .main-banner:before {
        background-image: url(../content/images/volte-red/banner2-shape.png);
        content: ' ';
        width: 60%;
        position: absolute;
        left: 0;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }

#volte-red .header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    height: 100%;
    width: 40%;
}

    #volte-red .header h1 {
        color: white;
        font-family: 'teleNeo-extra' !important;
        font-size: 60px;
        text-transform: none;
    }

        #volte-red .header h1 span {
            display: block;
            text-transform: uppercase;
            font-family: 'teleNeo-regular' !important;
            font-size: 45px;
        }

    #volte-red .header .ec {
        position: absolute;
        left: 32%;
        top: 65%;
        width: 135px;
    }

#volte-red .povici {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 50px 0px;
    background-image: url(../content/images/volte-red/first_section_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

    #volte-red .povici .wrapper {
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
    }

        #volte-red .povici .wrapper .left {
            left: 0;
            width: 37%;
            margin-right: 160px;
        }

            #volte-red .povici .wrapper .left:before {
                content: ' ';
                border-radius: 25px;
                position: absolute;
                top: -30px;
                height: 4px;
                width: 9%;
                background: #e20074;
            }

        #volte-red .povici .wrapper .left {
            position: relative;
        }

            #volte-red .povici .wrapper .left h2 {
                font-family: 'teleNeo-extra' !important;
                font-size: 36px !important;
            }

            #volte-red .povici .wrapper .left h3 {
                font-family: 'teleNeo-bold' !important;
                text-transform: uppercase;
                position: relative;
                top: -15px;
            }

        #volte-red .povici .wrapper .right .img-wrap {
            width: 80%;
        }

        #volte-red .povici .wrapper .left .content p {
            font-size: 18px;
        }

#volte-red .volte-infos {
    position: relative;
    height: 450px;
}

#volte-red .centered-icon {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    width: 200px;
    height: 200px;
    z-index: 2;
}

#volte-red .wrapper {
    height: 100%;
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow: visible;
}

#volte-red .volte-infos .wrapper .left {
    position: relative;
    left: calc(50vw - 645px);
    width: 25%;
    height: 100%;
    position: absolute;
    height: 100%;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

#volte-red .volte-infos .wrapper:before {
    content: ' ';
    background-image: url(../content/images/volte-red/volte.png);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    background-position: bottom left;
}

.volte-infos .wrapper .right {
    width: 50%;
    display: inline-flex;
    flex-direction: column;
    right: 0;
    background: transparent radial-gradient(closest-side at 48% 55%, #292C3B 0%, #12141F 100%) 0% 0% no-repeat padding-box;
    color: white;
    padding: 0 15% 0 7%;
    top: 0;
    bottom: 0;
    height: 100%;
    position: absolute;
    justify-content: center;
    align-items: flex-start;
}

#volte-red .volte-infos .wrapper .left h3 {
    font-size: 40px;
    font-family: 'teleNeo-bold' !important;
}

#volte-red .volte-infos .wrapper .left p {
    font-size: 18px;
    font-family: 'teleNeo-bold' !important;
}

#volte-red .volte-infos .wrapper .right h3 {
    font-size: 40px;
    font-family: 'teleNeo-bold' !important;
}

    #volte-red .volte-infos .wrapper .right h3 span {
        font-size: 20px;
        display: block;
        font-family: 'teleNeo-regular' !important;
    }

#volte-red .volte-infos .wrapper .right p {
    font-size: 18px;
    font-family: 'teleNeo-bold' !important;
}

#volte-red .magenta-sec {
    background: linear-gradient(90deg, #AB0058,#e20074);
    position: relative;
    height: 715px;
}

    #volte-red .magenta-sec p.iphone-info {
        position: absolute;
        bottom: -150px;
        color: white;
        font-size: 17px;
        line-height: 1.2;
        padding: 0 50px;
        text-align: center;
    }

    #volte-red .magenta-sec .wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        padding-bottom: 40px;
        padding-top: 100px;
    }

    #volte-red .magenta-sec .wrap {
        width: 50%;
        position: relative;
        z-index: 3;
    }

    #volte-red .magenta-sec .wrapper ul {
        width: 75%;
        display: grid;
        grid-template-columns: 50% 50%;
        height: 100%;
    }

        #volte-red .magenta-sec .wrapper ul li:not(:last-of-type) {
            grid-column: 1;
        }

        #volte-red .magenta-sec .wrapper ul li:last-of-type {
            grid-column: 2;
            grid-row: 2;
        }

        #volte-red .magenta-sec .wrapper ul li.active {
            background: #fff !important;
            box-shadow: 0 30px 46px rgba(62, 62, 62, 0.11);
            border-radius: 10px;
        }

        #volte-red .magenta-sec .wrapper ul li {
            background-color: transparent;
            margin: 10px;
            border: 1px solid white;
            border-radius: 10px;
        }

            #volte-red .magenta-sec .wrapper ul li a {
                color: #fff;
                padding: 20px;
                position: relative;
                display: block;
                padding-left: 60px;
                font-size: 18px;
            }

            #volte-red .magenta-sec .wrapper ul li.active a {
                color: black;
            }

                #volte-red .magenta-sec .wrapper ul li.active a svg path {
                    fill: black;
                }

    #volte-red .magenta-sec .nav-pills > li.active > a,
    #volte-red .magenta-sec .nav-pills > li.active > a:hover,
    #volte-red .magenta-sec .nav-pills > li.active > a:focus {
        background-color: transparent !important;
        color: black !important;
    }

    #volte-red .magenta-sec .nav-pills > li > a:hover {
        background-color: #fff !important;
        color: black;
    }

    #volte-red .magenta-sec .nav-pills > li.active > a:before {
        content: '';
        border-radius: 0;
        position: absolute;
        left: -1px;
        top: 0;
        bottom: 0;
        height: 60%;
        width: 3px;
        background: #000000;
        margin: auto 0;
    }

    #volte-red .magenta-sec .wrapper ul li a svg {
        padding-right: 15px;
        position: absolute;
        margin: auto 0;
        display: inline-block;
        left: 15px;
        width: 50px;
    }

    #volte-red .magenta-sec .nav-pills > li.active a svg *,
    #volte-red .magenta-sec .nav-pills > li a:hover svg *,
    #volte-red .magenta-sec .nav-pills > li a:focus svg * {
        fill: black;
    }

    #volte-red .magenta-sec .wrapper .wrap h2 {
        color: white;
        font-family: 'teleNeo-extra' !important;
        line-height: 1.3;
        font-size: 44px;
        margin-bottom: 15px !important;
    }

    #volte-red .magenta-sec .wrapper .wrap span {
        display: block;
        font-family: 'teleNeo-bold' !important;
        font-size: 26px;
    }

    #volte-red .magenta-sec .wrapper .wrap p {
        color: white;
        font-size: 18px;
        padding-right: 35%;
    }

    #volte-red .magenta-sec div#v-pills-tabContent {
        width: 50%;
        text-align: center;
        position: relative;
        z-index: 3;
    }

        #volte-red .magenta-sec div#v-pills-tabContent .carousel-inner {
            position: relative;
            height: 460px;
        }

            #volte-red .magenta-sec div#v-pills-tabContent .carousel-inner .item {
                height: 100%;
            }

                #volte-red .magenta-sec div#v-pills-tabContent .carousel-inner .item img {
                    width: auto;
                    height: 100%;
                    margin: 0 auto;
                }

        #volte-red .magenta-sec div#v-pills-tabContent .carousel-indicators {
            position: absolute;
            bottom: 10px;
            left: 0;
            z-index: 15;
            width: 100%;
            padding-left: 0;
            margin-left: 0;
            text-align: center;
            margin: 0 auto;
            bottom: -65px !important;
            list-style: none;
        }

            #volte-red .magenta-sec div#v-pills-tabContent .carousel-indicators li {
                background-color: transparent;
                background-image: none;
                text-indent: 0;
                border: none;
                border-radius: 0;
                width: auto;
                height: auto;
                font-size: 14px;
                text-align: left;
                padding: 0 25px;
                color: white;
                text-transform: uppercase;
                list-style: inherit;
                transform: scale(.8);
                transition: all ease-in .3s;
                line-height: 0.8;
                opacity: .6;
                counter-increment: li;
            }

        #volte-red .magenta-sec div#v-pills-tabContent #v-pills-apple .carousel-indicators li:before {
            top: 5px;
        }

        #volte-red .magenta-sec div#v-pills-tabContent .carousel-indicators li:before {
            content: counter(li);
            color: white;
            display: inline-block;
            width: 1em;
            margin-left: -1em;
            position: relative;
            left: 12px;
            top: 14px;
            font-family: 'teleNeo-bold' !important;
            font-size: 36px;
        }

        #volte-red .magenta-sec div#v-pills-tabContent .carousel-indicators li span {
            display: block;
            opacity: .8;
        }

        #volte-red .magenta-sec div#v-pills-tabContent .carousel-indicators li.active {
            transform: scale(1.2);
            transition: all ease-in .3s;
            opacity: 1;
        }

        #volte-red .magenta-sec div#v-pills-tabContent .carousel-control {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 10%;
            color: #fff;
            text-align: center;
            opacity: 1;
        }

            #volte-red .magenta-sec div#v-pills-tabContent .carousel-control.right {
                right: 0;
            }

            #volte-red .magenta-sec div#v-pills-tabContent .carousel-control.left {
                left: 0;
            }

            #volte-red .magenta-sec div#v-pills-tabContent .carousel-control span {
                position: absolute;
                top: 0;
                bottom: 0;
                height: 40px;
                margin: auto;
                width: 100%;
                opacity: 1;
                color: black;
                text-shadow: none;
                box-shadow: none;
                left: 0;
                right: 0;
                text-align: center;
            }

                #volte-red .magenta-sec div#v-pills-tabContent .carousel-control span.ion-ios-arrow-right:before {
                    content: "\f3d3";
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    margin: auto 0;
                    display: block;
                    text-shadow: none;
                    height: 100%;
                    background: white;
                    width: 100%;
                    box-shadow: none;
                    color: black;
                    border-top-right-radius: 10px;
                    border-bottom-right-radius: 10px;
                    line-height: 40px;
                    font-size: 31px;
                    font-weight: 500;
                    letter-spacing: -40px;
                }

                #volte-red .magenta-sec div#v-pills-tabContent .carousel-control span.ion-ios-arrow-left:before {
                    content: "\f3d2";
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    margin: auto 0;
                    display: block;
                    text-shadow: none;
                    height: 100%;
                    background: white;
                    width: 100%;
                    box-shadow: none;
                    color: black;
                    border-top-left-radius: 10px;
                    border-bottom-left-radius: 10px;
                    line-height: 40px;
                    font-size: 31px;
                    font-weight: 500;
                    letter-spacing: 30px;
                }

    #volte-red .magenta-sec:before {
        content: ' ';
        background-image: url(../content/images/volte-red/shape3.png);
        position: absolute;
        bottom: 0;
        right: 0;
        height: 100%;
        width: 100%;
        z-index: 2;
        display: block;
        background-size: cover;
        background-position: bottom right;
    }

#volte-red .smartfoni {
    position: relative;
    padding: 55px 0px;
    background: transparent radial-gradient(closest-side at 48% 55%, #292C3B 0%, #12141F 100%) 0% 0% no-repeat padding-box;
}

    #volte-red .smartfoni h2 {
        text-align: center;
        font-size: 44px;
        color: #E20074;
        font-family: 'teleNeo-extra' !important;
        margin-bottom: 65px;
    }

        #volte-red .smartfoni h2 span {
            display: block;
            text-align: center;
            color: white;
            font-size: 24px;
            font-family: 'teleNeo-bold' !important;
            margin-bottom: 10px;
        }

    #volte-red .smartfoni p {
        padding-top: 10px;
        color: white;
        font-family: 'teleNeo-medium' !important;
        font-size: 17px;
    }

    #volte-red .smartfoni .panel-default {
        border: 0;
        box-shadow: none;
        background: transparent;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        padding-bottom: 10px;
    }

        #volte-red .smartfoni .panel-default:nth-child(1) .panel-heading {
            border-top: 0;
        }

        #volte-red .smartfoni .panel-default .panel-heading {
            padding: 0;
        }

        #volte-red .smartfoni .panel-default > .panel-heading {
            background: #2A2C40 0% 0% no-repeat padding-box;
            box-shadow: 0px 10px 30px #0C0E1557;
            border-radius: 5px;
            border: unset;
            color: white;
        }

    #volte-red .smartfoni .panel-heading h4.panel-title {
        text-align: left;
        padding: 0;
    }

    #volte-red .smartfoni .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 17px;
        color: #fff;
        font-weight: 500;
    }

    #volte-red .smartfoni .panel-heading h4.panel-title a {
        padding: 15px 55px 15px 0;
    }

    #volte-red .smartfoni .panel-heading h4.panel-title a {
        font-size: 18px;
        display: block;
        padding: 25px 30px;
        text-decoration: none;
        position: relative;
        z-index: 2;
    }

    #volte-red .smartfoni .panel-body {
        padding-right: 40px;
    }

    #volte-red .smartfoni .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border: unset;
    }

    #volte-red .smartfoni .panel-body {
        text-align: left;
        padding: 0;
    }

    #volte-red .smartfoni .panel-body {
        background: #252738 0% 0% no-repeat padding-box;
        border-radius: 5px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        opacity: 0.8;
        color: #fff;
        font-weight: normal;
        font-size: 17px;
        padding: 30px;
        line-height: 1.8;
    }

    #volte-red .smartfoni div.ict-integrated p {
        font-size: 17px;
    }

    #volte-red .smartfoni .panel-heading .panel-title a.collapsed:after {
        content: ']$';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 22px;
        top: 27px;
        right: 25px;
        margin: 0 auto;
        transform: rotateZ(0deg);
        transition-property: transform;
        transition-duration: .25s;
    }

    #volte-red .smartfoni .panel-heading .panel-title a:after {
        content: ']$';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 22px;
        top: 27px;
        right: 25px;
        margin: auto;
        transform: rotateZ(-180deg);
        transition-property: transform;
        transition-duration: .25s;
    }

    #volte-red .smartfoni .panel-heading .panel-title a:hover,
    #volte-red .smartfoni .panel-heading .panel-title a:focus {
        color: #fff;
    }

#volte-red .videa {
    position: relative;
    padding: 55px 0px;
    background-color: white;
}

    #volte-red .videa h2 {
        text-align: center;
        font-size: 44px;
        color: #000;
        font-family: 'teleNeo-extra' !important;
        margin-bottom: 20px;
    }

        #volte-red .videa h2 span {
            display: block;
            text-align: center;
            color: #000;
            font-size: 24px;
            font-family: 'teleNeo-bold' !important;
            margin-bottom: 10px;
        }

    #volte-red .videa .header-icon {
        width: 150px;
        margin: 0 auto 30px auto;
        text-align: center;
        height: 150px;
        position: relative;
    }

        #volte-red .videa .header-icon lottie-player {
            position: relative;
            left: 0;
            width: 100% !important;
            height: 100% !important;
        }

    #volte-red .videa .videos {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }

    #volte-red .videa iframe {
        border-radius: 8px;
    }

@media (max-width: 767px) {
    #volte-red .main-banner {
        background-position: 70% 0%;
        height: 350px;
        background-size: cover;
    }

        #volte-red .main-banner:before {
            background-image: unset;
            content: ' ';
            left: 0;
            height: 35%;
            bottom: 0;
            background-color: #E20074;
            width: 100%;
        }

    #volte-red .header {
        flex-direction: column;
        justify-content: flex-end;
        align-content: center;
        width: 100%;
    }

        #volte-red .header h1 {
            font-size: 30px;
            margin: 20px 0px;
        }

            #volte-red .header h1 span {
                font-size: 29px;
            }

        #volte-red .header .ec {
            position: absolute;
            left: unset;
            right: 0;
            top: 50%;
            width: 90px;
        }

    #volte-red .povici {
        position: relative;
        height: 100%;
        width: 100%;
        padding: 50px 0px;
        background-image: url(../content/images/volte-red/first_section_bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

        #volte-red .povici .wrapper {
            display: flex;
            flex-direction: column;
            align-content: center;
            align-items: center;
        }

            #volte-red .povici .wrapper .left {
                position: relative;
                left: 0;
                width: 100%;
                margin-right: 0px;
            }

                #volte-red .povici .wrapper .left:before {
                    top: -20px;
                    height: 4px;
                    width: 16%;
                }

                #volte-red .povici .wrapper .left h2 {
                    font-size: 30px !important;
                }

                #volte-red .povici .wrapper .left h3 {
                    font-size: 20px;
                }

            #volte-red .povici .wrapper .right .img-wrap {
                width: 100%;
                padding-top: 30px;
            }

    #volte-red .volte-infos {
        position: relative;
        height: auto;
    }

    #volte-red .centered-icon {
        width: 140px;
        height: 140px;
        z-index: 2;
    }

    #volte-red .wrapper {
        flex-direction: column;
    }

    #volte-red .volte-infos .wrapper:before {
        display: none;
    }

    #volte-red .volte-infos .wrapper .left {
        position: relative;
        padding: 0 25px 40px;
        min-height: 380px;
        flex-direction: column;
        width: 100%;
        left: 0;
    }

        #volte-red .volte-infos .wrapper .left h3,
        #volte-red .volte-infos .wrapper .right h3 {
            font-size: 28px;
        }

        #volte-red .volte-infos .wrapper .left p,
        #volte-red .volte-infos .wrapper .right p {
            font-size: 17px;
        }

    .volte-infos .wrapper .right {
        position: relative;
        padding: 30px 25px;
        min-height: 380px;
        width: 100%;
    }

    #volte-red .volte-infos .wrapper .right h3 span {
        font-size: 18px;
    }

    #volte-red .magenta-sec {
        height: auto;
        padding-bottom: 170px;
    }

        #volte-red .magenta-sec p.iphone-info {
            bottom: -200px;
            font-size: 16px;
            padding: 0 0px;
        }

        #volte-red .magenta-sec:before {
            display: none;
        }

        #volte-red .magenta-sec .wrapper {
            flex-direction: column;
            padding-top: 40px;
        }

        #volte-red .magenta-sec .wrap {
            width: 100%;
        }

        #volte-red .magenta-sec .wrapper .wrap h2 {
            font-size: 28px;
            margin-bottom: 15px !important;
        }

        #volte-red .magenta-sec .wrapper .wrap span {
            font-size: 17px;
        }

        #volte-red .magenta-sec .wrapper .wrap p {
            font-size: 18px;
            padding-right: 0px;
        }

        #volte-red .magenta-sec .wrapper ul {
            width: 100%;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: flex-start;
            align-content: flex-start;
            margin: 50px 0;
        }

            #volte-red .magenta-sec .wrapper ul li {
                width: 100%;
                margin: 10px 0;
            }

        #volte-red .magenta-sec div#v-pills-tabContent {
            width: 100%;
        }

            #volte-red .magenta-sec div#v-pills-tabContent .carousel-inner {
                position: relative;
                height: 460px;
            }

    #volte-red .videa iframe {
        border-radius: 8px;
        width: 100%;
        height: 100%;
    }

    #volte-red .magenta-sec div#v-pills-tabContent .carousel-inner .item {
        height: 100%;
    }

        #volte-red .magenta-sec div#v-pills-tabContent .carousel-inner .item img {
            width: auto;
            height: 100%;
            margin: 0 auto;
            left: 0;
            right: 0;
            transform: translateX(0%);
        }

    #volte-red .magenta-sec div#v-pills-tabContent .carousel-control.left {
        left: -15px;
    }

    #volte-red .magenta-sec div#v-pills-tabContent .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 10%;
        color: #fff;
        text-align: center;
        opacity: 1;
    }

        #volte-red .magenta-sec div#v-pills-tabContent .carousel-control span {
            position: absolute;
            top: 0;
            bottom: 0;
            height: 40px;
            margin: auto;
            width: 100%;
            opacity: 1;
            color: black;
            text-shadow: none;
            box-shadow: none;
            left: 0;
            right: 0;
            text-align: center;
        }

            #volte-red .magenta-sec div#v-pills-tabContent .carousel-control span.ion-ios-arrow-left:before {
                content: "\f3d2";
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto 0;
                display: block;
                text-shadow: none;
                height: 100%;
                background: white;
                width: 100%;
                box-shadow: none;
                color: black;
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
                line-height: 40px;
                font-size: 31px;
                font-weight: 500;
                letter-spacing: 0;
            }

        #volte-red .magenta-sec div#v-pills-tabContent .carousel-control.right {
            right: -15px;
        }

        #volte-red .magenta-sec div#v-pills-tabContent .carousel-control span {
            position: absolute;
            top: 0;
            bottom: 0;
            height: 40px;
            margin: auto;
            width: 100%;
            opacity: 1;
            color: black;
            text-shadow: none;
            box-shadow: none;
            left: 0;
            right: 0;
            text-align: center;
        }

            #volte-red .magenta-sec div#v-pills-tabContent .carousel-control span.ion-ios-arrow-right:before {
                content: "\f3d3";
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto 0;
                display: block;
                text-shadow: none;
                height: 100%;
                background: white;
                width: 100%;
                box-shadow: none;
                color: black;
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
                line-height: 40px;
                font-size: 31px;
                font-weight: 500;
                letter-spacing: 0;
            }

    #volte-red .magenta-sec div#v-pills-tabContent .carousel-indicators {
        position: absolute;
        left: 0;
        z-index: 15;
        width: 100%;
        padding-left: 0;
        text-align: center;
        bottom: -40px !important;
        list-style: none;
        right: 0;
        margin: 0 auto;
    }

        #volte-red .magenta-sec div#v-pills-tabContent .carousel-indicators li {
            background-color: transparent;
            background-image: none;
            text-indent: 0;
            border: none;
            border-radius: 0;
            width: 20%;
            height: auto;
            font-size: 0;
            text-align: right;
            color: transparent;
            text-transform: uppercase;
            list-style: inherit;
            transform: scale(.8);
            transition: all ease-in .3s;
            line-height: 1.2;
            opacity: .6;
            counter-increment: li;
            position: relative;
            padding: 0 0 0 20px !important;
        }

            #volte-red .magenta-sec div#v-pills-tabContent .carousel-indicators li:before {
                content: counter(li);
                color: white;
                display: inline-block;
                width: 1em;
                position: absolute;
                left: 0;
                top: 0;
                font-family: 'teleNeo-bold' !important;
                font-size: 36px;
                right: 0;
                margin: 0 auto;
                text-align: center;
            }

    #volte-red .smartfoni h2 {
        margin-bottom: 20px;
        font-size: 28px;
    }

        #volte-red .smartfoni h2 span {
            font-size: 18px;
        }

    #volte-red .videa h2 {
        font-size: 28px;
    }

        #volte-red .videa h2 span {
            font-size: 18px;
            margin-bottom: 10px;
        }

    #volte-red .videa .videos {
        flex-direction: column;
    }

        #volte-red .videa .videos .col-xs-12.col-sm-6 {
            margin-bottom: 30px;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    #volte-red .main-banner {
        background-position: 70% 0%;
        height: 350px;
        background-size: cover;
    }

        #volte-red .main-banner:before {
            background-image: unset;
            content: ' ';
            left: 0;
            height: 35%;
            bottom: 0;
            background-color: #E20074;
            width: 100%;
        }

    #volte-red .header {
        flex-direction: column;
        justify-content: flex-end;
        align-content: center;
        width: 100%;
    }

        #volte-red .header h1 {
            font-size: 30px;
            margin: 35px 0px;
        }

        #volte-red .header .ec {
            position: absolute;
            left: unset;
            right: 25px;
            top: 50%;
            width: 115px;
        }

    #volte-red .povici {
        position: relative;
        height: 100%;
        width: 100%;
        padding: 50px 0px;
        background-image: url(../content/images/volte-red/first_section_bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

        #volte-red .povici .wrapper {
            display: flex;
            flex-direction: column;
            align-content: center;
            align-items: center;
        }

            #volte-red .povici .wrapper .left {
                position: relative;
                left: 0;
                width: 100%;
                margin-right: 0px;
            }

                #volte-red .povici .wrapper .left:before {
                    top: -20px;
                    height: 4px;
                    width: 8%;
                }

                #volte-red .povici .wrapper .left h2 {
                    font-size: 28px !important;
                }

                #volte-red .povici .wrapper .left h3 {
                    font-size: 20px;
                }

            #volte-red .povici .wrapper .right .img-wrap {
                width: 100%;
                padding-top: 30px;
            }

    #volte-red .volte-infos {
        position: relative;
        height: auto;
    }

    #volte-red .centered-icon {
        width: 140px;
        height: 140px;
        z-index: 2;
    }

    #volte-red .wrapper {
        flex-direction: column;
    }

    #volte-red .volte-infos .wrapper:before {
        display: none;
    }

    #volte-red .volte-infos .wrapper .left {
        position: relative;
        padding: 0 25px 40px;
        min-height: 300px;
        flex-direction: column;
        width: 100%;
        left: 0;
    }

        #volte-red .volte-infos .wrapper .left h3,
        #volte-red .volte-infos .wrapper .right h3 {
            font-size: 30px;
        }

        #volte-red .volte-infos .wrapper .left p,
        #volte-red .volte-infos .wrapper .right p {
            font-size: 18px;
        }

    .volte-infos .wrapper .right {
        position: relative;
        padding: 30px 25px;
        min-height: 300px;
        width: 100%;
    }

    #volte-red .volte-infos .wrapper .right h3 span {
        font-size: 18px;
        display: inline;
    }

    #volte-red .magenta-sec {
        height: auto;
        padding-bottom: 130px;
    }

        #volte-red .magenta-sec:before {
            display: none;
        }

        #volte-red .magenta-sec .wrapper {
            flex-direction: column;
            padding-top: 40px;
        }

        #volte-red .magenta-sec .wrap {
            width: 100%;
        }

        #volte-red .magenta-sec .wrapper .wrap h2 {
            font-size: 28px;
            margin-bottom: 15px !important;
        }

        #volte-red .magenta-sec .wrapper .wrap span {
            font-size: 18px;
            display: inline;
        }

        #volte-red .magenta-sec .wrapper .wrap p {
            font-size: 18px;
            padding-right: 0px;
        }

        #volte-red .magenta-sec .wrapper ul {
            width: 100%;
        }

        #volte-red .magenta-sec .wrapper ul {
            display: inline-flex;
            flex-direction: row;
            margin: 10px auto 50px 0 !important;
        }

            #volte-red .magenta-sec .wrapper ul li {
                margin: auto;
                width: 23%;
            }

        #volte-red .magenta-sec div#v-pills-tabContent {
            width: 100%;
        }

            #volte-red .magenta-sec div#v-pills-tabContent .carousel-inner {
                position: relative;
                height: 460px;
            }

    #volte-red .videa iframe {
        border-radius: 8px;
        width: 100%;
        height: 100%;
    }

    #volte-red .magenta-sec div#v-pills-tabContent .carousel-inner .item {
        height: 100%;
    }

        #volte-red .magenta-sec div#v-pills-tabContent .carousel-inner .item img {
            width: auto;
            height: 100%;
            margin: 0 auto;
            left: 0;
            right: 0;
            transform: translateX(0%);
        }

    #volte-red .magenta-sec div#v-pills-tabContent .carousel-control.left {
        left: -15px;
    }

    #volte-red .magenta-sec div#v-pills-tabContent .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 10%;
        color: #fff;
        text-align: center;
        opacity: 1;
    }

        #volte-red .magenta-sec div#v-pills-tabContent .carousel-control span {
            position: absolute;
            top: 0;
            bottom: 0;
            height: 40px;
            margin: auto;
            width: 100%;
            opacity: 1;
            color: black;
            text-shadow: none;
            box-shadow: none;
            left: 0;
            right: 0;
            text-align: center;
        }

            #volte-red .magenta-sec div#v-pills-tabContent .carousel-control span.ion-ios-arrow-left:before {
                content: "\f3d2";
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto 0;
                display: block;
                text-shadow: none;
                height: 100%;
                background: white;
                width: 100%;
                box-shadow: none;
                color: black;
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
                line-height: 40px;
                font-size: 31px;
                font-weight: 500;
                letter-spacing: 0;
            }

        #volte-red .magenta-sec div#v-pills-tabContent .carousel-control.right {
            right: -15px;
        }

        #volte-red .magenta-sec div#v-pills-tabContent .carousel-control span {
            position: absolute;
            top: 0;
            bottom: 0;
            height: 40px;
            margin: auto;
            width: 100%;
            opacity: 1;
            color: black;
            text-shadow: none;
            box-shadow: none;
            left: 0;
            right: 0;
            text-align: center;
        }

            #volte-red .magenta-sec div#v-pills-tabContent .carousel-control span.ion-ios-arrow-right:before {
                content: "\f3d3";
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto 0;
                display: block;
                text-shadow: none;
                height: 100%;
                background: white;
                width: 100%;
                box-shadow: none;
                color: black;
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
                line-height: 40px;
                font-size: 31px;
                font-weight: 500;
                letter-spacing: 0;
            }

    #volte-red .magenta-sec div#v-pills-tabContent .carousel-indicators {
        position: absolute;
        left: 0;
        z-index: 15;
        width: 100%;
        padding-left: 0;
        text-align: center;
        bottom: -40px !important;
        list-style: none;
        right: 0;
        margin: 0 auto;
    }

        #volte-red .magenta-sec div#v-pills-tabContent .carousel-indicators li {
            background-color: transparent;
            background-image: none;
            text-indent: 0;
            border: none;
            border-radius: 0;
            width: 20%;
            height: auto;
            font-size: 0;
            text-align: right;
            color: transparent;
            text-transform: uppercase;
            list-style: inherit;
            transform: scale(.8);
            transition: all ease-in .3s;
            line-height: 1.2;
            opacity: .6;
            counter-increment: li;
            position: relative;
            padding: 0 0 0 20px !important;
        }

            #volte-red .magenta-sec div#v-pills-tabContent .carousel-indicators li:before {
                content: counter(li);
                color: white;
                display: inline-block;
                width: 1em;
                position: absolute;
                left: 0;
                top: 0;
                font-family: 'teleNeo-bold' !important;
                font-size: 36px;
                right: 0;
                margin: 0 auto;
                text-align: center;
            }

    #volte-red .smartfoni h2 {
        margin-bottom: 20px;
        font-size: 28px;
    }

        #volte-red .smartfoni h2 span {
            font-size: 18px;
        }

    #volte-red .videa h2 {
        font-size: 28px;
    }

        #volte-red .videa h2 span {
            font-size: 18px;
            margin-bottom: 10px;
        }

    #volte-red .videa .videos {
        flex-direction: row;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #volte-red .main-banner {
        position: relative;
        background-image: url(../content/images/volte-red/img1.jpg);
        background-position: 20% 0%;
        height: 450px;
        background-size: cover;
    }

        #volte-red .main-banner:before {
            background-image: url(../content/images/volte-red/banner2-shape.png);
            content: ' ';
            width: 70%;
            position: absolute;
            left: 0;
            top: 0;
            background-size: cover;
            background-position: left bottom;
            background-repeat: no-repeat;
            height: 100%;
        }

    #volte-red .header {
        width: 50%;
    }

        #volte-red .header h1 {
            font-size: 42px;
        }

        #volte-red .header .ec {
            position: absolute;
            left: 50%;
            top: 55%;
            width: 125px;
        }

    #volte-red .povici {
        position: relative;
        height: 100%;
        width: 100%;
        padding: 50px 0px;
        background-image: url(../content/images/volte-red/first_section_bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

        #volte-red .povici .wrapper > div {
            width: 50% !important;
        }

        #volte-red .povici .wrapper .left {
            left: 0;
            margin-right: 50px;
        }

        #volte-red .povici .wrapper .right .img-wrap {
            width: 100%;
        }

    #volte-red .centered-icon {
        width: 180px;
        height: 180px;
    }

    #volte-red .volte-infos .wrapper .left {
        position: relative;
        left: calc(50vw - 470px);
        width: 35%;
    }

    .volte-infos .wrapper .right {
        padding: 0 7% 0 7%;
    }

    #volte-red .magenta-sec .wrapper ul {
        width: 80%;
    }

    #volte-red .magenta-sec div#v-pills-tabContent .carousel-indicators {
        position: absolute;
        left: 0;
        z-index: 15;
        width: 100%;
        padding-left: 0;
        text-align: center;
        margin: 0 auto;
        bottom: -65px !important;
        list-style: none;
    }

        #volte-red .magenta-sec div#v-pills-tabContent .carousel-indicators li {
            font-size: 14px;
            text-align: left;
            padding: 0 9px;
            color: white;
        }

            #volte-red .magenta-sec div#v-pills-tabContent .carousel-indicators li.active {
                transform: scale(1.0);
            }
}

@media (min-width: 1200px) and (max-width: 1450px) {
    #volte-red .main-banner {
        position: relative;
        background-image: url(../content/images/volte-red/img1.jpg);
        background-position: 20% 0%;
        height: 500px;
        background-size: cover;
    }

    #volte-red .header .ec {
        position: absolute;
        left: 37%;
        top: 60%;
        width: 145px;
    }

    #volte-red .volte-infos .wrapper .left {
        left: calc(50vw - 570px);
    }

    #volte-red .povici .wrapper .left:before {
        width: 12%;
        top: -15px;
    }

    #volte-red .magenta-sec div#v-pills-tabContent .carousel-indicators li {
        padding: 0 20px;
    }

        #volte-red .magenta-sec div#v-pills-tabContent .carousel-indicators li.active {
            transform: scale(1.1);
        }
}


/*#endregion volte redesign */

/*#region fleet redesign */

#fleet .main-banner {
    background-image: url(../content/images/Fleet/fleet-management-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    background-size: cover;
    height: 520px;
}

    #fleet .main-banner:before {
        width: 55% !important;
        height: 100%;
        background-image: url(../content/images/Fleet/arrows.png);
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        bottom: 0;
        left: 0;
    }


    #fleet .main-banner .header {
        width: 33%;
        position: absolute;
        left: 0;
        top: 30%;
    }

        #fleet .main-banner .header h1 {
            text-transform: none;
            font-size: 40px;
            line-height: 1.2;
            font-family: 'teleNeo-extra' !important;
        }

#fleet .content {
    padding: 6% 0 2%;
    height: 480px;
}

    #fleet .content .wrap-title h2 {
        position: relative;
        width: 465px;
        text-align: center;
        margin: 0 auto 30px auto;
        background-color: black;
        color: white;
        text-transform: uppercase;
        font-size: 40px;
        padding: 20px;
        transform: skewX(340deg);
        bottom: 30px;
        max-width: 100%;
    }

        #fleet .content .wrap-title h2 span {
            transform: skew(20deg) !important;
            font-family: 'teleNeo-extra' !important;
            position: relative;
            display: block;
        }

#fleet .wrap.white {
    margin-top: -100px;
    margin-bottom: 30px;
    box-shadow: 0px 30px 136px rgba(0, 0,0, .1);
    z-index: 3;
    background-color: white;
    padding-top: 90px;
    padding-bottom: 40px;
    width: 100%;
    min-height: 590px;
}

    #fleet .wrap.white div#myTabContent-ict {
        width: 100%;
    }

#fleet .wrap-title {
    z-index: 4;
    position: relative;
}

#fleet .wrap.white ul#myTab-ict li {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    min-height: 100px;
    width: 23%;
}

#fleet .wrap.white .text-wrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
    flex-direction: row;
}

    #fleet .wrap.white .text-wrap ul,
    #fleet .wrap.white .box-wrap ul {
        display: block !important;
        text-align: left;
        margin: 10px 0;
        width: 100%;
    }

        #fleet .wrap.white .text-wrap ul li,
        #fleet .wrap.white .box-wrap ul li {
            display: block;
            width: 100% !important;
            padding: 0 20px !important;
            box-shadow: none !important;
            background-color: transparent !important;
            margin-left: 0;
            text-align: left;
            cursor: auto;
            margin-right: 50px;
        }

#fleet .dc-tab_content .wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
}

    #fleet .dc-tab_content .wrap .box-wrap {
        position: relative;
        text-align: center;
        width: 20%;
        margin: 0 auto;
        padding: 0 15px;
    }

        #fleet .dc-tab_content .wrap .box-wrap h4 {
            font-family: 'TeleNeo-extra' !important;
            color: #e20074;
            font-size: 20px;
        }

        #fleet .dc-tab_content .wrap .box-wrap p {
            margin: 0 8px;
        }

#fleet #myTabContent-ict .wrap .box-wrap h4 {
    color: black;
    font-family: 'TeleNeo-bold' !important;
    text-align: center;
}

#fleet #tab-3.dc-tab_content .wrap .box-wrap .img {
    text-align: center;
    position: relative;
    min-height: 45px;
}

#fleet #tab-4.dc-tab_content .wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: auto;
}

    #fleet #tab-4.dc-tab_content .wrap .box-wrap p {
        font-family: 'teleNeo-bold' !important;
        padding-top: 15px;
    }

#fleet .uslugi {
    background-image: url(../content/images/Fleet/section5.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #D8D8D8;
    margin-top: 0;
    padding-top: 13%;
    padding-bottom: 30px;
}

    #fleet .uslugi .wrapper {
        padding: 80px 0 30px;
    }

        #fleet .uslugi .wrapper h2 {
            text-transform: uppercase;
            color: #e20074;
            margin: 0;
            position: sticky;
            top: 40px;
            width: 20%;
            left: 0;
        }

        #fleet .uslugi .wrapper nav {
            float: left;
            width: 20%;
            height: auto;
            padding-top: 90px;
            padding-left: unset;
            position: sticky;
            top: 140px;
            display: inline-block;
            left: 0;
            margin-right: 55px;
            margin-bottom: 35px;
        }

        #fleet .uslugi .wrapper .oprema {
            position: relative;
            background-color: white;
            padding: 40px;
        }

            #fleet .uslugi .wrapper .oprema .text-wrap {
                text-align: center;
            }

                #fleet .uslugi .wrapper .oprema .text-wrap h3 {
                    color: #e20074;
                    font-family: 'teleNeo-bold' !important;
                    margin-bottom: 40px;
                }

                #fleet .uslugi .wrapper .oprema .text-wrap p {
                    padding: 0px 10px;
                }

        #fleet .uslugi .wrapper .kontrola {
            background-color: #fff;
            position: relative;
            padding: 40px;
        }

            #fleet .uslugi .wrapper .kontrola .text-wrap {
                text-align: left;
            }

                #fleet .uslugi .wrapper .kontrola .text-wrap h3 {
                    color: #e20074;
                    font-family: 'teleNeo-bold' !important;
                    margin-bottom: 40px;
                    text-align: center;
                }

                #fleet .uslugi .wrapper .kontrola .text-wrap p {
                    padding: 0px 10px;
                }

        #fleet .uslugi .wrapper .footnotes .small {
            font-size: 14px;
        }

    #fleet .uslugi .flex-container ul > li {
        float: left;
        width: 100%;
        height: auto;
        align-items: flex-start;
        flex-direction: row;
        justify-content: flex-start;
        align-content: flex-end;
        flex-wrap: nowrap;
        margin: 0 auto;
        position: relative;
        border: 0;
    }


        #fleet .uslugi .flex-container ul > li > a {
            color: black !important;
            background-color: #EFEFF3 !important;
            line-height: 1.2;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
            width: 100%;
            height: 80px;
            margin-bottom: 15px;
            font-size: 18px;
            display: inline-flex;
            flex-direction: column;
            justify-content: center;
            flex-wrap: nowrap;
            color: black;
            background: #EFEFF3 0% 0% no-repeat padding-box;
            border-radius: 8px;
            padding-left: 35px;
        }

        #fleet .uslugi .flex-container ul > li.active > a {
            background-color: white !important;
        }

        #fleet .uslugi .flex-container ul > li:hover > a:before {
            height: 70%;
            border: none;
            background: #e20074;
            content: '';
            position: absolute;
            left: 0;
            width: 3px;
            box-shadow: 0px 23px 89px #3e3e3e1c;
        }

    #fleet .uslugi .flex-container ul li.active a:before {
        content: '';
        position: absolute;
        left: 0;
        height: 70%;
        width: 3px;
        background: #e20074;
    }

#fleet section.uslugi article {
    padding: 10px 0 20px 0;
    width: 75%;
    position: relative;
    display: inline-block;
}

#fleet section.uslugi #v-pills-profile article,
#fleet section.uslugi #v-pills-messages article {
    padding-top: 90px;
}

#fleet section.uslugi article .ceni-specifikacija ul {
    margin: 0 0 40px 0;
}

#fleet section.uslugi .tariff-wrap {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    font-size: 18px;
}

    #fleet section.uslugi .tariff-wrap > div {
        width: 33.333%;
        background: white;
        text-align: center;
        padding: 30px 0 0;
        border: 3px solid transparent;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: inset 0px 0px 250px rgba(0, 0, 0, .05);
        position: relative;
    }

    #fleet section.uslugi .tariff-wrap .price-wrapper {
        background: #E3E5E7 0% 0% no-repeat padding-box;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        position: relative;
        padding: 10px 20px !important;
        margin: 20px 0 0;
    }

        #fleet section.uslugi .tariff-wrap .price-wrapper > div {
            width: 50%;
            text-align: left;
            padding: 0;
        }

            #fleet section.uslugi .tariff-wrap .price-wrapper > div p {
                font-size: 12px;
                text-transform: uppercase;
                font-family: 'teleNeo-bold' !important;
                margin-bottom: 0;
            }

        #fleet section.uslugi .tariff-wrap .price-wrapper .wrap {
            position: relative;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding: 0;
        }

#fleet .tab-content .table-responsive {
    position: relative;
    box-shadow: 0 0 90px 20px #00000005;
    overflow: visible;
    padding: 40px 50px;
    background: white;
}

#fleet .tab-content table {
    position: relative;
    overflow: auto;
}

    #fleet .tab-content table .magenta {
        color: #e20074;
        font-family: 'teleNeo-extra' !important;
    }

    #fleet .tab-content table tr td {
        background: white;
        padding: 20px 10px;
        font-size: 16px;
        font-family: 'teleNeo-bold' !important;
        border-bottom: 0 !important;
        text-align: center;
    }

        #fleet .tab-content table tr td span.text-magenta,
        #fleet .tab-content table tr td.text-magenta {
            font-family: 'teleNeo-bold' !important;
        }

    #fleet .tab-content table thead tr th {
        background: white !important;
        border-bottom: 0;
        font-size: 23px !important;
        font-family: 'teleNeo-extra' !important;
        padding: 0 10px 20px;
        border: 0 !important;
        line-height: 20px;
    }

        #fleet .tab-content table tr td:first-of-type,
        #fleet .tab-content table thead tr th:first-of-type {
            text-align: left;
        }

    #fleet .tab-content table tbody {
        border-bottom: 0 !important;
    }

    #fleet .tab-content table tr:first-of-type td, #fleet .tab-content table tr:last-of-type td {
        border: 0 !important;
    }

    #fleet .tab-content table tr:last-of-type td {
        background-color: rgba(227, 229, 231, .5);
    }

        #fleet .tab-content table tr:last-of-type td:first-of-type {
            padding-left: 30px;
            font-size: 17px;
            font-family: 'teleNeo-extra' !important;
        }

    #fleet .tab-content table tr:last-of-type td {
        padding: 10px 30px 10px 0;
    }

    #fleet .tab-content table tr:first-of-type td {
        border: 0 !important;
    }

    #fleet .tab-content table .price-wrap {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    #fleet .tab-content table .icon.icon-confirm {
        color: #e20074;
        font-size: 21px;
    }

#fleet .tab-content .box-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    margin-bottom: 40px;
}

    #fleet .tab-content .box-wrap .box {
        width: 30%;
        text-align: center;
        background: white;
        box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
        min-height: 210px;
    }


        #fleet .tab-content .box-wrap .box h3 {
            font-family: 'teleNeo-bold' !important;
            font-size: 21px;
            padding: 20px 0;
            position: relative;
            display: block;
        }

            #fleet .tab-content .box-wrap .box h3:after {
                content: '';
                position: absolute;
                width: 45%;
                left: 0;
                right: 0;
                height: 1px;
                background: #e5e5e5;
                bottom: 0;
                margin: 0 auto;
            }

        #fleet .tab-content .box-wrap .box .price-wrapper,
        #fleet .column-wrapper .column .price-wrapper {
            position: relative;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            width: 40%;
            margin: 0 auto 10px;
            border-bottom: 1px solid #e5e5e5;
            padding-bottom: 20px;
        }


#fleet .hdp-price-left {
    width: auto;
    padding-right: 10px;
    position: relative;
}

    #fleet .hdp-price-left span {
        font-size: 28px;
        font-family: 'TeleNeo-bold' !important;
    }

#fleet .hdp-price-body {
    width: auto;
    display: inline;
    float: left;
}

    #fleet .hdp-price-body span {
        font-size: 12px;
        display: block;
        text-align: left;
        line-height: 14px;
    }

        #fleet .hdp-price-body span.price-den {
            border-bottom: 1px solid black;
        }

#fleet .btn-wrapper {
    margin: 30px auto;
}



#fleet .footnotes {
    padding: 15px;
    color: rgba(0, 0, 0, .5);
}

#fleet .infos {
    position: relative;
    background-image: url(../content/images/web-hosting/section4-bg.svg);
    height: 100%;
    width: 100%;
    background-size: cover;
    padding-bottom: 2%;
}

    #fleet .infos .panel-group {
        margin-bottom: 20px;
    }

        #fleet .infos .panel-group .panel {
            border-radius: 0;
            margin-bottom: 0;
            background: transparent;
            border: 0 !important;
            box-shadow: none;
        }

    #fleet .infos .panel-default > .panel-heading {
        background-image: unset;
        padding-top: 55px;
        padding-bottom: 0;
        background: transparent;
        position: relative;
    }

    #fleet .infos h4.more-info {
        position: relative;
        background-color: #e20074;
        width: 300px;
        bottom: 0;
        margin: 0;
        padding: 15px 12px;
        color: #fff;
        left: 30px;
        font-size: 20px;
        background: transparent linear-gradient(97deg,#c80c6d 0%,#e20074 100%) 0% 0% no-repeat padding-box;
    }

        #fleet .infos h4.more-info span {
            position: relative;
            display: block;
            margin-left: 0;
        }

            #fleet .infos h4.more-info span:before {
                content: 'i';
                position: relative;
                border: 2px solid #fff;
                padding: 1px 11px;
                border-radius: 50px;
                display: inline;
                float: left;
                margin-right: 12px;
                top: -3px;
                font-size: 17px;
                left: 2px;
            }

        #fleet .infos h4.more-info a,
        #fleet .infos h4.more-info a span {
            color: inherit;
        }

    #fleet .infos .panel-group .panel-default .panel-body {
        border: 0 !important;
        margin-top: 0;
        padding: 0;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 10px 46px #0000001a;
        width: 100%;
    }

    #fleet .infos .wrapper {
        position: relative;
        height: 100%;
        width: 100%;
        overflow: hidden;
        padding: 20px;
    }

        #fleet .infos .wrapper .box {
            position: relative;
            width: 50%;
            display: inline;
            float: left;
            padding: 15px 20px !important;
        }

    #fleet .infos .btn-wrapper {
        position: relative;
        margin: 0px auto;
        width: 60%;
        text-align: center;
        overflow: hidden;
        padding: 50px 0 0px;
    }

    #fleet .infos ul li {
        font-size: 18px;
    }

    #fleet .infos ul.custom li {
        position: relative;
        font-size: 18px;
        background-image: none;
    }

        #fleet .infos ul.custom li:before {
            content: '';
            position: absolute;
            width: 7px;
            height: 7px;
            background: transparent;
            border: 1px solid #e20074;
            border-radius: 50px;
            left: -5px;
            top: 0;
            margin: auto 0;
            bottom: 0;
        }

#fleet .last-sec .container {
    box-shadow: none;
    padding: 0;
    margin: 0;
}

#fleet .last-sec .wrapper {
    position: relative;
    margin: 30px 0 90px !important;
    box-shadow: 0px 3px 46px rgba(0, 0, 0, 0.14);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    padding-top: 25px;
    height: auto;
    min-height: 300px;
}



    #fleet .last-sec .wrapper ul.nav {
        position: relative;
        padding-left: 0;
        list-style: none;
        display: flex;
        flex-wrap: wrap !important;
        margin: 30px auto !important;
        width: 100% !important;
        align-content: center;
    }

#fleet .last-sec .nav-tabs {
    border-bottom: none;
}

#fleet .last-sec ul.nav li.active {
    color: #e20074;
    cursor: default;
    background-color: transparent;
    border: none;
    font-family: 'teleNeo-medium' !important;
}

#fleet .last-sec ul.nav li {
    width: auto;
    text-transform: uppercase;
    z-index: 2;
    background: transparent;
    box-shadow: none;
    padding: 10px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#fleet last-sec ul.nav li.active:before {
    color: #000;
    cursor: default;
    border: none;
    border-bottom: none;
    background: none;
    box-shadow: 0 23px 89px #3e3e3e1c;
    height: 2px;
    background: #e20074;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#fleet .last-sec .nav-tabs > li.active img {
    filter: none !important;
    opacity: 1;
}

#fleet .last-sec .nav-tabs > li img {
    margin-right: 17px;
    width: 16px;
    margin-bottom: 3px;
}

#fleet .last-sec ul.nav li.active:after {
    color: #000;
    cursor: default;
    border: none;
    box-shadow: 0 23px 89px #3e3e3e1c;
    height: 2px;
    background: #e20074;
    content: '';
    position: absolute;
    right: -24px;
    top: 12px;
    width: 30px;
    border-bottom: 1px solid #e20074;
    transform: rotate(55deg);
}

#fleet .last-sec div#myTabContent-ict2 {
    padding: 20px 0;
    position: relative;
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    width: 100%;
    margin: 0 auto;
}

    #fleet .last-sec div#myTabContent-ict2 #tab-2-xs .wrap {
        width: 80%;
        margin: 0 auto;
    }

#fleet .last-sec .video {
    margin: 0 auto;
    position: relative;
    border-radius: 17px;
    max-width: 600px;
}

#fleet section.last-sec .panel-heading h4.panel-title a {
    padding: 15px 35px 15px !important;
}

#fleet section.last-sec .panel .panel-body {
    padding: 0 35px;
}

#fleet div.dc-tab_content {
    padding: 0 20px;
}

#fleet .last-sec .video .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    cursor: pointer;
}

    #fleet .last-sec .video .overlay:before {
        content: '';
        position: absolute;
        background: #000;
        height: 100%;
        width: 100%;
        z-index: 3;
        opacity: .8;
        border-radius: 17px;
        left: 0;
        right: 0;
    }

#fleet .last-section .video .overlay:after {
    content: '';
    position: absolute;
    background-image: url(../content/images/ict-office-365/play.svg);
    background-size: contain;
    background-position: center;
    width: 30px;
    height: 30px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 3;
}

#fleet last-section .video iframe {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

#fleet .last-sec .panel-group {
    padding: 0 40px;
    width: 100%;
    margin: auto;
}

#fleet .last-sec .tab-wrapper ul {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto 50px auto;
    border: 0;
    width: 90%;
}

#fleet .last-sec .tab-wrapper .standard-list-ict {
    margin: 0;
    flex-direction: column !important;
}

#fleet .last-sec .tab-wrapper .panel-body ul li {
    box-shadow: unset;
    padding: 2px;
    text-align: left;
    background-color: transparent;
}

#fleet .last-secdiv#tab-4-2 .wrap .panel-heading .panel-title a, #office-365 div#tab-4-xs .wrap .panel-heading .panel-title a {
    font-size: 19px;
    display: block;
    padding: 25px 35px 25px 0;
    text-decoration: none;
    position: relative;
    z-index: 2;
}

#fleet .last-sec .wrap .panel-heading .panel-title a.collapsed:after {
    transform: rotate(0deg) translateY(-50%);
    transition-property: transform;
    transition-duration: .25s;
    top: 50%;
}

#fleet .last-sec .wrap .panel-heading .panel-title a:after {
    transform: rotate(180deg) translateY(-50%);
    transition-property: transform;
    transition-duration: .25s;
    content: ']$';
    font-family: 'teleicon-outline';
    position: absolute;
    color: #e20074;
    font-size: 22px;
    top: 30%;
    right: 15px;
    margin: auto;
}
/*#region media fleet*/

@media(min-width: 1500px) and (max-width: 1800px) {
    #fleet .main-banner {
        height: 400px;
    }

        #fleet .main-banner .header {
            width: 35% !important;
            left: unset !important;
            bottom: 30px !important;
        }

        #fleet .main-banner:before {
            width: 45%;
            background-size: cover;
            height: 100%;
        }
}

@media (min-width: 1200px) and (max-width: 1499px) {
    #fleet .main-banner {
        height: 400px;
    }

        #fleet .main-banner:before {
            width: 66% !important;
        }

        #fleet .main-banner .header {
            width: 35% !important;
            left: unset !important;
        }

            #fleet .main-banner .header h1 {
                font-size: 36px;
            }

    #fleet .wrap.white {
        position: relative;
    }

    #fleet section.content {
        height: auto;
    }

    #fleet .uslugi {
        padding-top: 0;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #fleet .main-banner {
        height: 340px;
    }

        #fleet .main-banner:before {
            width: 66% !important;
            z-index: 3;
        }

        #fleet .main-banner .header {
            width: 45%;
            padding: 0px 30px;
        }

            #fleet .main-banner .header h1 {
                font-size: 28px;
            }

    #fleet section.content {
        padding: 7% 0 2%;
        height: auto;
    }

    #fleet .dc-tab_content .wrap {
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        width: 90%;
    }

        #fleet .dc-tab_content .wrap .box-wrap {
            width: 33%;
            margin: 10px auto;
        }

    #fleet #tab-3.dc-tab_content .wrap .box-wrap .img {
        min-height: initial;
    }

    #fleet .wrap.white {
        width: 100%;
        position: relative;
    }

        #fleet .wrap.white ul#myTab-ict li {
            padding: 30px 10px;
        }

    #fleet section.uslugi .wrapper nav {
        margin-right: 30px;
    }

    #fleet .uslugi {
        padding-top: 0;
    }

    #fleet .last-sec .panel-group {
        padding: 0 110px !important;
    }
}

@media(max-width: 991px) {
    #pantheon-red .dopolnitelni-uslugi .column-wrapper-uslugi {
        flex-direction: column;
        row-gap: 20px;
    }

    #fleet .wrap.white {
        margin-top: 0;
        margin-bottom: 30px;
        padding-top: 20px;
        padding-bottom: 40px;
        width: 100%;
        position: relative;
        min-height: inherit;
    }

        #fleet .wrap.white h3.dc-tab_drawer_heading {
            margin: 10px 0;
        }

    #fleet section.uslugi .wrapper h2 {
        position: relative;
        top: 0;
        width: 100%;
    }

    #fleet section.content {
        position: relative;
        height: auto;
    }

    #fleet .uslugi {
        padding-top: 0;
    }

    #fleet section.uslugi .wrapper nav {
        float: none;
        width: 100%;
        height: auto;
        padding-top: 10px;
        padding-left: unset;
        position: relative;
        top: 0;
        display: block;
        left: 0;
        margin-right: 0;
    }

    #fleet .content {
        height: auto;
    }

    #fleet section.uslugi article {
        width: 100%;
        display: block;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #fleet .main-banner {
        height: 250px;
    }

        #fleet .main-banner:before {
            width: 65% !important;
            z-index: 3;
        }

        #fleet .main-banner .header {
            width: 40%;
            position: relative;
            height: 100%;
            top: 0;
            display: inline-flex;
            left: 0;
            align-items: center;
            justify-content: flex-start;
        }

            #fleet .main-banner .header h1 {
                font-size: 25px;
            }

    #fleet section.content h2 {
        width: 450px !important;
        font-size: 30px !important;
    }

    #fleet .wrap.white ul#myTab-ict li {
        min-height: 85px;
        width: 22%;
        padding: 10px;
        font-size: 17px;
        margin: 0;
    }

    #fleet .dc-tab_content .wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        flex-direction: row;
        width: 100%;
    }

        #fleet .dc-tab_content .wrap .box-wrap {
            width: 50%;
            margin: 0 auto 50px;
        }

    #fleet #tab-3.dc-tab_content .wrap .box-wrap h4 {
        font-size: 18px;
    }

    #fleet #tab-3.dc-tab_content .wrap .box-wrap .img {
        min-height: initial;
    }


    #fleet section.uslugi .flex-container ul > li {
        width: 30%;
        margin: 0 10px;
    }

    #fleet .uslugi {
        padding-bottom: 0px;
    }

        #fleet .uslugi .wrapper {
            padding: 50px 0 30px !important;
        }

    #fleet .tab-content .box-wrap .box h3 {
        font-size: 19px;
    }

    #fleet .hdp-price-left span {
        font-size: 25px;
    }

    #fleet .last-sec .panel-group {
        padding: 0 40px !important;
    }
}

@media(max-width: 767px) {
    #fleet .main-banner {
        background-image: url(../content/images/Fleet/Main-pic.jpg);
        background-position: top center;
        background-repeat: no-repeat;
        position: relative;
        width: 100%;
        background-size: cover;
        height: 400px;
    }

        #fleet .main-banner:before {
            display: none;
        }

        #fleet .main-banner .header {
            width: 100%;
            position: absolute;
            background: #e20074;
            padding: 0 30px;
            top: unset !important;
        }

            #fleet .main-banner .header h1 {
                font-size: 25px;
            }

    #fleet .wrap-title h2 {
        font-size: 24px !important;
        margin-top: 40px !important;
    }

    #fleet .wrap.white .text-wrap {
        flex-direction: column;
        padding: 20px 0;
    }

        #fleet .wrap.white .text-wrap ul, #fleet .wrap.white .box-wrap ul {
            margin: 0;
            padding: 0;
        }

    #fleet #tab-3.dc-tab_content .wrap .box-wrap .img {
        min-height: inherit;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    #fleet div#myTabContent-ict div.dc-tab_content p {
        padding-left: 0px;
        text-align: center;
    }

    #fleet #tab-3.dc-tab_content .wrap .box-wrap .img img {
        margin-top: 30px;
    }

    #fleet .wrap.white .text-wrap p {
        padding: 0;
        text-align: center;
    }

    #fleet .ict-integrated p {
        font-size: 18px;
        padding: 0 20px;
    }

    #fleet .dc-tab_content .wrap {
        flex-direction: column;
        background: white;
        padding: 0;
    }

        #fleet .dc-tab_content .wrap .box-wrap {
            position: relative;
            text-align: left;
            width: 100%;
        }

    #fleet div.ict-integrated p {
        font-size: 18px;
        display: block;
        text-align: center;
        margin: 10%;
    }


    #fleet .tab-content .table-responsive {
        overflow: auto;
    }

    #fleet .tab-content table {
        width: 100%;
        overflow-x: auto;
        display: block;
    }

    #fleet .tab-content .box-wrap {
        flex-direction: column;
    }

        #fleet .tab-content .box-wrap .box {
            width: 100%;
            min-height: 310px;
            margin: 15px 0;
        }

    #fleet .infos .panel-group .panel {
        border-radius: 0;
        margin-bottom: 0;
    }

    #fleet .infos .panel-default > .panel-heading {
        padding-top: 55px;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    #fleet .infos h4.more-info {
        left: 0;
        width: 100%;
    }

    #fleet .infos .wrapper .box {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        padding: 0px !important;
    }

    #fleet .infos .btn-wrapper {
        width: 100%;
    }

    #fleet .dc-tab_content .wrap .box-wrap {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        padding: 10px 0;
    }

    #fleet .uslugi .wrapper .oprema, #fleet .uslugi .wrapper .kontrola {
        padding: 40px 20px;
    }

        #fleet .uslugi .wrapper .oprema .text-wrap h3 {
            text-align: center;
            margin-bottom: 30px !important;
        }

    #fleet .tab-content .table-responsive {
        padding: 40px 15px;
    }

    #fleet section.last-sec .panel-heading h4.panel-title a {
        padding: 15px 30px 15px 15px !important;
        font-size: 18px;
        line-height: 1.2;
    }

    #fleet section.last-sec .panel .panel-body {
        padding: 0 15px;
    }
}

@media(max-width:576px) {
    #fleet .main-banner {
        background-position: top center;
        background-size: contain;
        height: 325px;
    }
}

@media(min-width: 320px) and (max-width: 400px) {
    #fleet .main-banner:before {
        width: 100%;
        height: 70% !important;
        background-size: cover !important;
    }

    #fleet .main-banner .header {
        width: 100%;
        position: absolute;
    }

        #fleet .main-banner .header h1 {
            font-size: 23px;
        }
}
/*#endregion media fleet*/
/*#endregion fleet redesign */


/*#region pantheon redesign*/
#pantheon-red .main-banner {
    position: relative;
    background-image: url(../content/images/pantheon-red/img.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    height: 450px;
}

    #pantheon-red .main-banner:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/pantheon-red/shape-arrows.png);
        width: 70%;
        height: 100%;
        background-size: cover;
        background-position: left center;
        left: -15%;
    }

    #pantheon-red .main-banner .header {
        width: 34%;
        position: absolute;
        left: 0;
        top: 35%;
    }

        #pantheon-red .main-banner .header h1 {
            text-transform: none;
            font-size: 40px;
            line-height: 1.2;
            font-family: 'teleNeo-extra' !important;
            color: white;
        }

        #pantheon-red .main-banner .header .ec {
            position: absolute;
            right: -30%;
            top: 30px;
            width: 140px;
        }

#pantheon-red .content {
    padding: 2% 0 2%;
    height: 450px;
}

    #pantheon-red .content .wrap-text-additional {
        position: relative;
        text-align: center;
        font-size: 18px;
        padding: 10px 200px 80px;
    }

        #pantheon-red .content .wrap-text-additional .text p {
            font-size: 19px;
            font-family: 'teleNeo-bold' !important;
            line-height: 1.2;
        }

        #pantheon-red .content .wrap-text-additional .ec {
            position: absolute;
            top: 0;
            right: 0;
            width: 120px;
        }

    #pantheon-red .content .wrap-title h2 {
        position: relative;
        width: 465px;
        text-align: center;
        margin: 0 auto 30px auto;
        background-color: black;
        color: white;
        text-transform: uppercase;
        font-size: 40px;
        padding: 20px;
        bottom: 30px;
        max-width: 100%;
        transform: none !important;
    }

        #pantheon-red .content .wrap-title h2 span {
            font-family: 'teleNeo-extra' !important;
            position: relative;
            display: block;
            transform: none !important;
        }

#pantheon-red .wrap.white {
    position: absolute;
    padding: 80px;
    margin: -100px auto 30px auto;
    width: 100%;
    left: 0;
    right: 0;
    box-shadow: 0px 30px 136px rgba(0, 0,0, .1);
    z-index: 3;
    background-color: white;
    width: 100%;
    min-height: 590px;
}

    #pantheon-red .wrap.white div#myTabContent-ict {
        width: 100%;
    }

#pantheon-red .wrap-title {
    z-index: 4;
    position: relative;
}

#pantheon-red ul#myTab-ict {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto 50px auto;
    border: 0;
    width: 90%;
}

#pantheon-red .wrap.white ul#myTab-ict li {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    min-height: 100px;
    width: 23%;
    padding: 30px 20px;
    border-radius: 8px;
    width: 30%;
    text-align: center;
    font-size: 18px;
    position: relative;
    cursor: pointer;
    line-height: 1.2;
    background-color: #EFEFF3;
}

    #pantheon-red .wrap.white ul#myTab-ict li span {
        display: contents;
        font-family: 'teleNeo-bold' !important;
    }

    #pantheon-red .wrap.white ul#myTab-ict li.active {
        background-color: #fff;
        transition: all ease-in .3s;
        box-shadow: 0px 23px 89px #3E3E3E1C;
    }

        #pantheon-red .wrap.white ul#myTab-ict li.active:before {
            content: '';
            position: absolute;
            width: 75%;
            height: 3px;
            background: #e20074;
            top: 0;
            left: 0;
            right: 0;
            margin: 0 auto;
            transition: all ease-in .3s;
        }

#pantheon-red .wrap.white .text-wrap ul, #pantheon-red .wrap.white .box-wrap ul {
    display: block !important;
    text-align: left;
    margin: 10px 0;
    width: 100%;
}

#pantheon-red #tab-1 p {
    padding: 0px 70px 40px;
}

#pantheon-red #tab-2 .text-wrap {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

#pantheon-red #tab-2 p {
    text-align: left;
    font-family: 'teleNeo-bold' !important;
}

#pantheon-red .wrap.white .text-wrap ul li,
#pantheon-red .wrap.white .box-wrap ul li {
    display: block;
    width: 100% !important;
    padding: 0 20px !important;
    box-shadow: none !important;
    background-color: transparent !important;
    margin-left: 0;
    text-align: left;
    cursor: auto;
    margin-right: 50px;
}

#pantheon-red .dc-tab_content .wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
}

    #pantheon-red .dc-tab_content .wrap .box-wrap {
        position: relative;
        text-align: center;
        width: 25%;
        margin: 0 auto;
        padding: 0 15px;
    }

        #pantheon-red .dc-tab_content .wrap .box-wrap h4 {
            font-family: 'TeleNeo-bold' !important;
            color: #000;
            font-weight: normal;
            margin-bottom: 15px;
            padding-top: 15px;
        }

        #pantheon-red .dc-tab_content .wrap .box-wrap p {
            margin: 15px 8px;
        }

#pantheon-red #myTabContent-ict .wrap .box-wrap h4 {
    color: black;
    font-family: 'TeleNeo-bold' !important;
    text-align: center;
}

#pantheon-red #tab-3.dc-tab_content .wrap .box-wrap .img {
    text-align: center;
    position: relative;
    min-height: 60px;
}

#pantheon-red #tab-4.dc-tab_content .wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: auto;
}

    #pantheon-red #tab-4.dc-tab_content .wrap .box-wrap p {
        font-family: 'teleNeo-bold' !important;
        padding-top: 15px;
    }

#pantheon-red .uslugi {
    position: relative;
    background-image: url(../content/images/pantheon-red/section5.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #d8d8d8;
    margin-top: 0;
    padding-top: 26%;
    padding-bottom: 30px;
    height: auto;
    overflow: hidden;
}

    #pantheon-red .uslugi .uslugi-banner-section {
        padding: 0 0 60px;
    }

        #pantheon-red .uslugi .uslugi-banner-section .image {
            text-align: center;
        }

    #pantheon-red .uslugi .center-nav {
        display: flex;
        justify-content: center;
    }

    #pantheon-red .uslugi .ceni-specifikacija {
        padding: 0px 0px 25px;
    }

    #pantheon-red .uslugi .wrapper h2 {
        text-align: center;
        font-family: 'teleNeo-extra' !important;
        text-transform: uppercase;
        color: #e20074;
        font-size: 36px;
    }

    #pantheon-red .uslugi .wrapper nav {
        padding: 30px 15px;
    }

    #pantheon-red .uslugi .flex-container ul > li {
        float: left;
        width: 15%;
        height: auto;
        align-items: flex-start;
        flex-direction: row;
        justify-content: flex-start;
        align-content: flex-end;
        flex-wrap: nowrap;
        margin: 0 10px;
        position: relative;
        border: 0;
    }

        #pantheon-red .uslugi .flex-container ul > li.active > a {
            background-color: #fff !important;
        }

        #pantheon-red .uslugi .flex-container ul > li > a {
            color: #000 !important;
            line-height: 1.2;
            border: 1px solid transparent;
            width: 100%;
            height: 90px;
            margin-bottom: 15px;
            font-size: 18px;
            display: inline-flex;
            flex-direction: column;
            justify-content: center;
            flex-wrap: nowrap;
            background: #efeff3 0% 0% no-repeat padding-box;
            border-radius: 8px;
            padding-left: 35px;
        }

    #pantheon-red .uslugi .tab-content > .tab-pane.in {
        display: block !important;
        height: 100% !important;
    }

    #pantheon-red .uslugi .flex-container ul li.active a:before {
        content: '';
        position: absolute;
        left: 0;
        height: 70%;
        width: 3px;
        background: #e20074;
    }

    #pantheon-red .uslugi .flex-container .nav ul#v-pills-tab {
        display: flex !important;
        justify-content: center !important;
    }

    #pantheon-red .uslugi p {
        font-size: 17px;
        text-align: center;
        font-family: 'teleNeo-medium' !important;
        padding: 30px 100px 0px;
    }

    #pantheon-red .uslugi .one-t-dicklaimer-max {
        width: 15px;
        height: 15px;
        background: transparent;
        border: 1px solid #a8a8a8;
        top: -12px;
        left: 0;
        color: #333333 !important;
        display: inline-block;
        border-radius: 50px;
        line-height: 9px;
        left: auto !important;
        right: 10px;
        float: right;
        padding: 3px;
        text-align: center;
        margin-left: 5px;
        font-size: 13px;
    }

        #pantheon-red .uslugi .one-t-dicklaimer-max:hover .one-t-dicklaimer-message {
            width: 215px !important;
            opacity: 1;
            visibility: visible;
            display: block;
            z-index: 2;
            position: relative;
            left: 35px;
            text-align: left;
        }

            #pantheon-red .uslugi .one-t-dicklaimer-max:hover .one-t-dicklaimer-message:before {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-left: 9px solid transparent;
                border-right: 9px solid transparent;
                border-top: 12px solid #404040;
                position: absolute;
                top: 25%;
                left: -15px;
                transform: rotate(90deg);
            }

            #pantheon-red .uslugi .one-t-dicklaimer-max:hover .one-t-dicklaimer-message p {
                padding: 0px !important;
                text-align: center;
                font-size: 14px !important;
            }

    #pantheon-red .uslugi .table-responsive {
        position: relative;
        box-shadow: 0 30px 99px rgba(0, 0, 0, 0.19);
        overflow: auto;
        width: 100%;
        background-color: white;
        height: 580px;
    }

        #pantheon-red .uslugi .table-responsive::-webkit-scrollbar-thumb {
            background: rgba(226, 0, 116, .75);
        }

        #pantheon-red .uslugi .table-responsive::-webkit-scrollbar {
            width: 5px;
            height: 5px;
        }

    #pantheon-red .uslugi .tableTest {
        width: auto !important;
        max-width: 100%;
        margin: 0 auto;
        background: #fff;
    }

        #pantheon-red .uslugi .tableTest thead th {
            text-transform: uppercase;
            padding: 30px !important;
            font-family: 'teleNeo-extra' !important;
            font-size: 20px !important;
        }

        #pantheon-red .uslugi .tableTest tr th, .tableTest tr td {
            border-bottom: none !important;
            border-top: 0 !important;
            border: none !important;
            padding: 20px 10px;
        }

    #pantheon-red .uslugi .table thead {
        left: 0;
        position: sticky;
        z-index: 3;
        top: 0;
        height: auto;
        box-shadow: 0px 19px 50px 0px rgba(0, 0, 0, .09);
    }

        #pantheon-red .uslugi .table thead tr th:first-child {
            position: sticky;
            left: 0;
            top: 0;
            width: 160px;
            height: 50px;
        }

    #pantheon-red .uslugi .tableTest thead tr th:first-child,
    #pantheon-red .uslugi .tableTest tbody tr th:first-child {
        left: 0;
        position: sticky;
        z-index: 2;
        background: #fff;
        width: 200px;
        text-align: left;
        border-color: #eaeaea !important;
        height: 64px;
    }

    #pantheon-red .uslugi .tableTest tr th:last-child:before,
    .tableTest tr td:last-child:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 30%;
        background: transparent linear-gradient(84deg,rgba(233,233,233,.11) 0%,rgba(223,223,223,0) 100%);
        height: 100%;
    }

    #pantheon-red .uslugi .tableTest tr th:first-child:after, .tableTest tr td:first-child:after {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        top: 0;
        bottom: 0;
        width: 30%;
        background: transparent linear-gradient(84deg,rgba(233,233,233,.11) 0%,rgba(223,223,223,0) 100%);
        height: 100%;
    }

    #pantheon-red .uslugi .table {
        width: 100% !important;
        overflow: visible;
        touch-action: auto !important;
        margin-bottom: 0 !important;
    }

        #pantheon-red .uslugi .table thead > tr > th {
            border-bottom: none !important;
            border-top: none !important;
            background-color: #EFEFF3;
        }

        #pantheon-red .uslugi .table > thead > tr > th:first-child, .table > tbody > tr > th:first-child {
            background-color: white;
            border-right: none !important;
        }

        #pantheon-red .uslugi .table tbody > tr > th:after {
            content: '';
            display: block;
            position: absolute;
            left: 100%;
            top: 0;
            bottom: 0;
            width: 30%;
            background: transparent linear-gradient(84deg,rgba(233,233,233,.11) 0%,rgba(223,223,223,0) 100%);
            height: 100%;
        }

        #pantheon-red .uslugi .table > thead > tr:first-child > th {
            text-align: center;
            font-size: 17px !important;
            font-family: 'teleNeo-extra' !important;
            line-height: 1.2;
            padding: 15px 15px 0;
        }

        #pantheon-red .uslugi .table > thead {
            left: 0;
            position: sticky;
            z-index: 3;
            top: 0;
            height: 130px;
            box-shadow: 0px 19px 50px 0px rgba(0, 0, 0, .04);
        }

    #pantheon-red .uslugi table thead tr:first-of-type th {
        border-right: 1px solid #d8d8d8 !important;
    }

    #pantheon-red .uslugi table thead tr:last-of-type th:nth-child(n+1) {
        border-right: 1px solid #d8d8d8 !important;
    }

    #pantheon-red .uslugi table thead tr:last-of-type th:nth-child(3),
    #pantheon-red .uslugi table thead tr:last-of-type th:nth-child(5) {
        border-right: 0 !important;
    }

    #pantheon-red .uslugi table tbody tr td {
        padding: 10px !important;
        border-bottom: 0 !important;
        border-top: 1px solid #d8d8d8;
        text-align: center !important;
        background-color: #F9F9F9;
        border-right: 1px solid #d8d8d8 !important;
    }

        #pantheon-red .uslugi table tbody tr td + td + td {
            border-right: 1px solid #d8d8d8 !important;
        }

    #pantheon-red .uslugi .table tbody > tr > th {
        border-bottom: none !important;
        font-size: 18px;
        left: 0;
        position: sticky;
        z-index: 2;
        background: #fff;
        width: 160px;
        text-align: left;
        height: auto;
        padding: 15px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
    }

#pantheon-red .dopolnitelni-uslugi .table tbody > tr > th {
    border-bottom: none !important;
    font-size: 15px;
    left: 0;
    position: sticky;
    z-index: 2;
    background: #fff;
    width: 307px;
    text-align: left;
    height: 70px;
    padding: 40px 25px;
    display: table-cell !important;
}

#pantheon-red .uslugi .table tbody > tr:first-of-type > th:first-of-type {
    border-top: 0 !important;
}

#pantheon-red .uslugi table td + td + td {
    border-top: 1px solid #d8d8d8 !important;
}

#pantheon-red .uslugi table tbody tr td:not(:first-of-type) {
    text-align: left;
}

#pantheon-red .uslugi table span.icon.icon-confirm {
    color: #e20074;
    font-size: 19px;
}

#pantheon-red .uslugi table span.icon.icon-cancel {
    color: #999;
    font-size: 19px;
}

#pantheon-red .uslugi span.magenta-text {
    font-family: 'teleNeo-extra' !important;
    font-size: 16px !important;
    color: #e20074;
}

#pantheon-red .uslugi th.magenta {
    color: #e20074;
    text-align: center;
    font-family: 'teleNeo-bold' !important;
    font-size: 16px !important;
}

#pantheon-red .uslugi table thead tr:last-of-type th:first-child {
    border-right: none !important;
}

#pantheon-red .uslugi .price-wrap {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 55px;
    margin: 10px 0;
}

#pantheon-red .uslugi .hdp-price-left.hdp-price-top {
    width: auto;
    display: inline-block;
    float: left;
    text-align: right;
}

    #pantheon-red .uslugi .hdp-price-left.hdp-price-top .hdp-price-frame {
        font-size: 26px;
        text-align: right;
    }

        #pantheon-red .uslugi .hdp-price-left.hdp-price-top .hdp-price-frame span {
            font-family: 'teleNeo-bold' !important;
            font-size: 19px;
        }


#pantheon-red .uslugi .hdp-price-body {
    text-align: left;
    padding-left: 3px;
    line-height: 1.2;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

    #pantheon-red .uslugi .hdp-price-body span {
        font-size: 13px;
    }


#pantheon-red .dopolnitelni-uslugi {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

    #pantheon-red .dopolnitelni-uslugi .column-wrapper-uslugi {
        position: relative;
        z-index: 1;
        width: 100%;
        margin: 30px auto 70px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 30px;
    }

    #pantheon-red .dopolnitelni-uslugi .column-uslugi {
        padding: 20px 65px;
        background: #fff 0% 0% no-repeat padding-box;
        box-shadow: 0 3px 46px #00000024;
        min-height: 330px;
        background-color: #fff;
        z-index: 1;
        transition: all 200ms ease-in;
        transform: scale(.98);
    }

        #pantheon-red .dopolnitelni-uslugi .column-uslugi h3 {
            text-align: center;
            border-bottom: 1px solid #eee;
            padding: 5px 0 30px;
            font-weight: normal;
            font-family: 'teleNeo-medium' !important;
            line-height: 1.2;
            background-color: white;
            border-radius: 0 !important;
            min-height: 100px;
        }

        #pantheon-red .dopolnitelni-uslugi .column-uslugi p {
            padding: 30px 0 0px !important;
            font-size: 28px;
            font-weight: 600;
            text-align: center;
            line-height: 20px;
        }

        #pantheon-red .dopolnitelni-uslugi .column-uslugi .wrap-class {
            background-color: rgba(0, 0, 0, 0.06);
            position: absolute;
            bottom: 0;
            width: 100%;
            padding: 10px;
            left: 0;
        }

        #pantheon-red .dopolnitelni-uslugi .column-uslugi .hdp-price-left.hdp-price-top {
            font-size: 30px;
        }

        #pantheon-red .dopolnitelni-uslugi .column-uslugi .hdp-price-body {
            display: block;
            width: 50%;
        }

    #pantheon-red .dopolnitelni-uslugi span.price-den {
        display: inline-block;
        border-bottom: 1px solid black;
    }

    #pantheon-red .dopolnitelni-uslugi table tbody tr td {
        border-right: none !important;
    }

        #pantheon-red .dopolnitelni-uslugi table tbody tr td + td + td {
            border-right: none !important;
        }

#pantheon-red .hdp-price.standarden-paket {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

#pantheon-red .dopolnitelni-uslugi table thead tr:last-of-type th:first-child {
    font-family: 'teleNeo-extra' !important;
    color: black;
    text-align: left;
    padding: 30px 25px;
    font-size: 18px !important;
}

#pantheon-red .dopolnitelni-uslugi .table > thead > tr > th:first-child,
#pantheon-red .dopolnitelni-uslugi .table > tbody > tr > th:first-child {
    background: linear-gradient(270deg, #eee, #f9f9f9) !important;
}

#pantheon-red .dopolnitelni-uslugi table tbody tr td,
#pantheon-red .dopolnitelni-uslugi .table thead > tr > th {
    background-color: white !important;
}

#pantheon-red .dopolnitelni-uslugi table thead tr:last-of-type th {
    color: #e20074;
    font-family: 'teleNeo-extra' !important;
}

#pantheon-red .dopolnitelni-uslugi .table > thead > tr:first-child > th {
    font-size: 22px !important;
}

#pantheon-red .dopolnitelni-uslugi .table-responsive {
    width: 80% !important;
    padding: 0 !important;
    height: initial;
    margin: auto;
}

#pantheon-red .dopolnitelni-uslugi table thead tr:last-of-type th:nth-child(n+1) {
    border-right: none !important;
}

#pantheon-red .dopolnitelni-uslugi .table {
    background-color: white;
}

#pantheon-red .btn-magen {
    padding: 10px 20px 10px 60px !important;
}

#pantheon-red .pdf {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 23%;
    position: relative;
}

    #pantheon-red .pdf:before {
        content: ' ';
        background-image: url(../content/images/pantheon-red/pdf.svg);
        position: absolute;
        width: 100px;
        height: 50px;
        left: 20px;
        z-index: 3;
        background-repeat: no-repeat;
        background-position: center left;
    }

#pantheon-red .last-sec {
    position: relative;
    background-image: url(../content/images/pantheon-red/section9-bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    #pantheon-red .last-sec .wrap {
        padding: 80px 0;
    }

    #pantheon-red .last-sec h3 {
        text-transform: uppercase;
        display: flex;
        justify-content: center;
        font-family: 'teleNeo-extra' !important;
        font-size: 28px;
        margin-top: 0 !important;
        padding: 50px 0px 0px;
    }

    #pantheon-red .last-sec .panel-group {
        width: 100%;
        margin: 0 auto;
    }

    #pantheon-red .last-sec .panel-default > .panel-heading {
        background-color: transparent !important;
    }

    #pantheon-red .last-sec .wrap .panel-heading .panel-title a:after {
        transform: rotate(270deg);
        transition-duration: .25s;
        top: 50%;
        content: '%';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 22px;
        top: 30%;
        right: 15px;
        margin: auto;
    }

    #pantheon-red .last-sec .wrap .panel-heading .panel-title a.collapsed:after {
        transform: rotate(180deg);
        transition-duration: .25s;
        top: 50%;
        content: '%';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 22px;
        top: 30%;
        right: 15px;
        margin: auto;
    }

    #pantheon-red .last-sec .panel-heading h4.panel-title a {
        font-family: 'teleNeo-bold' !important;
    }

    #pantheon-red .last-sec a:focus {
        color: black !important;
    }

    #pantheon-red .last-sec .wrap .panel-body {
        font-size: 16px;
    }

    #pantheon-red .last-sec ul.t-ul-new-magenta li {
        padding-left: 20px !important;
        margin-left: 0 !important;
    }

    #pantheon-red .last-sec .datalab {
        position: relative;
        background-color: white;
        padding: 5px;
        text-align: right;
    }

@media(min-width: 1900px) {
    #pantheon-red .main-banner {
        background-size: 80%;
    }

    #pantheon-red .uslugi {
        padding-top: 24% !important;
    }

    #pantheon-red .main-banner .header .ec {
        right: -35% !important;
    }
}

@media(max-width: 1500px) {
    #pantheon-red .uslugi .table tbody > tr > th {
        font-size: 16px;
        width: 150px;
        padding: 15px 10px;
    }

    #pantheon-red .uslugi .table > thead > tr:first-child > th {
        text-align: center;
        font-size: 14px !important;
        font-family: 'teleNeo-extra' !important;
        padding: 15px 10px 0;
    }
}

@media (min-width: 1200px) and (max-width: 1550px) {
    #pantheon-red .main-banner {
        background-size: cover;
    }

    #pantheon-red .uslugi {
        padding-top: 35%;
    }

    #pantheon-red .content .wrap-text-additional .ec {
        width: 110px;
    }

    #pantheon-red .main-banner .header {
        width: 32%;
        left: 80px;
        top: 25%;
    }

        #pantheon-red .main-banner .header h1 {
            font-size: 38px;
        }

        #pantheon-red .main-banner .header .ec {
            right: -25%;
            top: 70px;
            width: 120px;
        }

    #pantheon-red .wrap.white {
        width: 100%;
        position: relative;
        min-height: inherit;
        margin-bottom: 10px;
        padding: 80px 60px 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #pantheon-red .main-banner {
        height: 355px;
        background-size: cover;
    }

        #pantheon-red .main-banner .header {
            width: 33% !important;
            left: 50px !important;
            top: 25% !important;
        }

            #pantheon-red .main-banner .header h1 {
                font-size: 28px;
            }

            #pantheon-red .main-banner .header .ec {
                width: 100px !important;
                right: -100px !important;
                top: 40px !important;
            }

    #pantheon-red .content {
        padding: 5% 0 2%;
        height: auto;
    }

        #pantheon-red .content .wrap-text-additional {
            padding: 10px 140px 80px;
        }

            #pantheon-red .content .wrap-text-additional .ec {
                width: 100px;
            }

    #pantheon-red section.content h2 {
        width: 480px !important;
        font-size: 32px !important;
    }

    #pantheon-red .wrap.white {
        width: 100%;
        position: relative;
        min-height: inherit;
        margin-bottom: 10px;
        padding: 80px 30px 30px;
    }

    #pantheon-red ul#myTab-ict {
        width: 100%;
        margin: 0 auto 5px auto;
    }

    #pantheon-red .wrap.white ul#myTab-ict li {
        min-height: 85px;
        padding: 10px;
        font-size: 17px;
        margin: 0;
    }


    #pantheon-red .uslugi .flex-container ul > li {
        width: 30% !important;
    }

    #pantheon-red .uslugi .wrapper nav {
        padding: 30px 15px 0 !important;
    }

    #pantheon-red .pdf {
        width: 32% !important;
    }
}


@media (min-width:768px) and (max-width:991px) {
    #pantheon-red .content .wrap-text-additional {
        padding: 10px 40px 80px;
    }

        #pantheon-red .content .wrap-text-additional .ec {
            width: 90px;
            top: -50px;
        }

    #pantheon-red .main-banner {
        height: 265px;
    }

        #pantheon-red .main-banner .header {
            width: 40%;
            left: 50px;
            top: 25%;
        }

            #pantheon-red .main-banner .header h1 {
                font-size: 26px;
            }

            #pantheon-red .main-banner .header .ec {
                right: 0;
                bottom: 20px;
                width: 90px;
                top: initial;
            }

    #pantheon-red .content {
        padding: 9% 0 2%;
        height: auto;
    }

    #pantheon-red section.content h2 {
        width: 450px !important;
        font-size: 30px !important;
    }

    #pantheon-red .wrap.white {
        width: 100%;
        position: relative;
        min-height: inherit;
        margin-bottom: 0;
        padding: 80px 60px 30px;
    }

    #pantheon-red ul#myTab-ict {
        width: 100%;
        margin: 0 auto 5px auto;
    }

    #pantheon-red .wrap.white ul#myTab-ict li {
        min-height: 85px;
        padding: 10px;
        font-size: 17px;
        margin: 0;
    }

    #pantheon-red #tab-1 p {
        padding: 0 0 20px !important;
    }

    #pantheon-red .dc-tab_content .wrap {
        flex-wrap: wrap;
    }

    #pantheon-red div#tab-3 .wrap .box-wrap {
        width: 50% !important;
    }

    #pantheon-red #tab-2 .text-wrap {
        flex-direction: column;
    }

    #pantheon-red .wrap.white .text-wrap ul {
        margin: 0 !important;
    }



    #pantheon-red .dopolnitelni-uslugi .column-wrapper-uslugi {
        width: 35% !important;
    }

    #pantheon-red .dopolnitelni-uslugi .column-uslugi p {
        padding: 15px 0 0px !important;
    }

    #pantheon-red #tab-1 .wrap .box-wrap {
        width: 33% !important;
    }

    #pantheon-red .uslugi .flex-container ul > li {
        width: 50% !important;
    }

    #pantheon-red .list-inline {
        margin-top: 0;
    }

    #pantheon-red .pdf {
        width: 40% !important;
    }
}

@media(max-width: 767px) {
    #pantheon-red .main-banner {
        height: 350px;
        background-size: 130%;
        background-position: top center;
        margin-bottom: 0px;
    }

        #pantheon-red .main-banner:before {
            display: none;
        }

        #pantheon-red .main-banner .header {
            width: 100%;
            background-color: #e20074;
            padding: 10px 55px 10px 30px;
            bottom: 0;
            top: initial;
            z-index: 3;
            height: 130px;
            display: inline-flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            left: 0;
        }

            #pantheon-red .main-banner .header h1 {
                font-size: 24px !important;
                margin: 5px 0;
                padding: 0;
            }

            #pantheon-red .main-banner .header .ec {
                position: absolute;
                right: 15px;
                top: initial;
                width: 90px;
                bottom: -60px;
                z-index: 4;
            }

    #pantheon-red .content {
        height: auto;
        padding: 20% 0 2% !important;
    }

        #pantheon-red .content .wrap-text-additional {
            padding: 5px 0 130px;
        }

            #pantheon-red .content .wrap-text-additional .ec {
                left: 0;
                margin: 0 auto 10px;
                width: 90px;
                bottom: 20px;
                top: unset;
            }

        #pantheon-red .content .wrap-title h2 {
            font-size: 27px !important;
            bottom: 0 !important;
            margin: 0 auto !important;
        }

    #pantheon-red .wrap.white {
        padding: 15px 0px !important;
        margin-top: 25px;
        margin-bottom: 30px;
        width: 100%;
        position: relative;
        min-height: inherit;
    }

    #pantheon-red #tab-1 p {
        padding: 5px 0px !important;
        font-size: 17px;
        text-align: center;
    }

    #pantheon-red .dc-tab_content .wrap {
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        #pantheon-red .dc-tab_content .wrap .box-wrap {
            width: 100%;
            padding: 10px 0 !important;
        }

    #pantheon-red #myTabContent-ict .wrap .box-wrap h4 {
        font-size: 18px;
        padding: 15px 0 0;
    }

    #pantheon-red #myTabContent-ict h3 {
        margin: 10px 0 !important;
    }

    #pantheon-red .wrap.white .text-wrap ul {
        margin: 0 !important;
    }

        #pantheon-red .wrap.white .text-wrap ul li {
            font-size: 17px;
        }

    #pantheon-red .dc-tab_content .wrap .box-wrap {
        padding: 0;
    }

    #pantheon-red div#myTabContent-ict div.dc-tab_content p {
        padding: 0 !important;
    }

    #pantheon-red .dc-tab_content .wrap .box-wrap p {
        margin: 0 !important;
        font-size: 17px !important;
    }

    #pantheon-red #tab-2 .text-wrap {
        flex-direction: column;
    }

    #pantheon-red #tab-3.dc-tab_content .wrap .box-wrap .img {
        min-height: 40px;
    }


    #pantheon-red .uslugi .wrapper {
        padding: 50px 0px 20px;
    }

    #pantheon-red .uslugi .center-nav {
        flex-direction: column;
    }

    #pantheon-red .uslugi .flex-container ul > li {
        width: 100%;
        margin: 0 auto;
    }

    #pantheon-red .uslugi .list-inline {
        margin-top: 0px;
    }

    #pantheon-red .uslugi p {
        padding: 15px 5px 0px !important;
    }

    #pantheon-red .dopolnitelni-uslugi .column-wrapper-uslugi {
        width: 60% !important;
    }

    #pantheon-red .dopolnitelni-uslugi .column-wrapper-uslugi {
        margin: 30px 30px 40px !important;
    }

    #pantheon-red .last-sec .datalab {
        padding: 15px 0px 30px !important;
    }

    #pantheon-red .last-sec .wrap {
        padding: 30px 0px !important;
    }

    #pantheon-red .pdf {
        width: 100%;
    }

    #pantheon-red .last-sec h3 {
        padding: 30px 0px 10px;
        font-size: 21px;
        background-color: white !important;
    }

    #pantheon-red section.last-sec .panel-heading h4.panel-title a {
        padding: 15px 30px 0px 0px !important;
        font-size: 17px;
        line-height: 1.2;
    }

    #pantheon-red .uslugi .table tbody > tr > th {
        width: 210px !important;
    }

    #pantheon-red .dopolnitelni-uslugi .column-uslugi {
        height: auto;
    }
}

@media(min-width: 320px) and (max-width: 500px) {
    #pantheon-red .main-banner {
        height: 260px;
    }

        #pantheon-red .main-banner .header h1 {
            font-size: 23px;
        }

    #pantheon-red .uslugi .table tbody > tr > th {
        font-size: 15px;
        left: 0;
        position: sticky;
        z-index: 2;
        background: #fff;
        width: 130px !important;
        text-align: left;
        height: auto;
        padding: 23px 25px;
    }

    #pantheon-red .dopolnitelni-uslugi .column-wrapper-uslugi {
        width: 80% !important;
    }
}
/*#endregion pantheon */

/*#region SAFENET */
#safe-net .main-banner {
    position: relative;
    background-image: url(../content/images/safenet-red/Banner-img.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 525px;
}

#safe-net .main-banner-new img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#safe-net .header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    height: 100%;
    width: 30%;
    position: relative;
    padding: 15% 0 0;
}

    #safe-net .header h1 {
        color: white;
        font-family: 'teleNeo-extra' !important;
        font-size: 42px;
        text-transform: none;
    }

    #safe-net .header h2 {
        display: block;
        font-family: 'teleNeo-regular' !important;
        font-size: 25px;
        color: white;
    }

#safe-net .svg {
    position: relative;
    height: 100%;
}

    #safe-net .svg:before {
        content: '';
        position: absolute;
        left: -900%;
        height: 292px;
        background: #e20074;
        right: 100%;
        display: block;
        bottom: 0;
    }

    #safe-net .svg svg {
        bottom: -35px;
        top: auto;
        left: -1px;
        right: auto;
        position: absolute;
    }

#safe-net .sn-mobile {
    position: relative;
    padding: 65px 0px 20px;
    text-align: center;
}

    #safe-net .sn-mobile .text {
        padding: 0 90px;
    }

        #safe-net .sn-mobile .text .img {
            width: 75px;
            position: relative;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        #safe-net .sn-mobile .text h2 {
            margin: 30px 0px;
            font-family: 'teleNeo-extra' !important;
        }

        #safe-net .sn-mobile .text p {
            margin-bottom: 45px;
            font-size: 18px;
        }

#safe-net .karakteristiki {
    position: relative;
    background-image: url(../content/images/safenet-red/bg-secondsection.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 0px;
}

    #safe-net .karakteristiki h2 {
        text-align: center;
        color: white;
        font-family: 'teleNeo-extra' !important;
        text-transform: uppercase;
        padding: 30px 0px;
    }

    #safe-net .karakteristiki .wrap {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding: 40px 0px 0px;
    }

        #safe-net .karakteristiki .wrap .box-wrap {
            width: 30%;
            text-align: center;
        }

            #safe-net .karakteristiki .wrap .box-wrap .img {
                min-height: 90px;
            }

            #safe-net .karakteristiki .wrap .box-wrap p {
                color: #fff;
                font-size: 18px;
                padding: 0 55px;
                font-family: 'teleNeo-bold' !important;
            }

#safe-net .content {
    position: relative;
    background-image: url(../content/images/safenet-red/BG-section3.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

    #safe-net .content h2 {
        font-family: 'teleNeo-medium' !important;
        color: white;
        text-align: left;
        padding: 60px 0px 30px;
    }

        #safe-net .content h2 span {
            display: block;
            font-size: 42px;
            font-family: 'teleNeo-extra' !important;
        }

    #safe-net .content .wrapper {
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: space-between;
        position: relative;
        font-size: 16px;
        padding: 0 0 85px;
        color: white;
    }

        #safe-net .content .wrapper .text {
            width: 70%;
            padding-right: 100px;
        }

    #safe-net .content p {
        padding: 5px 0;
    }

        #safe-net .content p.uppercase {
            font-family: 'teleNeo-extra' !important;
        }

#safe-net .wrap {
    display: flex;
    align-content: center;
    justify-content: space-evenly;
    text-align: center;
}

#safe-net .paketi .box-wrap {
    width: 35%;
    background-color: white;
    height: 190px;
    border-radius: 10px;
    position: relative;
    padding: 25px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-evenly;
}

    #safe-net .paketi .box-wrap a {
        font-size: 23px;
        color: black;
        font-family: 'teleNeo-extra' !important;
    }

    #safe-net .paketi .box-wrap .qr {
        width: 65%;
    }

#safe-net .paketi .wrap .box-wrap p {
    margin: 0;
    padding: 0;
}

    #safe-net .paketi .wrap .box-wrap p.phone {
        color: black;
        font-family: 'teleNeo-extra' !important;
        font-size: 23px;
    }

#safe-net .paketi .wrap .box-wrap .img {
    min-height: 87px;
    display: flex;
    align-content: stretch;
    align-items: center;
}

#safe-net .last-sec {
    position: relative;
    background-image: url(../content/images/pantheon-red/section9-bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    #safe-net .last-sec .wrap {
        padding: 80px 0;
    }

    #safe-net .last-sec h3 {
        text-transform: uppercase;
        display: flex;
        justify-content: center;
        font-family: 'teleNeo-extra' !important;
        font-size: 28px;
        margin-top: 0 !important;
        padding: 75px 0px 0px;
    }

    #safe-net .last-sec .panel-group {
        width: 100%;
        margin: 0 auto;
    }

    #safe-net .last-sec .panel-default > .panel-heading {
        background-color: transparent !important;
    }

    #safe-net .last-sec .wrap .panel-heading .panel-title a:after {
        transform: rotate(270deg);
        transition-duration: .25s;
        top: 50%;
        content: '%';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 22px;
        top: 30%;
        right: 15px;
        margin: auto;
    }

    #safe-net .last-sec .wrap .panel-heading .panel-title a.collapsed:after {
        transform: rotate(180deg);
        transition-duration: .25s;
        top: 50%;
        content: '%';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 22px;
        top: 30%;
        right: 15px;
        margin: auto;
    }

    #safe-net .last-sec .panel-heading h4.panel-title a {
        font-family: 'teleNeo-bold' !important;
    }

    #safe-net .last-sec a:focus {
        color: black !important;
    }

    #safe-net .last-sec .wrap .panel-body {
        font-size: 16px;
    }

    #safe-net .last-sec ul.t-ul-new-magenta li {
        padding-left: 20px !important;
        margin-left: 0 !important;
    }

@media (min-width:992px) and (max-width:1199px) {
    #safe-net .karakteristiki .wrap .box-wrap p {
        padding: 0 25px;
    }

    #safe-net .svg svg {
        width: 60%;
        bottom: -88px;
    }

    #safe-net .svg:before {
        content: '';
        height: 215px;
        bottom: 0;
    }

    #safe-net .header {
        width: 55%;
        padding: 340px 20px 0;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    #safe-net .main-banner {
        height: 350px;
    }

    #safe-net .svg svg {
        width: 60%;
        bottom: -120px;
    }

    #safe-net .header {
        width: 55%;
        padding: 190px 20px 0;
    }

        #safe-net .header h1 {
            font-size: 28px;
        }

        #safe-net .header h2 {
            font-size: 22px;
        }

    #safe-net .sn-mobile {
        padding: 40px 0px 0px;
    }

        #safe-net .sn-mobile .text .img {
            width: 65px;
        }

        #safe-net .sn-mobile .text {
            padding: 0 60px;
        }

    #safe-net .karakteristiki h2 {
        padding: 0;
    }

    #safe-net .karakteristiki .wrap .box-wrap {
        width: 35%;
    }

        #safe-net .karakteristiki .wrap .box-wrap p {
            font-size: 17px;
            padding: 0 10px;
        }

        #safe-net .karakteristiki .wrap .box-wrap .img {
            width: 50px;
            margin: auto;
        }

    #safe-net .content p {
        padding: 0;
    }

    #safe-net .content .wrapper .text {
        width: 100%;
        padding-right: 0;
    }

    #safe-net .content h2 {
        padding: 30px 0px 0px;
    }

    #safe-net .content .wrapper {
        flex-direction: column;
        padding: 10px 0 50px;
    }

    #safe-net .wrap {
        padding: 25px 0 0;
    }

    #safe-net .paketi .box-wrap {
        width: 24%;
        margin: 15px;
    }

    #safe-net .last-sec .wrap {
        padding: 40px 0;
    }

    #safe-net .wrap {
        justify-content: center;
    }
}

@media(max-width:767px) {
    #safe-net .main-banner {
        height: 350px;
        background-position: 50% 0;
    }

    #safe-net .svg svg:before {
        display: none;
    }

    #safe-net .svg svg {
        width: 80%;
        bottom: -120px;
    }

    #safe-net .main-banner .header {
        width: 80%;
        padding: 185px 50px 0 20px;
    }

        #safe-net .main-banner .header h1 {
            font-size: 30px;
        }

        #safe-net .main-banner .header h2 {
            text-transform: none;
            font-size: 26px;
        }

    #safe-net .sn-mobile {
        padding: 45px 0px 0;
    }

        #safe-net .sn-mobile .text {
            padding: 25px 0;
        }

    #safe-net .karakteristiki h2 {
        padding: 0;
    }

    #safe-net .karakteristiki .wrap {
        flex-direction: column;
        align-content: center;
        align-items: center;
    }

        #safe-net .karakteristiki .wrap .box-wrap {
            width: 100%;
            margin: 25px 0;
        }

            #safe-net .karakteristiki .wrap .box-wrap .img {
                min-height: 80px;
            }

            #safe-net .karakteristiki .wrap .box-wrap p {
                padding: 0 20px 20px;
            }

    #safe-net .content p {
        padding: 0;
    }

    #safe-net .content .wrapper .text {
        width: 100%;
        padding-right: 0;
    }

    #safe-net .content h2 {
        padding: 30px 0px 0px;
    }

    #safe-net .wrap {
        flex-direction: column;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
    }

    #safe-net .paketi .box-wrap {
        width: 55%;
        margin: 15px 0px;
        height: 160px;
    }

        #safe-net .paketi .box-wrap a {
            font-size: 18px;
        }

        #safe-net .paketi .box-wrap .qr {
            width: 90%;
        }

    #safe-net .paketi .wrap .box-wrap p span {
        font-size: 18px;
    }

    #safe-net .content .wrapper {
        flex-direction: column;
        padding: 0 0 35px;
    }

    #safe-net .last-sec .wrap {
        padding: 20px 0px;
    }

    #safe-net .last-sec h3 {
        padding: 30px 0px 0px;
        font-size: 24px;
    }

    #safe-net .last-sec {
        padding: 0 0 30px;
    }

        #safe-net .last-sec .panel-heading h4.panel-title a {
            font-size: 17px;
            line-height: 1.2;
        }
}


@media (max-width:575px) {
    #safe-net .header {
        width: 100% !important;
        padding: 265px 55px 0 25px !important;
    }

        #safe-net .header h1 {
            font-size: 27px !important;
            margin-bottom: 5px;
        }

        #safe-net .header h2 {
            font-size: 21px !important;
            text-transform: none;
        }

    #safe-net .svg svg {
        bottom: -175px;
        width: 100%;
    }
}

@media (min-width: 320px) and (max-width: 400px) {
    #safe-net .main-banner {
        background-position: 60% 0;
    }



    #safe-net .header {
        padding: 265px 15px 0 !important;
    }

        #safe-net .header h1 {
            font-size: 22px;
        }

        #safe-net .header h2 {
            font-size: 18px;
        }


    #safe-net .wrap {
        flex-direction: column;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
    }

    #safe-net .paketi .box-wrap {
        width: 55%;
        margin: 15px 0px;
        height: 160px;
    }

        #safe-net .paketi .box-wrap a {
            font-size: 18px;
        }

        #safe-net .paketi .box-wrap .qr {
            width: 90%;
        }

    #safe-net .paketi .wrap .box-wrap p span {
        font-size: 18px;
    }

    #safe-net .content .wrapper {
        flex-direction: column;
        padding: 0 0 35px;
    }
}

/*#endregion SAFENET */

/*#region SafeNet Office*/

#safe-net-office-red .main-banner {
    position: relative;
    width: 100%;
    height: 100%;
}

    #safe-net-office-red .main-banner img {
        position: relative;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    #safe-net-office-red .main-banner video {
        width: 100%;
        height: 100%;
        margin-top: 0;
        border-left: 0 !important;
        border-bottom: 0 !important;
        color: transparent;
        background-color: transparent;
    }

#safe-net-office-red .sn-mobile {
    position: relative;
    padding: 65px 0px 20px;
    text-align: center;
    background-image: url(../content/images/SafeNet-office-red/section-bg-1.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    #safe-net-office-red .sn-mobile .text {
        padding: 0 90px;
    }

        #safe-net-office-red .sn-mobile .text .img {
            width: 75px;
            position: relative;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        #safe-net-office-red .sn-mobile .text h2 {
            margin: 30px 0px 10px;
            font-family: 'teleNeo-extra' !important;
            text-transform: uppercase;
        }

        #safe-net-office-red .sn-mobile .text h3 {
            font-size: 23px;
            margin: 10px 0 30px;
            color: black;
            font-family: 'teleNeo-medium' !important;
        }

        #safe-net-office-red .sn-mobile .text p {
            margin-bottom: 25px;
            font-size: 18px;
        }

#safe-net-office-red .karakteristiki {
    position: relative;
    background-image: url(../content/images/safenet-red/bg-secondsection.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 65px 0px;
}

    #safe-net-office-red .karakteristiki h2 {
        text-align: center;
        color: white;
        font-family: 'teleNeo-extra' !important;
        text-transform: uppercase;
        padding: 30px 0px;
    }

    #safe-net-office-red .karakteristiki .wrap {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding: 40px 0px 0px;
    }

        #safe-net-office-red .karakteristiki .wrap .box-wrap {
            width: 30%;
            text-align: center;
        }

            #safe-net-office-red .karakteristiki .wrap .box-wrap .img {
                min-height: 90px;
            }

            #safe-net-office-red .karakteristiki .wrap .box-wrap p {
                color: #fff;
                font-size: 18px;
                padding: 0 55px;
                font-family: 'teleNeo-bold' !important;
            }

#safe-net-office-red .safe-content {
    position: relative;
    background-image: url(../content/images/safenet-red/BG-section3.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 0 150px;
}

    #safe-net-office-red .safe-content:after {
        background-image: url(../content/images/SafeNet-office-red/Shape_icon.svg);
        content: ' ';
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 0;
        right: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom;
    }

    #safe-net-office-red .safe-content .text {
        width: 50%;
        color: white;
    }

        #safe-net-office-red .safe-content .text h2 {
            font-family: 'teleNeo-extra' !important;
            color: white;
            text-align: left;
            padding: 60px 80px 30px 0;
            text-transform: none;
        }

    #safe-net-office-red .safe-content h2 span {
        display: block;
        font-size: 28px;
        font-family: 'teleNeo-medium' !important;
    }

    #safe-net-office-red .safe-content p {
        padding: 8px 0;
    }

#safe-net-office-red .ceni {
    text-align: center;
    position: relative;
    padding: 80px 0 5px;
    background-image: url('../content/images/SafeNet-office-red/section3.png');
    background-size: cover;
    background-position: center;
}

#safe-net-office-red .column-wrapper-uslugi {
    display: flex;
    justify-content: center;
}

    #safe-net-office-red .column-wrapper-uslugi .column-uslugi {
        padding: 30px 15px;
        background: #fff 0% 0% no-repeat padding-box;
        box-shadow: 0 3px 46px #00000024;
        min-height: 255px;
        background-color: #fff;
        z-index: 1;
        transition: all 200ms ease-in;
        transform: scale(.98);
        margin: 25px 10px;
        width: 17%;
        position: relative;
    }

        #safe-net-office-red .column-wrapper-uslugi .column-uslugi .column-inner-uslugi {
            background: #fff 0% 0% no-repeat padding-box;
            background-color: #fff;
            z-index: 1;
            transition: all 200ms ease-in;
            transform: scale(1);
            position: relative;
        }

            #safe-net-office-red .column-wrapper-uslugi .column-uslugi .column-inner-uslugi span {
                font-size: 17px;
            }

            #safe-net-office-red .column-wrapper-uslugi .column-uslugi .column-inner-uslugi h3 {
                text-align: center;
                border-bottom: 1px solid #eee;
                padding: 0 0 15px;
                min-height: 40px;
                font-family: 'teleNeo-bold' !important;
                font-size: 21px !important;
                margin-top: 5px;
            }

#safe-net-office-red .ceni h2 {
    text-transform: uppercase;
    font-family: 'teleNeo-extra' !important;
}

#safe-net-office-red .column-wrapper-uslugi .column-uslugi .column-inner-uslugi .wrap-class {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0 0;
}

    #safe-net-office-red .column-wrapper-uslugi .column-uslugi .column-inner-uslugi .wrap-class .hdp-price.standarden-paket {
        display: inline-flex;
        align-items: center;
        flex-direction: row;
        justify-content: center;
    }

    #safe-net-office-red .column-wrapper-uslugi .column-uslugi .column-inner-uslugi .wrap-class .hdp-price-frame.hdp-price-frame-small span {
        font-size: 33px;
        font-family: 'teleNeo-bold' !important;
    }

    #safe-net-office-red .column-wrapper-uslugi .column-uslugi .column-inner-uslugi .wrap-class .hdp-price-body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin: 0px 10px;
    }

        #safe-net-office-red .column-wrapper-uslugi .column-uslugi .column-inner-uslugi .wrap-class .hdp-price-body span {
            font-size: 12px;
            text-align: left;
        }

            #safe-net-office-red .column-wrapper-uslugi .column-uslugi .column-inner-uslugi .wrap-class .hdp-price-body span.price-descr {
                border-top: 1px solid #000000;
            }

        #safe-net-office-red .column-wrapper-uslugi .column-uslugi .column-inner-uslugi .wrap-class .hdp-price-body .price-den {
            display: inline-block;
        }

    #safe-net-office-red .column-wrapper-uslugi .column-uslugi .column-inner-uslugi .wrap-class .text-magenta {
        padding: 15px 0 0 !important;
    }

#safe-net-office-red .ceni .heading p {
    font-family: 'teleNeo-bold' !important;
    font-size: 17px !important;
}

#safe-net-office-red .ceni .text-magenta {
    color: #e20074 !important;
    font-family: 'teleNeo-extra' !important;
    padding: 15px 0 0 !important;
}

#safe-net-office-red .last-sec {
    padding: 30px 0;
}

    #safe-net-office-red .last-sec .panel-heading h4.panel-title a {
        line-height: 1.2;
    }

    #safe-net-office-red .last-sec .wrap .panel-heading .panel-title a:after {
        transform: rotate(270deg);
        transition-duration: .25s;
        top: 50%;
        content: '%';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 22px;
        top: 30%;
        right: 15px;
        margin: auto;
    }

    #safe-net-office-red .last-sec .wrap .panel-heading .panel-title a.collapsed:after {
        transform: rotate(180deg);
        transition-duration: .25s;
        top: 50%;
        content: '%';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 22px;
        top: 30%;
        right: 15px;
        margin: auto;
    }



    #safe-net-office-red .last-sec a:focus {
        color: black !important;
    }

    #safe-net-office-red .last-sec .wrap .panel-body {
        font-size: 16px;
    }

    #safe-net-office-red .last-sec ul.t-ul-new-magenta li {
        padding-left: 0 !important;
        margin-left: 0 !important;
        background-color: transparent;
        background-image: unset !important;
    }

    #safe-net-office-red .last-sec ul.nav li.active {
        font-family: 'teleNeo-bold' !important;
    }

@media (min-width: 1200px) and (max-width: 1600px) {
    #pantheon-red .pdf {
        width: 30%;
    }

    #safe-net-office-red .main-banner {
        height: auto;
    }

    #safe-net-office-red .safe-content:after {
        height: 80%;
        background-position: 65%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #safe-net-office-red .main-banner {
        height: auto;
    }

    #safe-net-office-red .sn-mobile {
        padding: 30px 0px 20px;
    }

        #safe-net-office-red .sn-mobile .text {
            padding: 0 50px;
        }

    #safe-net-office-red .karakteristiki .wrap .box-wrap {
        width: 35%;
    }

        #safe-net-office-red .karakteristiki .wrap .box-wrap p {
            padding: 0 30px;
        }

    #safe-net-office-red .safe-content {
        padding: 0 0 10%;
    }

        #safe-net-office-red .safe-content .text {
            width: 70%;
        }

        #safe-net-office-red .safe-content:after {
            height: 65%;
            background-position: left;
        }

        #safe-net-office-red .safe-content .text h2 {
            padding: 50px 0px 25px 0;
        }

    #safe-net-office-red .ceni {
        padding: 50px 0 5px;
    }

    #safe-net-office-red .column-wrapper-uslugi .column-uslugi {
        width: 22%;
    }

    #safe-net-office-red .last-sec .video {
        max-width: 70%;
        height: 230px !important;
        width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #safe-net-office-red .main-banner {
        height: auto;
    }

    #safe-net-office-red .sn-mobile {
        padding: 30px 0px 20px;
    }

        #safe-net-office-red .sn-mobile .text {
            padding: 0 50px;
        }

    #safe-net-office-red .karakteristiki .wrap .box-wrap {
        width: 35%;
    }

        #safe-net-office-red .karakteristiki .wrap .box-wrap p {
            padding: 0 30px;
        }

    #safe-net-office-red .safe-content {
        padding: 0 0 10%;
    }

        #safe-net-office-red .safe-content .text {
            width: 70%;
        }

        #safe-net-office-red .safe-content:after {
            height: 55%;
            background-position: 45%;
        }

        #safe-net-office-red .safe-content .text h2 {
            padding: 50px 0px 25px 0;
        }

    #safe-net-office-red .ceni {
        padding: 50px 0 5px;
    }

    #safe-net-office-red .column-wrapper-uslugi .column-uslugi {
        width: 30%;
    }

    #safe-net-office-red .last-sec .video {
        max-width: 70%;
        height: 230px !important;
        width: 100% !important;
    }

    #safe-net-office-red .btn-wrapper {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    #safe-net-office-red .main-banner {
        height: auto;
    }

    #safe-net-office-red .sn-mobile {
        padding: 35px 0px 20px;
    }

        #safe-net-office-red .sn-mobile .text {
            padding: 0;
        }

            #safe-net-office-red .sn-mobile .text .img {
                width: 60px;
            }

            #safe-net-office-red .sn-mobile .text p {
                margin-bottom: 20px;
            }

    #safe-net-office-red .karakteristiki {
        padding: 5px 0px;
    }

        #safe-net-office-red .karakteristiki .wrap {
            flex-direction: column;
            align-content: center;
            align-items: center;
        }

            #safe-net-office-red .karakteristiki .wrap .box-wrap {
                width: 100%;
                margin: 0 0 25px;
            }

                #safe-net-office-red .karakteristiki .wrap .box-wrap .img {
                    min-height: 80px;
                }

                #safe-net-office-red .karakteristiki .wrap .box-wrap p {
                    padding: 0 20px 20px;
                }

        #safe-net-office-red .karakteristiki h2 {
            padding: 30px 0px 0px;
        }

    #safe-net-office-red .safe-content {
        padding: 0 0 30px;
    }

        #safe-net-office-red .safe-content .text {
            width: 100%;
        }

        #safe-net-office-red .safe-content:after {
            display: none;
        }

        #safe-net-office-red .safe-content .text h2 {
            padding: 45px 0 20px 0;
            font-size: 36px;
        }

        #safe-net-office-red .safe-content h2 span {
            font-size: 23px;
        }

        #safe-net-office-red .safe-content p {
            padding: 0;
        }

    #safe-net-office-red .ceni {
        padding: 40px 0 5px;
    }

        #safe-net-office-red .ceni .ceni-specifikacija .list-inline {
            margin-top: 20px;
        }

    #safe-net-office-red .column-wrapper-uslugi {
        flex-direction: column;
        align-items: center;
    }

        #safe-net-office-red .column-wrapper-uslugi .column-uslugi {
            margin: 15px 10px;
            width: 35%;
            min-height: 270px;
        }

            #safe-net-office-red .column-wrapper-uslugi .column-uslugi .column-inner-uslugi h3 {
                background: transparent;
            }

    #safe-net-office-red .btn-wrapper {
        width: 100%;
    }

    #safe-net-office-red .last-sec .wrapper {
        padding-top: 60px;
    }

    #safe-net-office-red .last-sec h3 {
        margin: 10px 0 !important;
    }

    #safe-net-office-red .last-sec .wrap {
        width: 85%;
        margin: 0 auto;
    }

    #safe-net-office-red .last-sec .video {
        max-width: 85%;
    }
}

@media (max-width: 576px) {
    #safe-net-office-red .column-wrapper-uslugi .column-uslugi {
        width: 65%;
    }
}

@media (min-width: 320px) and (max-width: 391px) {
    #safe-net-office-red .column-wrapper-uslugi {
        flex-direction: column;
        align-items: center;
    }

        #safe-net-office-red .column-wrapper-uslugi .column-uslugi {
            margin: 15px 10px;
            width: 80%;
            min-height: 270px;
        }

            #safe-net-office-red .column-wrapper-uslugi .column-uslugi .column-inner-uslugi h3 {
                background: transparent;
            }
}
/*#endregion SafeNet Office*/

/*#region Kaspersky*/
#kaspersky .main-banner {
    position: relative;
    background-image: url(../content/images/Kaspersky-red/banner-pic.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 525px;
}

#kaspersky h2 {
    font-size: 35px;
}

#kaspersky .header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    height: 100%;
    width: 35%;
    position: relative;
    padding: 15% 0 0;
}

    #kaspersky .header h1 {
        color: white;
        font-family: 'teleNeo-bold' !important;
        font-size: 42px;
        text-transform: none;
    }

    #kaspersky .header h2 {
        display: block;
        font-family: 'teleNeo-regular' !important;
        font-size: 25px;
        color: white;
    }

#kaspersky .svg {
    position: relative;
    height: 100%;
}

    #kaspersky .svg:before {
        content: '';
        position: absolute;
        left: -900%;
        height: 292px;
        background: #e20074;
        right: 100%;
        display: block;
        bottom: 0;
    }

    #kaspersky .svg svg {
        bottom: -35px;
        top: auto;
        left: -20%;
        right: auto;
        position: absolute;
    }

#kaspersky .sn-mobile {
    position: relative;
    padding: 65px 0px 20px;
    text-align: center;
}

    #kaspersky .sn-mobile .text {
        padding: 0 90px 30px;
    }

        #kaspersky .sn-mobile .text .img {
            width: 75px;
            position: relative;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        #kaspersky .sn-mobile .text h2 {
            margin: 30px 0px;
            font-family: 'teleNeo-extra' !important;
        }

        #kaspersky .sn-mobile .text p {
            font-size: 18px;
        }

#kaspersky .karakteristiki {
    position: relative;
    background-image: url(../content/images/safenet-red/bg-secondsection.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 0px;
}

    #kaspersky .karakteristiki h2 {
        text-align: center;
        color: white;
        font-family: 'teleNeo-extra' !important;
        text-transform: uppercase;
        padding: 30px 0px;
    }

    #kaspersky .karakteristiki .wrap {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding: 40px 0px 0px;
    }

        #kaspersky .karakteristiki .wrap .box-wrap {
            width: 30%;
            text-align: center;
        }

            #kaspersky .karakteristiki .wrap .box-wrap .img {
                min-height: 90px;
            }

            #kaspersky .karakteristiki .wrap .box-wrap p {
                color: #fff;
                font-size: 18px;
                padding: 0 55px;
                font-family: 'teleNeo-bold' !important;
            }


#kaspersky .multiSection {
    position: relative;
    background-color: black;
}

    #kaspersky .multiSection:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        width: 50%;
        height: 100%;
        background: transparent linear-gradient(180deg, #E7EAF3 0%, #FBFCFD 100%);
    }

    #kaspersky .multiSection:after {
        content: '';
        position: absolute;
        right: 0;
        width: 250px;
        height: 100%;
        background-image: url(../content/images/Kaspersky-red/bg_shape.svg);
        background-size: contain;
        background-position: bottom left;
        background-repeat: no-repeat;
        bottom: 0;
    }

    #kaspersky .multiSection .wrapper {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        position: relative;
    }

        #kaspersky .multiSection .wrapper > div {
            position: relative;
            width: 50%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            text-align: left;
            min-height: 460px;
            justify-content: flex-end;
        }

        #kaspersky .multiSection .wrapper .wrap.left {
            padding-right: 10%;
        }

            #kaspersky .multiSection .wrapper .wrap.left:after {
                content: '';
                position: absolute;
                right: -60px;
                width: 60px;
                height: 140px;
                background: transparent linear-gradient(180deg, #eef0f7 0%, #f4f6fa 100%);
                top: 0;
                bottom: 0;
                margin: auto;
            }

            #kaspersky .multiSection .wrapper .wrap.left:before {
                content: '';
                position: absolute;
                bottom: -60px;
                height: 60px;
                width: 190px;
                background: transparent linear-gradient(180deg, #fafcfd 0%, #ffffff 100%);
                margin: auto;
                left: 0;
                z-index: 2;
            }


        #kaspersky .multiSection .wrapper .wrap.right {
            padding-left: 10%;
            color: white;
        }

        #kaspersky .multiSection .wrapper .text {
            position: relative;
            font-size: 19px;
            min-height: 300px;
        }

    #kaspersky .multiSection h3 {
        font-family: 'teleNeo-extra' !important;
        font-size: 28px;
        line-height: 1.2;
        position: relative;
        padding-left: 30px;
        margin-bottom: 30px;
    }

        #kaspersky .multiSection h3:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            margin: auto 0;
            width: 4px;
            height: 100%;
        }

    #kaspersky .multiSection .left h3 {
        color: black;
    }

        #kaspersky .multiSection .left h3:before {
            background: #e20074;
        }

    #kaspersky .multiSection .right h3 {
        color: white;
    }

        #kaspersky .multiSection .right h3:before {
            background: white;
        }



#kaspersky section.prednosti {
    background: #e20074;
    background-image: url(../content/images/Kaspersky-red/BG-section4.svg);
    background-position: center bottom;
    background-size: cover;
    position: relative;
    padding: 3% 0;
}

    #kaspersky section.prednosti h2 {
        color: white;
        font-family: 'teleNeo-extra' !important;
        margin: 0 auto 40px auto;
        text-align: center;
    }

        #kaspersky section.prednosti h2 span {
            display: block;
            font-family: 'teleNeo-regular' !important;
            font-size: 26px;
        }

    #kaspersky section.prednosti .wrapper {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: flex-start;
    }

        #kaspersky section.prednosti .wrapper .box {
            width: 30%;
            background: white;
            margin: 30px 0;
            position: relative;
            box-shadow: 0px 3px 76px #00000014;
            border-radius: 6px;
            padding: 40px;
        }

            #kaspersky section.prednosti .wrapper .box .img {
                min-height: 55px;
            }

                #kaspersky section.prednosti .wrapper .box .img,
                #kaspersky section.prednosti .wrapper .box .img svg {
                    position: relative;
                }

            #kaspersky section.prednosti .wrapper .box h4 {
                font-family: 'teleNeo-extra' !important;
                font-size: 19px;
                color: black;
            }


#kaspersky .content {
    position: relative;
    background-image: url(../content/images/safenet-red/BG-section3.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


#kaspersky .uslugi {
    position: relative;
    padding: 3% 0;
    background-image: url(../content/images/Kaspersky-red/sec5_bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

    #kaspersky .uslugi p.text-magenta {
        font-family: 'teleNeo-medium' !important;
    }

    #kaspersky .uslugi .tabs {
        position: relative;
        width: 50%;
        margin: 0px auto 40px auto;
        text-align: center;
    }

        #kaspersky .uslugi .tabs ul {
            border: 0;
            width: 100%;
            display: flex;
            justify-content: space-around;
            align-items: center;
        }

            #kaspersky .uslugi .tabs ul li {
                width: 35%;
                padding: 30px;
                background: #FFFFFF 0% 0% no-repeat padding-box;
                box-shadow: 0px 30px 46px #3E3E3E1C;
                border-radius: 10px;
                font-size: 19px;
                font-family: 'teleNeo-bold' !important;
            }

                #kaspersky .uslugi .tabs ul li.active:before {
                    content: '';
                    position: absolute;
                    width: 3px;
                    top: 0;
                    bottom: 0;
                    margin: auto 0;
                    height: 60%;
                    background: #e20074;
                    left: 0;
                }

    #kaspersky .uslugi .table-responsive {
        width: 80%;
        padding: 50px 5%;
        background: white;
        box-shadow: 0px 3px 76px #00000014;
        margin: 0 auto;
    }

    #kaspersky .uslugi table thead th {
        background: transparent;
        border-bottom: 0 !important;
    }

        #kaspersky .uslugi table thead th:not(:first-of-type) {
            color: #e20074;
            text-align: center;
            font-family: 'teleNeo-bold' !important;
        }

    #kaspersky .uslugi table tbody td:first-of-type {
        width: 70%;
    }

    #kaspersky .uslugi table tbody td {
        text-align: left;
        padding: 10px 20px;
        border-bottom: 0 !important;
        border-top: 0 !important;
        width: auto;
    }

        #kaspersky .uslugi table tbody td:not(:first-of-type) {
            text-align: center;
            background: transparent;
        }

    #kaspersky .uslugi table tbody th {
        background: transparent linear-gradient(90deg, #F4F8FC 0%, rgba(244, 248, 252, .7) 23%, #f5f8fb26 100%);
        font-family: 'teleNeo-bold' !important;
        padding: 10px 20px;
        position: relative;
        border: 0 !important;
    }

        #kaspersky .uslugi table tbody th:before {
            content: '';
            position: absolute;
            width: 2px;
            height: 100%;
            left: 0;
            background: #e20074;
            top: 0;
            bottom: 0;
        }

    #kaspersky .uslugi table tbody td span.icon-confirm:before {
        color: #e20074;
    }

    #kaspersky .uslugi table tbody td span.icon-cancel:before {
        opacity: .8;
    }


    #kaspersky .uslugi .prices {
        position: relative;
    }

        #kaspersky .uslugi .prices .wrapper {
            display: flex;
            justify-content: space-evenly;
            align-items: flex-start;
            position: relative;
            height: 100%;
            width: 70%;
            margin: 50px auto;
        }

        #kaspersky .uslugi .prices p.gray-text {
            color: gray;
            font-size: 15px !important;
        }

        #kaspersky .uslugi .prices .wrapper > div {
            background: white;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 0px 3px 76px #00000014;
            width: 30%;
            padding: 30px;
        }

        #kaspersky .uslugi .prices .wrapper .title {
            position: relative;
            margin: 0 0 30px 0;
            min-height: 100px;
        }

            #kaspersky .uslugi .prices .wrapper .title:after {
                content: '';
                position: absolute;
                width: 70%;
                height: 1px;
                background: #eeeeee;
                left: 0;
                right: 0;
                bottom: 30px;
                margin: 0 auto;
            }

        #kaspersky .uslugi .prices .wrapper h4 {
            padding: 0;
            margin: 0;
            font-family: 'teleNeo-bold' !important;
            line-height: 1.2;
            font-size: 20px;
        }

            #kaspersky .uslugi .prices .wrapper h4 span {
                display: block;
                margin-bottom: 5px;
                font-size: 18px;
            }

        #kaspersky .uslugi .prices .wrapper .p-uredi-cena {
            position: relative;
            display: flex;
            justify-content: flex-start;
            align-items: flex-end;
        }

            #kaspersky .uslugi .prices .wrapper .p-uredi-cena > div {
                position: relative;
                width: 50%;
            }

            #kaspersky .uslugi .prices .wrapper .p-uredi-cena span {
                color: black;
            }

            #kaspersky .uslugi .prices .wrapper .p-uredi-cena .p-left {
                width: 60%;
            }

                #kaspersky .uslugi .prices .wrapper .p-uredi-cena .p-left span {
                    font-size: 35px;
                }

            #kaspersky .uslugi .prices .wrapper .p-uredi-cena .p-right {
                display: flex;
                flex-direction: column;
                align-items: flex-end;
                width: auto;
            }

                #kaspersky .uslugi .prices .wrapper .p-uredi-cena .p-right span {
                    color: black;
                    text-transform: none;
                    text-align: right;
                    font-size: 15px;
                    border-bottom: 0;
                }

#kaspersky .how-to-activate {
    background: transparent radial-gradient(closest-side at 50% 50%, #292C3B 0%, #12141F 100%);
    position: relative;
    padding: 3% 0;
}

    #kaspersky .how-to-activate h2 {
        color: white;
        text-align: center;
        margin: 10px 0 60px;
        font-family: 'teleNeo-bold' !important;
    }

    #kaspersky .how-to-activate .slide p {
        display: block;
    }

    #kaspersky .how-to-activate #carousel-steps {
        position: relative;
        height: 450px;
        overflow: visible;
        padding-top: 100px;
    }

    #kaspersky .how-to-activate .carousel-inner {
        position: relative;
        height: 100%;
    }

        #kaspersky .how-to-activate .carousel-inner .item {
            height: 100%;
            text-align: center;
        }

            #kaspersky .how-to-activate .carousel-inner .item .icon-wrap {
                position: relative;
                padding: 30px 0;
            }

                #kaspersky .how-to-activate .carousel-inner .item .icon-wrap svg {
                    position: relative;
                }

            #kaspersky .how-to-activate .carousel-inner .item .text {
                padding: 0 25%;
            }

                #kaspersky .how-to-activate .carousel-inner .item .text p {
                    font-size: 19px;
                    color: white;
                }

#kaspersky .wrap {
    display: flex;
    align-content: center;
    justify-content: space-evenly;
    text-align: center;
}

#kaspersky .how-to-activate .carousel .navigation .indicators {
    position: absolute;
    top: 0;
    width: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 50px;
}

    #kaspersky .how-to-activate .carousel .navigation .indicators:after {
        content: '';
        width: 100%;
        height: 1px;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -10px;
        background: #5A5E6B;
        position: absolute;
    }

    #kaspersky .how-to-activate .carousel .navigation .indicators ol {
        width: 100%;
        left: 0;
        margin: 0;
        top: 0;
    }

        #kaspersky .how-to-activate .carousel .navigation .indicators ol li {
            background-image: none;
            left: 0;
            text-indent: 0;
            color: #5A5E6B;
            text-align: center;
            width: 23%;
            font-size: 18px;
            height: 100%;
            display: inline-flex;
            align-items: flex-start;
            justify-content: center;
            position: relative;
        }

            #kaspersky .how-to-activate .carousel .navigation .indicators ol li.active {
                color: white;
            }

                #kaspersky .how-to-activate .carousel .navigation .indicators ol li.active:after {
                    content: '';
                    position: absolute;
                    height: 5px;
                    background: #e20074;
                    bottom: -10px;
                    width: 30%;
                    bottom: -29px;
                }

            #kaspersky .how-to-activate .carousel .navigation .indicators ol li span {
                font-size: 42px;
                font-family: 'teleNeo-extra' !important;
                position: relative;
                bottom: 8px;
                padding-left: 5px;
            }

#kaspersky .how-to-activate .carousel .navigation .arrows svg {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    fill: white;
}

#kaspersky .paketi .box-wrap {
    width: 35%;
    background-color: white;
    height: 190px;
    border-radius: 10px;
    position: relative;
    padding: 25px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-evenly;
}

    #kaspersky .paketi .box-wrap a {
        font-size: 23px;
        color: black;
        font-family: 'teleNeo-extra' !important;
    }

    #kaspersky .paketi .box-wrap .qr {
        width: 65%;
    }

#kaspersky .paketi .wrap .box-wrap p {
    margin: 0;
    padding: 0;
}

    #kaspersky .paketi .wrap .box-wrap p.phone {
        color: black;
        font-family: 'teleNeo-extra' !important;
        font-size: 23px;
    }

#kaspersky .paketi .wrap .box-wrap .img {
    min-height: 87px;
    display: flex;
    align-content: stretch;
    align-items: center;
}

#kaspersky .last-sec {
    position: relative;
    background-image: url(../content/images/pantheon-red/section9-bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3% 0 5%;
}

    #kaspersky .last-sec .wrap {
        padding: 80px 0;
    }

    #kaspersky .last-sec .wrapper {
        background: white;
        margin: 30px 0 0 !important;
    }

        #kaspersky .last-sec .wrapper:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/virtuelen-disk/q-a-shape-1.png);
            width: 160px;
            height: 100%;
            background-size: contain;
            background-repeat: no-repeat;
            right: 0;
            background-position: right bottom;
            top: 0;
            z-index: 0;
        }

        #kaspersky .last-sec .wrapper:after {
            content: '';
            position: absolute;
            background-image: url(../content/images/virtuelen-disk/q-a-shape-2.png);
            width: 160px;
            height: 100%;
            background-size: contain;
            background-repeat: no-repeat;
            right: 0;
            background-position: right top;
            top: 0;
            z-index: 0;
        }

        #kaspersky .last-sec .wrapper ul {
            border: 0;
        }

            #kaspersky .last-sec .wrapper ul li {
                color: rgba(0,0,0,.6);
                font-family: 'teleNeo-medium' !important;
                font-size: 20px;
            }

                #kaspersky .last-sec .wrapper ul li.active {
                    color: #e20074;
                }

    #kaspersky .last-sec h2 {
        text-transform: uppercase;
        display: flex;
        justify-content: center;
        font-family: 'teleNeo-extra' !important;
        font-size: 35px;
        margin-top: 0 !important;
        padding: 25px 0px 40px;
    }

    #kaspersky .last-sec .pdf-wrap {
        position: relative;
    }

    #kaspersky .last-sec .panel-group {
        width: 100%;
        margin: 0 auto;
    }

#safe-net .last-sec .panel-default > .panel-heading {
    background-color: transparent !important;
}

#kaspersky .last-sec .panel-heading .panel-title a:after {
    transform: rotate(270deg);
    transition-duration: .25s;
    top: 50%;
    content: '%';
    font-family: 'teleicon-outline';
    position: absolute;
    color: #e20074;
    font-size: 22px;
    top: 30%;
    right: 15px;
    margin: auto;
}

#kaspersky .last-sec .panel-heading .panel-title a.collapsed:after {
    transform: rotate(180deg);
    transition-duration: .25s;
    top: 50%;
    content: '%';
    font-family: 'teleicon-outline';
    position: absolute;
    color: #e20074;
    font-size: 22px;
    top: 30%;
    right: 15px;
    margin: auto;
}

#kaspersky.last-sec .panel-heading h4.panel-title a {
    font-family: 'teleNeo-bold' !important;
}

#kaspersky .last-sec a:focus {
    color: black !important;
}

#kaspersky .last-sec .panel-body {
    font-size: 18px;
    line-height: 1.2;
}

#kaspersky .last-sec ul.t-ul-new-magenta li {
    padding-left: 20px !important;
    margin-left: 0 !important;
}

#myModal-pin .modal-dialog {
    width: 520px;
    margin: 80px auto;
}

    #myModal-pin .modal-dialog .modal-header {
        border: 0;
    }

        #myModal-pin .modal-dialog .modal-header h4 {
            font-family: 'teleNeo-medium' !important;
            font-size: 22px;
            color: #e20074;
        }

    #myModal-pin .modal-dialog .modal-body p {
        font-size: 18px;
        color: black;
    }

@media (max-width: 575px) {
    #kaspersky .header {
        width: 100% !important;
        padding: 215px 95px 0 15px !important;
    }

        #kaspersky .header h1 {
            font-size: 27px !important;
            margin-bottom: 5px;
        }

        #kaspersky .header h2 {
            font-size: 21px !important;
            text-transform: none;
        }

    #kaspersky .svg svg {
        bottom: -167px !important;
        width: 100% !important;
    }

    section.last-sec .wrapper .nav li.active:before {
        width: 85% !important;
        margin: 0 auto !important;
        left: 0;
        right: 0;
    }

    section.last-sec .wrapper .nav li.active:after {
        display: none;
    }
}

@media (max-width: 767px) {
    #myModal-pin .modal-dialog {
        width: 100%;
    }

    #kaspersky .main-banner {
        height: 300px;
        background-position: 57% 0;
    }

        #kaspersky .main-banner .header {
            width: 70%;
            padding: 145px 60px 0 20px;
        }

    #kaspersky .header h1 {
        font-size: 33px;
    }

    #kaspersky .svg svg {
        width: 80%;
        bottom: -122px;
    }

    #kaspersky h2 {
        font-size: 25px !important;
    }

    #kaspersky .sn-mobile .text {
        padding: 0;
    }

    #kaspersky .karakteristiki .wrap {
        flex-wrap: wrap;
    }

        #kaspersky .karakteristiki .wrap .box-wrap {
            width: 50%;
            margin: 30px 0;
        }

            #kaspersky .karakteristiki .wrap .box-wrap p {
                padding: 0;
            }


    #kaspersky .multiSection:before {
        width: 100%;
        height: 45%;
    }

    #kaspersky .multiSection:after {
        display: none;
    }

    #kaspersky .multiSection .wrapper {
        flex-direction: column;
    }

        #kaspersky .multiSection .wrapper .wrap.left {
            padding-right: 0;
        }

            #kaspersky .multiSection .wrapper .wrap.left:before,
            #kaspersky .multiSection .wrapper .wrap.left:after {
                display: none;
            }

        #kaspersky .multiSection .wrapper > div {
            width: 100%;
        }

        #kaspersky .multiSection .wrapper .wrap.right {
            padding-left: 0;
            padding-top: 50px;
        }

    #kaspersky section.prednosti h2 {
        margin: 40px auto;
    }

    #kaspersky section.prednosti .wrapper .box {
        width: 100%;
    }

    #kaspersky .uslugi {
        padding: 10% 0 5%;
    }

        #kaspersky .uslugi #myTabContent-ict {
            padding: 0;
        }

        #kaspersky .uslugi .tabs {
            width: 100%;
        }

            #kaspersky .uslugi .tabs ul {
                justify-content: space-between;
                align-items: center;
            }

                #kaspersky .uslugi .tabs ul li {
                    padding: 15px 5px;
                    width: 45%;
                    font-size: 16px;
                    text-align: center;
                }

        #kaspersky .uslugi .prices .wrapper {
            display: flex;
            justify-content: space-evenly;
            align-items: flex-start;
            position: relative;
            height: 100%;
            width: 70%;
            margin: 0 auto;
            flex-direction: column;
            padding-top: 20px;
        }

            #kaspersky .uslugi .prices .wrapper .white-wrap {
                width: 100%;
                padding: 30px;
                margin: 30px 0;
                text-align: center;
            }

        #kaspersky .uslugi p.text-magenta {
            padding: 0;
            font-size: 15px;
        }

        #kaspersky .uslugi .table-responsive {
            width: 100%;
            overflow: scroll;
        }

            #kaspersky .uslugi .table-responsive tr th {
                font-size: 17px;
                padding: 10px;
            }

            #kaspersky .uslugi .table-responsive tr td {
                font-size: 16px;
                padding: 10px;
            }

    #kaspersky .how-to-activate {
        padding: 5% 0;
    }

        #kaspersky .how-to-activate .carousel .navigation .indicators {
            width: 100%;
        }

            #kaspersky .how-to-activate .carousel .navigation .indicators ol li {
                font-size: 17px;
            }

                #kaspersky .how-to-activate .carousel .navigation .indicators ol li.active:after {
                    bottom: -19px;
                }

                #kaspersky .how-to-activate .carousel .navigation .indicators ol li span {
                    font-size: 20px;
                    bottom: 0;
                }

        #kaspersky .how-to-activate .carousel-inner .item .text {
            padding: 0;
        }

    #kaspersky .last-sec .wrapper ul li {
        width: 50% !important;
        font-size: 18px;
    }

    section.last-sec .wrapper .nav li.active:before {
        width: 85% !important;
        margin: 0 auto !important;
        left: 0;
        right: 0;
    }

    section.last-sec .wrapper .nav li.active:after {
        display: none;
    }

    #kaspersky .how-to-activate #carousel-steps {
        height: 550px;
    }

    #kaspersky .last-sec {
        padding: 3% 0 15%;
    }

        #kaspersky .last-sec .wrapper:after,
        #kaspersky .last-sec .wrapper:before {
            width: 140px;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    #kaspersky .main-banner {
        height: 425px;
    }

    #kaspersky .svg svg {
        width: 80%;
        bottom: -84px;
    }

    #kaspersky .header {
        width: 65%;
        padding: 215px 85px 0 15px !important;
    }

        #kaspersky .header h1 {
            font-size: 37px;
        }

    #kaspersky .multiSection .wrapper .wrap.left:before {
        display: none;
    }

    #kaspersky .multiSection .wrapper .wrap.left:after {
        right: -59px;
    }

    #kaspersky .multiSection:after {
        display: none;
    }

    #kaspersky section.prednosti .wrapper .box {
        padding: 20px;
        min-height: 290px;
    }

    #kaspersky .uslugi .tabs {
        width: 70%;
    }

        #kaspersky .uslugi .tabs ul li {
            width: 40%;
        }

    #kaspersky .how-to-activate .carousel .navigation .indicators {
        width: 70%;
    }

    #kaspersky .how-to-activate #carousel-steps {
        height: auto;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #kaspersky .multiSection:after {
        display: none;
    }

    #kaspersky section.prednosti .wrapper .box {
        padding: 25px;
        min-height: 270px;
    }
}

/*#endregion Kaspersky*/

/*#region Vremenski zig*/
#vremenski-zig .main-banner {
    position: relative;
    background-image: url(../content/images/Vremenski-zig-red/img.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    height: 520px;
}

    #vremenski-zig .main-banner:before {
        position: absolute;
        content: ' ';
        left: 0;
        width: 50%;
        background-size: cover;
        background-image: url(../content/images/Vremenski-zig-red/Shape_banner_new.png);
        height: 100%;
        background-position: bottom;
        z-index: 2;
    }

#vremenski-zig h2 {
    font-size: 35px;
}

#vremenski-zig .header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 35%;
    position: relative;
    padding: 0 0 0;
    z-index: 3;
}

    #vremenski-zig .header h1 {
        color: white;
        font-family: 'teleNeo-bold' !important;
        font-size: 42px;
        text-transform: none;
    }

    #vremenski-zig .header h2 {
        display: block;
        font-family: 'teleNeo-regular' !important;
        font-size: 25px;
        color: white;
    }

#vremenski-zig .img-banner {
    position: relative;
    height: 100%;
}

    #vremenski-zig .img-banner:before {
        content: '';
        position: absolute;
        left: -900%;
        height: 100%;
        background: #e20074;
        right: 100%;
        display: block;
        bottom: 0;
    }

    #vremenski-zig .img-banner img {
        bottom: 0;
        top: auto;
        left: -15%;
        right: auto;
        position: absolute;
    }

#vremenski-zig .zig {
    position: relative;
    padding: 65px 0px 20px;
    text-align: center;
}

    #vremenski-zig .zig .text {
        padding: 0 90px 30px;
    }

        #vremenski-zig .zig .text .img {
            width: 75px;
            position: relative;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        #vremenski-zig .zig .text h2 {
            margin: 30px 0px;
            font-family: 'teleNeo-extra' !important;
        }

        #vremenski-zig .zig .text p {
            font-size: 18px;
            margin: 25px 0;
            font-family: 'teleNeo-medium' !important;
        }

#vremenski-zig .multiSection {
    position: relative;
    background: linear-gradient(180deg, #d7006e, #ab0058);
    height: auto;
    padding: 0 0px 60px;
}

    #vremenski-zig .multiSection:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 45%;
        height: 100%;
        background: linear-gradient(#f1007b 0%, #a10053 100%);
        display: none;
    }


    #vremenski-zig .multiSection .wrapper {
        display: flex;
        position: relative;
        height: 100%;
        flex-direction: column;
        align-items: center;
    }

        #vremenski-zig .multiSection .wrapper > div {
            position: relative;
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            text-align: left;
            justify-content: center;
            height: 100%;
            padding-top: 0;
            color: white;
        }

        #vremenski-zig .multiSection .wrapper .wrap.left {
            position: relative;
            left: 0;
            width: 50%;
            height: 100%;
            overflow: visible;
            padding-right: 18%;
        }



            #vremenski-zig .multiSection .wrapper .wrap.left:before {
                content: '';
                position: absolute;
                top: -60px;
                height: 60px;
                width: 190px;
                margin: auto;
                z-index: 4;
                background: #f1007b;
                left: -80px;
            }

            #vremenski-zig .multiSection .wrapper .wrap.left:after {
                content: '';
                position: absolute;
                right: 20px;
                top: inherit;
                bottom: 60px;
                width: 80px;
                height: 250px;
                background: linear-gradient(180deg, #d7006e, #ab0058);
                margin: auto 0;
                z-index: 3;
            }


        #vremenski-zig .multiSection .wrapper .text {
            position: relative;
            font-size: 18px;
            min-height: 300px;
        }

    #vremenski-zig .multiSection h3 {
        font-family: 'teleNeo-extra' !important;
        font-size: 28px;
        line-height: 1.2;
        position: relative;
        margin-bottom: 15px;
        margin-top: 85px;
    }

    #vremenski-zig .multiSection .left h3 {
        color: white;
    }

        #vremenski-zig .multiSection .left h3:before {
            background: #e20074;
        }

    #vremenski-zig .multiSection .right h3 {
        color: white;
    }

        #vremenski-zig .multiSection .right h3:before {
            background: white;
        }

    #vremenski-zig .multiSection .wrap .right {
        padding-left: 40px;
    }

    #vremenski-zig .multiSection .wrapper a {
        color: white;
        text-decoration: underline;
        padding: 30px 0 10px 40px;
        position: relative;
    }

        #vremenski-zig .multiSection .wrapper a:before {
            content: '';
            background-image: url(../content/images/Vremenski-zig-red/mk-eidas-grey.svg);
            background-repeat: no-repeat;
            position: absolute;
            left: 0;
            bottom: -10px;
            width: 100%;
            height: 55px;
        }

    #vremenski-zig .multiSection ul.t-ul-new-magenta li {
        background-image: none !important;
        padding-left: 20px;
    }

        #vremenski-zig .multiSection ul.t-ul-new-magenta li:before {
            content: ' ';
            position: absolute;
            margin: 10px auto;
            left: 25px;
            display: inline-block;
            width: 5px;
            height: 5px;
            border-radius: 7.5px;
            background-color: white;
        }

#vremenski-zig section.ceni {
    background: white;
    background-image: url(../content/images/Vremenski-zig-red/section3-bg.svg);
    background-position: center bottom;
    background-size: cover;
    position: relative;
    padding: 5% 0;
}

    #vremenski-zig section.ceni h2 {
        color: #e20074;
        font-family: 'teleNeo-extra' !important;
        margin: 0 auto 40px auto;
        text-align: center;
    }

        #vremenski-zig section.ceni h2 span {
            display: block;
            font-family: 'teleNeo-regular' !important;
            font-size: 26px;
        }

    #vremenski-zig section.ceni h2 {
        margin: 40px auto;
    }

#vremenski-zig .ceni .column-wrapper {
    position: relative;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
}

#vremenski-zig .ceni .column {
    position: relative;
    z-index: 1;
    width: 20%;
    margin: 15px;
    text-align: center;
}

#vremenski-zig .ceni .column-inner {
    padding: 20px 40px;
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 20px 0px #00000024;
    min-height: 320px;
    background-color: #fff;
    z-index: 1;
    transition: all 200ms ease-in;
    transform: scale(.98);
}

    #vremenski-zig .ceni .column-inner h3 {
        text-align: center;
        border-bottom: 1px solid #eee;
        padding: 10px 0 20px;
        font-size: 26px;
        font-family: 'teleNeo-extra' !important;
        line-height: 1.2;
    }

    #vremenski-zig .ceni .column-inner p.text-magenta {
        font-size: 30px;
        font-family: 'teleNeo-extra' !important;
        text-align: center;
        padding-top: 15px;
        line-height: 20px;
        position: relative;
    }

    #vremenski-zig .ceni .column-inner .wrap-class {
        background-color: rgba(0,0,0,.14);
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 10px;
        left: 0;
    }

#vremenski-zig .ceni span.pecat {
    color: #000;
    font-size: 18px;
    font-family: 'teleNeo-extra' !important;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding-top: 10px;
}

#vremenski-zig .ceni span.price-den {
    color: #000000;
    opacity: 0.7;
}

#vremenski-zig .ceni .column-inner .wrap-class .hdp-price.standarden-paket {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

#vremenski-zig .ceni .column-inner .wrap-class .hdp-price-left.hdp-price-top {
    font-size: 30px;
}

#vremenski-zig .ceni .column-inner .wrap-class .bts-paket-no-ddv.three.active-price,
#vremenski-zig .ceni .column-inner .wrap-class .bts-paket-ddv.three {
    font-family: 'teleNeo-bold' !important;
    font-size: 30px;
}

#vremenski-zig .ceni .doc-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 30px;
    line-height: 1.2;
    text-decoration: underline;
}

    #vremenski-zig .ceni .doc-links a {
        margin-bottom: 10px;
        font-size: 18px;
    }

#vremenski-zig .ceni .column-inner .hdp-price-body {
    position: relative;
    padding: 7px 0 0 10px;
}

#vremenski-zig .content {
    position: relative;
    background-image: url(../content/images/safenet-red/BG-section3.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#vremenski-zig .potvrda {
    background: transparent radial-gradient(closest-side at 50% 50%, #292C3B 0%, #12141F 100%);
    position: relative;
    padding: 3% 0;
}

    #vremenski-zig .potvrda h2 {
        color: white;
        text-align: center;
        margin: 10px 0 60px;
        font-family: 'teleNeo-bold' !important;
    }

    #vremenski-zig .potvrda .slide p {
        display: block;
    }

    #vremenski-zig .potvrda #carousel-steps {
        position: relative;
        height: 450px;
        overflow: visible;
        padding-top: 100px;
    }

    #vremenski-zig .potvrda .carousel-inner {
        position: relative;
        height: 100%;
    }

        #vremenski-zig .potvrda .carousel-inner .item {
            height: 100%;
            text-align: center;
        }

            #vremenski-zig .potvrda .carousel-inner .item .icon-wrap {
                position: relative;
                padding: 30px 0;
            }

                #vremenski-zig .potvrda .carousel-inner .item .icon-wrap svg {
                    position: relative;
                }

            #vremenski-zig .potvrda .carousel-inner .item .text {
                padding: 0 25%;
            }

                #vremenski-zig .potvrda .carousel-inner .item .text p {
                    font-size: 19px;
                    color: white;
                }

#vremenski-zig .wrap {
    display: flex;
    align-content: center;
    justify-content: space-evenly;
    text-align: center;
}

#vremenski-zig .potvrda .carousel .navigation .indicators {
    position: absolute;
    top: 0;
    width: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 50px;
}

    #vremenski-zig .potvrda .carousel .navigation .indicators:after {
        content: '';
        width: 100%;
        height: 1px;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -10px;
        background: #5A5E6B;
        position: absolute;
    }

    #vremenski-zig .potvrda .carousel .navigation .indicators ol {
        width: 100%;
        left: 0;
        margin: 0;
        top: 0;
        display: flex;
    }

        #vremenski-zig .potvrda .carousel .navigation .indicators ol li {
            background-image: none;
            left: 0;
            text-indent: 0;
            color: #5A5E6B;
            text-align: center;
            width: 23%;
            font-size: 18px;
            height: 100%;
            display: inline-flex;
            align-items: flex-start;
            justify-content: center;
            position: relative;
        }

            #vremenski-zig .potvrda .carousel .navigation .indicators ol li.active {
                color: white;
            }

                #vremenski-zig .potvrda .carousel .navigation .indicators ol li.active:after {
                    content: '';
                    position: absolute;
                    height: 5px;
                    background: #e20074;
                    bottom: -10px;
                    width: 30%;
                    bottom: -29px;
                }

            #vremenski-zig .potvrda .carousel .navigation .indicators ol li span {
                font-size: 42px;
                font-family: 'teleNeo-extra' !important;
                position: relative;
                bottom: 8px;
                padding-left: 5px;
            }

#vremenski-zig .potvrda .carousel .navigation .arrows svg {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    fill: white;
}

#vremenski-zig .paketi .box-wrap {
    width: 35%;
    background-color: white;
    height: 190px;
    border-radius: 10px;
    position: relative;
    padding: 25px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-evenly;
}

    #vremenski-zig .paketi .box-wrap a {
        font-size: 23px;
        color: black;
        font-family: 'teleNeo-extra' !important;
    }

    #vremenski-zig .paketi .box-wrap .qr {
        width: 65%;
    }

#vremenski-zig .paketi .wrap .box-wrap p {
    margin: 0;
    padding: 0;
}

    #vremenski-zig .paketi .wrap .box-wrap p.phone {
        color: black;
        font-family: 'teleNeo-extra' !important;
        font-size: 23px;
    }

#vremenski-zig .paketi .wrap .box-wrap .img {
    min-height: 87px;
    display: flex;
    align-content: stretch;
    align-items: center;
}


#myModal-pin .modal-dialog {
    width: 520px;
    margin: 80px auto;
}

    #myModal-pin .modal-dialog .modal-header {
        border: 0;
    }

        #myModal-pin .modal-dialog .modal-header h4 {
            font-family: 'teleNeo-medium' !important;
            font-size: 22px;
            color: #e20074;
        }

    #myModal-pin .modal-dialog .modal-body p {
        font-size: 18px;
        color: black;
    }

@media (min-width: 1800px) {
    #vremenski-zig .multiSection .wrapper .wrap.left:after {
        right: 60px;
    }
}

@media (max-width: 1500px) {
    #vremenski-zig .img-banner:before {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #vremenski-zig .main-banner {
        height: 430px;
    }

    #vremenski-zig .header {
        width: 45%;
        padding: 0 25px;
        top: 35px;
    }

    #vremenski-zig .ceni .column {
        width: 25%;
    }

    #vremenski-zig .ceni .column-wrapper {
        flex-wrap: wrap;
    }

    #vremenski-zig .multiSection {
        height: auto;
    }

        #vremenski-zig .multiSection:after {
            display: none;
        }

    #vremenski-zig section.ceni .wrapper .box {
        padding: 25px;
        min-height: 270px;
    }

    #vremenski-zig .multiSection .wrapper .wrap.left:after {
        right: 10px;
        background: linear-gradient(180deg, #d2006c, #ab0058);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #vremenski-zig .multiSection {
        height: auto;
    }

        #vremenski-zig .multiSection:before {
            width: 50%;
        }

    #vremenski-zig .ceni .column {
        width: 29%;
    }

    #vremenski-zig .ceni .column-wrapper {
        flex-wrap: wrap;
    }

    #vremenski-zig .main-banner {
        height: 380px;
        background-position: 50%;
    }

        #vremenski-zig .main-banner:before {
            width: 60%;
        }

    #vremenski-zig .svg svg {
        width: 80%;
        bottom: -84px;
    }

    #vremenski-zig .header {
        width: 65%;
        padding: 215px 85px 0 15px !important;
    }

        #vremenski-zig .header h1 {
            font-size: 37px;
        }

    #vremenski-zig .multiSection .wrapper a {
        position: relative;
        display: inline-block;
    }

        #vremenski-zig .multiSection .wrapper a:before {
            width: 40px;
        }

    #vremenski-zig .multiSection .wrapper .wrap.left {
        padding-right: 5%;
        padding-top: 0;
    }

        #vremenski-zig .multiSection .wrapper .wrap.left:before {
            display: none;
        }

        #vremenski-zig .multiSection .wrapper .wrap.left:after {
            display: none;
        }

    #vremenski-zig .multiSection .wrapper .wrap.right {
        padding-left: 20px;
    }

        #vremenski-zig .multiSection .wrapper .wrap.right ul li:before {
            left: 0;
        }

    #vremenski-zig .multiSection:after {
        display: none;
    }

    #vremenski-zig section.ceni .wrapper .box {
        padding: 20px;
        min-height: 290px;
    }

    #vremenski-zig .uslugi .tabs {
        width: 70%;
    }

        #vremenski-zig .uslugi .tabs ul li {
            width: 40%;
        }

    #vremenski-zig .potvrda .carousel .navigation .indicators {
        width: 70%;
    }

    #vremenski-zig .potvrda #carousel-steps {
        height: auto;
    }

    #vremenski-zig .multiSection ul.t-ul-new-magenta li:before {
        left: 0;
    }
}

@media (max-width: 767px) {
    #vremenski-zig .zig {
        padding: 40px 0px 20px;
    }

    #myModal-pin .modal-dialog {
        width: 100%;
    }

    #vremenski-zig .main-banner {
        height: 300px;
        background-position: 80% 0;
    }

        #vremenski-zig .main-banner:before {
            display: none;
        }

        #vremenski-zig .main-banner .header {
            width: 100%;
            padding: 20px;
            position: absolute;
            bottom: 0;
            justify-content: flex-end;
            background: #e20074;
            height: auto;
        }

    #vremenski-zig .header h1 {
        font-size: 23px;
        line-height: 1.2;
        margin: 0;
        padding: 0;
    }

    #vremenski-zig .svg svg {
        width: 80%;
        bottom: -122px;
    }

    #vremenski-zig .zig .text {
        padding: 0px !important;
    }

    #vremenski-zig h2 {
        font-size: 25px !important;
    }

    #vremenski-zig .sn-mobile .text {
        padding: 0;
    }

    #vremenski-zig .karakteristiki .wrap {
        flex-wrap: wrap;
    }

        #vremenski-zig .karakteristiki .wrap .box-wrap {
            width: 50%;
            margin: 30px 0;
        }

            #vremenski-zig .karakteristiki .wrap .box-wrap p {
                padding: 0;
            }


    #vremenski-zig .multiSection:before {
        display: none;
    }

    #vremenski-zig .multiSection:after {
        display: none;
    }

    #vremenski-zig .multiSection .wrapper {
        flex-direction: column;
    }

        #vremenski-zig .multiSection .wrapper .wrap.left:before,
        #vremenski-zig .multiSection .wrapper .wrap.left:after {
            display: none;
        }

        #vremenski-zig .multiSection .wrapper > div {
            padding: 0 25px !important;
            width: 100% !important;
        }


        #vremenski-zig .multiSection .wrapper .wrap.left {
            min-height: 360px;
            position: relative;
            background: #e20074;
        }

        #vremenski-zig .multiSection .wrapper .wrap.right ul li {
            margin-left: 0;
        }

            #vremenski-zig .multiSection .wrapper .wrap.right ul li:before {
                left: 0;
            }

    #vremenski-zig .potvrda {
        padding: 5% 0;
    }

        #vremenski-zig .potvrda .carousel .navigation .indicators {
            width: 100%;
        }

            #vremenski-zig .potvrda .carousel .navigation .indicators ol li {
                font-size: 17px;
            }

                #vremenski-zig .potvrda .carousel .navigation .indicators ol li.active:after {
                    bottom: -19px;
                }

                #vremenski-zig .potvrda .carousel .navigation .indicators ol li span {
                    font-size: 20px;
                    bottom: 0;
                }

        #vremenski-zig .potvrda .carousel-inner .item .text {
            padding: 0;
        }

    #vremenski-zig .last-sec .wrapper ul li {
        width: 50% !important;
        font-size: 18px;
    }

    section.last-sec .wrapper .nav li.active:before {
        width: 85% !important;
        margin: 0 auto !important;
        left: 0;
        right: 0;
    }

    section.last-sec .wrapper .nav li.active:after {
        display: none;
    }

    #vremenski-zig .potvrda #carousel-steps {
        height: auto;
    }

    #vremenski-zig .last-sec {
        padding: 3% 0 15%;
    }

        #vremenski-zig .last-sec .wrapper:after,
        #vremenski-zig .last-sec .wrapper:before {
            width: 140px;
        }

    #vremenski-zig .ceni .doc-links {
        text-align: center;
    }

    #vremenski-zig .ceni .column {
        width: 85%;
    }

    #vremenski-zig .ceni .column-inner {
        min-height: 280px;
    }

        #vremenski-zig .ceni .column-inner p.text-magenta {
            padding-top: 0;
            font-size: 26px;
        }

    #vremenski-zig .ceni span.pecat {
        font-size: 17px;
    }

    #vremenski-zig .ceni .column-inner h3 {
        font-size: 25px;
    }

    element.style {
        display: block;
    }

    #vremenski-zig .ceni .column-inner .wrap-class .bts-paket-no-ddv.one.active-price,
    #vremenski-zig .ceni .column-inner .wrap-class .bts-paket-ddv.one {
        font-size: 28px;
    }

    #vremenski-zig .ceni .column-wrapper {
        flex-direction: column;
    }

    #vremenski-zig .multiSection {
        height: auto;
        padding: 0 0px 145px;
    }

        #vremenski-zig .multiSection .wrapper a {
            padding: 30px 0 10px 0px;
            position: absolute;
            font-size: 16px;
            left: 0;
            right: 0;
            bottom: -85px;
            text-align: center;
        }

            #vremenski-zig .multiSection .wrapper a:before {
                left: 0;
                right: 0;
                bottom: 40px;
                width: 100%;
                height: 55px;
                margin: 0 auto;
                width: 100%;
                background-position: center;
            }

    #vremenski-zig .zig .text .img {
        width: 65px;
    }

    #vremenski-zig .multiSection ul.t-ul-new-magenta li {
        padding-left: 0;
    }

    #vremenski-zig .multiSection h3 {
        margin-top: 50px;
    }
}

@media (max-width: 575px) {


    #vremenski-zig .svg svg {
        bottom: -167px !important;
        width: 100% !important;
    }

    section.last-sec .wrapper .nav li.active:before {
        width: 85% !important;
        margin: 0 auto !important;
        left: 0;
        right: 0;
    }

    section.last-sec .wrapper .nav li.active:after {
        display: none;
    }
}

/*#endregion Vremenski zig*/

/*#region Pantheon slick*/

#pantheon-red .slider {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 30px 15px;
    height: 100%;
}

#pantheon-red a.show-more {
    padding-top: 45px;
    cursor: pointer;
    font-size: 18px;
    display: block;
    text-align: center;
    position: relative;
    color: black;
}

    #pantheon-red a.show-more:before {
        content: '';
        display: block;
        clear: both;
        margin-top: -48px;
        background-image: url(../content/images/all-inOne/arrow-down-magenta.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 33px;
        height: 30px;
        margin: 15px auto 0;
        position: absolute;
        left: 0;
        right: 0;
        top: 0px;
    }

    #pantheon-red a.show-more.xz:before {
        background-image: url(../content/images/all-inOne/arrow-up-magenta.png);
    }

#pantheon-red .slider .fixed-left {
    position: static;
    display: inline;
    float: left;
    width: 15%;
    padding: 0 20px 15px;
    background: linear-gradient(0deg, white, transparent);
}

    #pantheon-red .slider .fixed-left .wrapper {
        position: static;
    }

#pantheon-red .slider .wrap.empty {
    position: relative;
    height: 90px;
}

#pantheon-red .slider .wrap {
    height: 45px;
    margin: 10px 0;
    position: static;
    transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}


#pantheon-red .slider .fixed-left .wrap:hover:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(25deg, rgba(217, 217, 217, .7), rgba(197, 197, 197, .20), rgba(197, 197, 197, .25));
    transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
    z-index: 1;
    /*  box-shadow: 0 0 30px 30px rgba(0, 0, 0, .04);*/
    margin: 0 auto;
}

#pantheon-red .slider .wrap.empty:hover:before {
    display: none;
}

#pantheon-red .slider .wrap p {
    margin: 0;
    height: 100%;
    z-index: 3;
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0;
    text-align: left;
    padding: 0 !important;
}

#pantheon-red .slider .wrap span {
    position: relative;
    display: inline-flex;
    align-items: center;
    align-content: center;
    height: 100%;
    z-index: 2;
}

    #pantheon-red .slider .wrap span:before {
        font-size: 19px;
        line-height: 1.2;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 3;
    }

    #pantheon-red .slider .wrap span.icon-confirm:before {
        color: #e20074;
    }

    #pantheon-red .slider .wrap span.icon-cancel:before {
        color: #0000004f;
    }

#pantheon-red .slider .slider-pantheon {
    width: 85%;
    display: flex;
    flex-direction: row;
    float: left;
    position: relative;
}

    #pantheon-red .slider .slider-pantheon .item {
        width: auto;
        position: relative
    }

        #pantheon-red .slider .slider-pantheon .item:after {
            content: '';
            position: absolute;
            height: 100%;
            left: 0;
            width: 2px;
            background: #c5c5c5c5;
            top: 0;
            bottom: 0;
        }


        #pantheon-red .slider .slider-pantheon .item .itemHeader {
            display: inline-flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            width: 100%;
            border-bottom: 1px solid #e5e5e5;
            background-color: #d9d9d9;
            padding: 0 0;
            position: relative;
        }

            #pantheon-red .slider .slider-pantheon .item .itemHeader.affix {
                position: sticky;
                top: 190px;
                z-index: 9999999;
                border-bottom: 1px solid #e5e5e5;
                background-color: #EFEFF3;
                display: inline-flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                width: 100%;
                padding: 0 0;
                height: 95px;
            }

            #pantheon-red .slider .slider-pantheon .item .itemHeader h3 {
                font-size: 17px;
                width: 100%;
                padding: 0;
                margin: 0;
                text-align: center;
                font-family: 'teleNeo-bold' !important;
                border-bottom: 1px solid #dfdede;
                min-height: 55px;
                background: #e20074;
                color: white;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: 0;
            }

            #pantheon-red .slider .slider-pantheon .item .itemHeader .subHeader {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 50%;
            }

                #pantheon-red .slider .slider-pantheon .item .itemHeader .subHeader:nth-child(3):before {
                    content: '';
                    position: absolute;
                    left: 0;
                    width: 1px;
                    height: 100%;
                    background: #dfdede;
                    top: 20px;
                    bottom: 0;
                    margin: auto;
                }

                #pantheon-red .slider .slider-pantheon .item .itemHeader .subHeader p {
                    font-size: 17px;
                    padding: 0;
                }

        #pantheon-red .slider .slider-pantheon .item .itemBody {
            display: flex;
            flex-direction: row;
            justify-content: space-around;
            align-items: center;
            background: #e8e8e8;
        }

            #pantheon-red .slider .slider-pantheon .item .itemBody > div {
                width: 50%;
                margin: 0 auto;
                text-align: center;
            }

            #pantheon-red .slider .slider-pantheon .item .itemBody .right {
                position: relative;
            }

                #pantheon-red .slider .slider-pantheon .item .itemBody .right:before {
                    content: '';
                    position: absolute;
                    left: 0;
                    height: 100%;
                    width: 1px;
                    background: #dfdede;
                    top: 0;
                    bottom: 0;
                    margin: auto 0;
                }

    #pantheon-red .slider .slider-pantheon .slick-arrow {
        position: absolute;
        width: 50px;
        height: 50px;
        background: transparent;
        z-index: 2;
        top: 10px;
        margin: 0;
    }

        #pantheon-red .slider .slider-pantheon .slick-arrow.slick-disabled {
            display: none !important;
        }

    #pantheon-red .slider .slider-pantheon .slick-prev {
        left: -70px;
    }

        #pantheon-red .slider .slider-pantheon .slick-prev:before {
            content: '%';
            position: absolute;
            font-family: 'teleicon-outline';
            font-size: 30px;
            font-weight: 600;
            width: 100%;
            height: 100%;
            top: 45px;
            bottom: 0;
            margin: auto 0;
        }

    #pantheon-red .slider .slider-pantheon .slick-next {
        right: -20px;
    }

        #pantheon-red .slider .slider-pantheon .slick-next:before {
            content: '%';
            position: absolute;
            font-family: 'teleicon-outline';
            transform: rotate(180deg);
            font-size: 30px;
            font-weight: 600;
            width: 100%;
            height: 100%;
            top: 0;
            bottom: 0;
            margin: auto 0;
        }

#pantheon-red .uslugi .one-t-dicklaimer-max:hover .one-t-dicklaimer-message p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2;
}

@media (min-width: 1200px) and (max-width: 1500px) {
    #pantheon-red .uslugi .hdp-price-left.hdp-price-top .hdp-price-frame span {
        font-size: 20px;
    }

    #pantheon-red .uslugi .hdp-price-body {
        padding-left: 4px;
        font-size: 12px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #pantheon-red .uslugi {
        padding: 50px 0 !important;
    }

    #pantheon-red .slider .wrap {
        height: 65px;
    }

        #pantheon-red .slider .wrap.empty {
            height: 90px;
        }

    #pantheon-red .slider .fixed-left .wrap:hover:before {
        height: 65px;
        width: 91%;
    }

    #pantheon-red .slider .slider-pantheon .item .itemHeader {
        min-height: 140px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #pantheon-red .uslugi {
        padding: 30px 0 !important;
    }

    #pantheon-red .slider .wrap {
        height: 80px;
        margin: 15px 0;
    }

        #pantheon-red .slider .wrap.empty {
            height: 125px;
        }

    #pantheon-red .slider .fixed-left .wrap:hover:before {
        content: '';
        left: -13px;
        right: 0;
        width: 90.4%;
        height: 75px;
    }

    #pantheon-red .slider .slider-pantheon .slick-prev {
        left: -70px;
        top: 7px;
    }

    #pantheon-red .slider .slider-pantheon .slick-next {
        right: -20px;
    }

    #pantheon-red .slider .slider-pantheon .item .itemHeader {
        min-height: 110px;
    }

    #pantheon-red .slider .fixed-left .wrap:nth-child(22) {
        height: 150px !important;
    }

    #pantheon-red .slider .fixed-left .wrap:hover:nth-child(22):before {
        height: 150px;
    }

    #pantheon-red .slider .slider-pantheon .wrap:nth-child(21) {
        height: 150px;
    }
}

@media (max-width: 450px) {
    #pantheon-red .slider .slider-pantheon .item .itemHeader h3 {
        font-size: 14px;
    }

    #pantheon-red .slider .slider-pantheon .item .itemHeader .subHeader p {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    #pantheon-red .uslugi {
        padding: 0;
    }

    #pantheon-red .slider {
        padding: 0px;
    }

        #pantheon-red .slider .fixed-left {
            width: 45%;
            padding: 0 10px;
        }

        #pantheon-red .slider .wrap.empty {
            height: 60px;
        }

        #pantheon-red .slider .fixed-left .wrap:hover:before {
            display: none;
        }

        #pantheon-red .slider .wrap {
            height: 80px;
            margin: 15px 0;
        }

        #pantheon-red .slider .fixed-left .wrap:nth-child(22) {
            height: 130px !important;
        }

        #pantheon-red .slider .slider-pantheon .wrap:nth-child(21) {
            height: 130px;
        }

        #pantheon-red .slider .slider-pantheon {
            width: 55%;
        }

            #pantheon-red .slider .slider-pantheon .item .itemHeader {
                min-height: 100px;
            }

                #pantheon-red .slider .slider-pantheon .item .itemHeader .subHeader p {
                    padding: 0 !important;
                    margin: 15px 0 0 0 !important;
                }

    #pantheon-red .uslugi .price-wrap {
        height: 105px;
        margin: 15px 0;
    }

    #pantheon-red .slider .slider-pantheon .slick-prev {
        left: -70px;
        top: 25px;
    }

    #pantheon-red .slider .slider-pantheon .slick-next {
        right: -20px;
        top: 25px;
    }

    #pantheon-red .uslugi .one-t-dicklaimer-max:hover .one-t-dicklaimer-message {
        left: -160px;
        top: 30px;
        z-index: 4;
    }

        #pantheon-red .uslugi .one-t-dicklaimer-max:hover .one-t-dicklaimer-message:before {
            position: absolute;
            top: -12px;
            left: 115px;
            transform: rotate(180deg);
        }

    #pantheon-red .uslugi .hdp-price-left.hdp-price-top .hdp-price-frame span {
        font-size: 19px;
    }

    #pantheon-red .uslugi .hdp-price-body {
        padding-left: 3px;
        font-size: 12px;
    }
}

/*#endregion Pantheon slick*/


.internetTVAdd {
    max-width: 800px;
    font-size: 20px;
    margin: 30px auto 10px;
    padding: 30px;
    background-image: url(/content/images/novogodishna-2024/bg2.jpg);
    background-size: cover;
    background-position: right;
}

    .internetTVAdd + p {
        max-width: 800px;
        font-size: 20px;
        display: block;
        margin: 0 auto;
        line-height: 17px;
    }

@font-face {
    font-family: 'Telekom-Icon';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/teleicon-outline.eot");
    src: url("../fonts/teleicon-outline.eot?#iefix") format("embedded-opentype"), url("../fonts/teleicon-outline.woff") format("woff"), url("../fonts/teleicon-outline.ttf") format("truetype"), url("../fonts/teleicon-outline.svg#teleicon-outline") format("svg")
}

@font-face {
    font-family: 'Telekom-Icon';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/teleicon-solid.eot");
    src: url("../fonts/teleicon-solid?#iefix") format("embedded-opentype"), url("../fonts/teleicon-solid.woff") format("woff"), url("../fonts/teleicon-solid.ttf") format("truetype"), url("../fonts/teleicon-solid.svg#teleicon-solid") format("svg")
}

.icon {
    position: relative;
    bottom: 1px;
    vertical-align: middle;
    display: inline-block;
    font-family: 'Telekom-Icon';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-solid {
    font-weight: 700
}

.icon-large {
    font-size: 36px
}

.icon-warning:before {
    content: '\21'
}

.icon-navigation-up:before {
    content: '\22'
}

.icon-navigation-down:before {
    content: '\24'
}

.icon-navigation-left:before {
    content: '\25'
}

.icon-export:before {
    content: '\26'
}

.icon-import:before {
    content: '\28'
}

.icon-scroll-left:before {
    content: '\29'
}

.icon-favorites:before {
    content: '\2a'
}

.icon-add:before {
    content: '\2b'
}

.icon-decrease:before {
    content: '\2d'
}

.icon-record:before {
    content: '\3b'
}

.icon-scroll-right:before {
    content: '\2f'
}

.icon-tile-view:before {
    content: '\30'
}

.icon-skip-to-start:before {
    content: '\31'
}

.icon-previous:before {
    content: '\32'
}

.icon-rewind:before {
    content: '\33'
}

.icon-play:before {
    content: '\34'
}

.icon-pause:before {
    content: '\35'
}

.icon-stop:before {
    content: '\36'
}

.icon-fast-forward:before {
    content: '\37'
}

.icon-next:before {
    content: '\38'
}

.icon-skip-to-end:before {
    content: '\39'
}

.icon-more:before {
    content: '\3a'
}

.icon-help_2:before {
    content: '\3c'
}

.icon-list-view:before {
    content: '\3d'
}

.icon-information_2:before {
    content: '\3e'
}

.icon-help:before {
    content: '\3f'
}

.icon-calendar:before {
    content: '\41'
}

.icon-shopping-cart:before {
    content: '\42'
}

.icon-copy:before {
    content: '\43'
}

.icon-move-to-trash:before {
    content: '\44'
}

.icon-tablet-pc:before {
    content: '\45'
}

.icon-folder:before {
    content: '\46'
}

.icon-filter:before {
    content: '\47'
}

.icon-login:before {
    content: '\48'
}

.icon-comment:before {
    content: '\49'
}

.icon-start-call:before {
    content: '\4a'
}

.icon-speaker-off:before {
    content: '\4b'
}

.icon-lock:before {
    content: '\4c'
}

.icon-microphone-socket:before {
    content: '\4d'
}

.icon-ringtone-off:before {
    content: '\4e'
}

.icon-clock:before {
    content: '\4f'
}

.icon-add-to-watchlist:before {
    content: '\50'
}

.icon-computer:before {
    content: '\51'
}

.icon-iptv:before {
    content: '\52'
}

.icon-settings:before {
    content: '\53'
}

.icon-digits:before {
    content: '\54'
}

.icon-my-profile:before {
    content: '\55'
}

.icon-confirm:before {
    content: '\56'
}

.icon-smartphone:before {
    content: '\57'
}

.icon-cancel:before {
    content: '\58'
}

.icon-cloud:before {
    content: '\59'
}

.icon-zoom-out:before {
    content: '\5a'
}

.icon-attachment:before {
    content: '\61'
}

.icon-bookmark:before {
    content: '\62'
}

.icon-context-menu:before {
    content: '\63'
}

.icon-download:before {
    content: '\64'
}

.icon-edit:before {
    content: '\65'
}

.icon-file:before {
    content: '\66'
}

.icon-reload:before {
    content: '\67'
}

.icon-home:before {
    content: '\68'
}

.icon-information:before {
    content: '\69'
}

.icon-end-call:before {
    content: '\6a'
}

.icon-speaker-on:before {
    content: '\6b'
}

.icon-link:before {
    content: '\6c'
}

.icon-message:before {
    content: '\6d'
}

.icon-ringtone-on:before {
    content: '\6e'
}

.icon-loading-indicator:before {
    content: '\6f'
}

.icon-print:before {
    content: '\70'
}

.icon-search:before {
    content: '\71'
}

.icon-reply:before {
    content: '\72'
}

.icon-synchronize:before {
    content: '\73'
}

.icon-telekom-1T1:before {
    content: '\74'
}

.icon-upload:before {
    content: '\75'
}

.icon-success:before {
    content: '\76'
}

.icon-forward:before {
    content: '\77'
}

.icon-error:before {
    content: '\78'
}

.icon-share:before {
    content: '\79'
}

.icon-zoom-in:before {
    content: '\7a'
}

.icon-navigation-right:before {
    content: '\a7'
}

.icon-maximize:before {
    content: '\dc'
}

.icon-cover-view:before {
    content: '\df'
}

.icon-warning_2:before {
    content: '\e4'
}

.icon-minimize:before {
    content: '\fc'
}

.icon-frame {
    width: 48px;
    height: 48px;
    text-align: center;
    white-space: nowrap;
    padding: 0
}

.icon-frame:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.icon-frame>.icon {
    display: inline-block;
    height: auto;
    vertical-align: middle
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
/*Telekom One*/

/*@import 'tele-icons.css';*/

@font-face {
    font-family: 'TeleIconUi';
    src: url("../fonts/teleicon-ui.eot");
    src: url("../fonts/teleicon-ui.eot?#iefix") format("embedded-opentype"), url("../fonts/teleicon-ui.woff") format("woff"), url("../fonts/teleicon-ui.ttf") format("truetype"), url("../fonts/teleicon-ui.svg#teleicon-ui") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'TeleIconUi';
        src: url("../fonts/teleicon-ui.svg#teleicon-ui") format("svg");
    }
}


/* Recomended modules */ 

.recommended-module-v1, .recommended-module-v2 {
    -webkit-box-shadow: 0 1px 1px 0 #ccc;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 1, 1, 0.15);
    -moz-box-shadow: 0 -1px 1px 0 #ccc;
    -moz-box-shadow: 0 -1px 1px 0 rgba(0, 1, 1, 0.15);
    -moz-box-shadow: 0 -1px 1px 0 rgba(0, 1, 1, 0.15);
    box-shadow: 0 1px 1px 0 #ccc;
    box-shadow: 0 1px 1px 0 rgba(0, 1, 1, 0.15);
    border: 1px solid #eaeaea;
    position: relative;
    background-color: #fff;
    margin-bottom: 15px;
}

    .recommended-module-v1 h2 {
        margin: 0 15px;
        border-bottom: 3px solid #3f8f9a;
        font-size: 22px;
        padding-bottom: 12px;
        padding-top: 12px;
    }

    .recommended-module-v1 .more-link, .recommended-module-v2 .more-link {
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: 20px;
    }

    .recommended-module-v2 h2 {
        color: #e20074;
        font-size: 22px;
        margin: 0 15px;
        padding-bottom: 12px;
        padding-top: 12px;
    }


    .recommended-module-v2 img {
        margin: 0 auto;
        display: block;
    }

    .recommended-module-v2 h4 {
        text-align: center;
        font-family: tele-groteskhalregular;
        color: #777777;
        font-size: 17px;
    }

    .recommended-module-v2 p {
        text-align: center;
        color: #a4a4a4;
        margin: 5px 30px 20px 30px;
        font-size: 12px;
    }


    .recommended-module-v2 .more-link-container {
        position: relative;
        clear: both;
        height: 61px;
    }

    .recommended-module-v2 .p-currency {
        padding-bottom: 2px;
    }


    .recommended-module-v2 .p-rates {
        text-align: center;
        margin: 0 auto;
        color: #e20074;
        display: block;
        font-family: 'tele-groteskhalregular';
        font-size: 13px;
        line-height: 15px;
    }

    .recommended-module-v2 .p-rates, .recommended-module-v2 .p-currency {
        font-size: 15px;
        text-transform: lowercase;
    }



/* End OF Recomended modules*/

/* Help Boxes */

.help-box-yellow {
    background-color: #f5f6e8;
}

.help-box-blue {
    background-color: #e4eff1;
}

.help-box-magenta {
    background-color: #f1e6f0;
}

.help-box-yellow, .help-box-blue, .help-box-magenta {
    padding: 20px;
    margin-bottom: 15px;
    position: relative;
    min-height: 260px;
}

    .help-box-yellow p.more-link, .help-box-blue p.more-link, .help-box-magenta p.more-link {
        text-align: right;
        position: absolute;
        right: 15px;
        bottom: 15px;
        margin-bottom: 0;
    }

    .help-box-yellow p.more-link, .help-box-blue p.more-link, .help-box-magenta p.more-link {
        color: #64b9e4;
        text-decoration: underline;
    }

    .help-box-yellow h2, .help-box-blue h2, .help-box-magenta h2 {
        border-bottom: 1px solid #cacaca;
        color: #e20074;
        text-transform: none;
        font-size: 28px;
        margin-bottom: 22px;
    }

/*End of Help Boxes*/

/*maxTv cena na iznajmuvanje*/
.maxTv-cena-na-iznajmuvanje {
    padding-bottom: 125px;
    -webkit-box-shadow: 0 1px 1px 0 #ccc;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 1, 1, 0.15);
    -moz-box-shadow: 0 -1px 1px 0 #ccc;
    -moz-box-shadow: 0 -1px 1px 0 rgba(0, 1, 1, 0.15);
    box-shadow: 0 1px 1px 0 #ccc;
    box-shadow: 0 1px 1px 0 rgba(0, 1, 1, 0.15);
    border: 1px solid #eaeaea;
    position: relative;
    background-color: #fff;
    background-image: url('../images/maxTv-inner.png');
    background-repeat: no-repeat;
    background-position: bottom left;
    margin-bottom: 15px;
    text-align: center;
    height: auto;
}

    .maxTv-cena-na-iznajmuvanje p {
        margin: 20px 0;
        color: #4b4b4b;
        font-family: tele-grotesknorregular;
    }

    .maxTv-cena-na-iznajmuvanje h2 {
        color: #e20074;
        font-size: 37px;
    }

/* End of maxTv cena na iznajmuvanje*/


/* Inner - html - template */

.inner-template-left-image {
    position: relative;
}

.inner-template h2 {
    padding: 10px 10px;
    border-bottom: 1px solid #dadada;
    text-transform: none;
    color: #E20074;
    font-size: 30px;
}

.inner-template-left-image img:first-child + img {
    position: absolute;
    z-index: 2;
    top: 10px;
    right: -25px;
    /*width: 100px;*/
}

/*  End of Inner - html - template */


/* Blue Table */

table.table-blue {
    color: #6c6c6c;
}

    table.table-blue th {
        border-bottom: 2px solid;
    }

    table.table-blue > tbody > tr > td, table.table-blue td + td + td {
        border-top: 0;
        border-bottom: 1px solid #eee !important;
    }

.table-responsive table.table-blue th {
    font-size: 15px;
}


table.table-blue td + td, table.table-blue th + th, table.table-blue td + td + td, table.table-blue th + th + th {
    background: none;
}

table.table-blue th {
    font-weight: normal;
}

table.table-blue thead {
    background-color: #eff6fa;
}

/*End of Blue Table*/



/* White box - templates */


.white-box-center {
    position: relative;
    text-align: center;
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    padding: 20px;
    margin-bottom: 15px;
}

    .white-box-center img {
        padding: 20px 3px;
    }

    .white-box-center h1 {
        margin-top: 0;
        padding: 0 0 15px 0;
        color: #222222;
        border-bottom: 1px solid #e9e9e9;
        text-align: left;
    }


.white-box-left {
    position: relative;
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    padding: 20px;
    margin-bottom: 15px;
    min-height: 247px;
    min-height: 180px\9;
}

.min-h270-white-box .white-box-left {
    min-height: 270px;
}

.white-box-left:before, .white-box-left:after {
    clear: both;
    content: '';
    display: table;
}


.tv-landing .paketi-uslugi .white-box-left {
    padding: 0 20px;
}


.internet-landing .white-box-left {
    box-shadow: none;
    border: 0;
    padding: 0 20px;
}


.internet-landing .grey-box-internet .white-box-left {
    background-color: transparent;
}

.grey-box-internet .white-box-left ul {
    margin-top: 0;
}

.blue-box-f .white-box-left {
    background-color: #dce7ec;
}

.white-box-left a:hover, .white-box-left a:focus {
    text-decoration: none;
}


.white-box-left h1 {
    color: #222222;
    border-bottom: 1px solid #e9e9e9;
    margin-top: 0;
    padding: 0 0 15px 0;
    color: #222222;
    border-bottom: 0 solid #e9e9e9;
    /*font-size: 22px;
    text-transform: uppercase;*/
    font-size: 19px;
    text-transform: uppercase;
    min-height: 50px;
    min-height: 0\9;
    font-family: tele-groteskfetregular;
}

.white-bg-net.equalH.mob-net-tabs {
    height: 640px\9;
}

h1.box-title-small {
    margin-top: 0;
    padding: 0;
    color: #5A5A5A;
    border-bottom: 1px solid #e9e9e9;
    font-size: 16px;
    text-transform: uppercase;
    min-height: 45px;
    font-family: 'tele-groteskfetregular';
}

.paketi-uslugi .white-box-left h1 {
    padding-top: 17px;
}

.internet-landing .white-box-left h1 {
    color: #e20074;
    text-transform: none;
    margin: 0;
    padding-top: 15px;
}

.white-box-left h2 {
    color: #222222;
    text-align: left;
    display: inline-block;
    margin: 0 0 0 20px;
    font-size: 22px;
}

.white-box-left img {
    vertical-align: middle;
}


.white-box-left ul {
    margin-top: 15px;
    position: relative;
    margin-bottom: 0;
}

.tv-landing .paketi-uslugi .white-box-left ul {
    margin-top: 5px;
}

.white-box-left ul li {
    padding: 4px 0;
    border-bottom: 1px dotted #9f9a9a;
    padding-right: 10px;
}

.paketi-uslugi .white-box-left ul li:last-child {
    border-bottom: 0;
}

.optic-paketi .white-box-left ul li {
    padding: 13px 0;
}

.white-box-left ul li a {
    color: #333;
    display: block;
}

.optic-paketi .white-box-left ul li a {
    font-size: 19px;
}

.white-box-left ul li a:hover {
    text-decoration: none;
    color: #e20074;
}

.white-box-left ul li:last-child {
    border: none;
}

.white-box-left ul li a:hover:after {
    text-decoration: none;
    color: #e20074;
}

.white-box-left ul li a:focus {
    text-decoration: none;
}




.white-box-left ul li a:after {
    font-size: 10px;
    color: #606060;
    position: absolute;
    font-family: Ionicons;
    content: "\f125";
    right: 0;
    padding-top: 4px;
}


.optic-paketi .white-box-left ul li a:after {
    font-size: 14px;
    color: #606060;
    position: absolute;
    font-family: Ionicons;
    content: "\f125";
    right: 0;
    padding-top: 7px;
}


.optic-paketi .white-box-left ul li a:hover:after {
    text-decoration: none;
    color: #e20074;
}


.white-box-left-icon {
    /*position: relative;
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    margin-bottom: 15px;
    height: 80px;*/
    background: #ffffff;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    margin-bottom: 15px;
    height: 80px;
    padding: 0;
    display: table;
    width: 100%;
}

    .white-box-left-icon:hover {
        background: #fafafa;
    }

    .white-box-left-icon a {
        display: table;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        padding: 15px;
    }

        .white-box-left-icon a:hover {
            text-decoration: none;
            color: #e20074;
            -moz-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

        .white-box-left-icon a span {
            display: table-cell;
            width: 50px;
            margin: 0 !important;
            vertical-align: middle;
        }

    /*.white-box-left-icon img {
        display: inline-block;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        padding: 0 20px 0 20px;
    }*/

    .white-box-left-icon p {
        /*font-family: tele-groteskfetregular;
        font-size: 19px;
        color: #222;
        display: inline-block;
        position: relative;
        top: 50%;
        transform: translateY(-50%);*/
        font-family: tele-groteskfetregular;
        font-size: 19px;
        color: #222;
        padding: 0 10px;
        line-height: 1;
        height: 36px;
        margin: 0;
        display: table-cell;
        vertical-align: middle;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        white-space: nowrap;
    }

    .white-box-left-icon:hover p {
        text-decoration: none;
        color: #e20074;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

ul.list-inline.checked-list li {
    background-image: url(../images/check_icon.png);
    background-position: 0 3px;
    background-repeat: no-repeat;
    padding-left: 26px;
    line-height: 145%;
    margin-bottom: 7px;
    margin-left: 10px;
}

ul.list-inline.checked-list {
    margin-top: 15px;
    margin-bottom: 0;
}

.white-box-max-tv {
    position: relative;
    background-color: white;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    padding: 20px;
    margin-bottom: 15px;
    /*min-height: 156px;*/
    background-image: url(../images/max-tv-bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
}


    .white-box-max-tv:before, .white-box-max-tv:after {
        clear: both;
        content: '';
        display: table;
    }


    .white-box-max-tv h2 {
        font-size: 19px;
    }





/*End of White box - template */


/* Bonusi BOX*/

.bonusi-box {
    left: 15px;
    position: absolute;
    bottom: 100px;
    color: #fff;
}

.image-box a.btn-magen {
    position: absolute;
    bottom: 15px;
    left: 15px;
    padding: 8px 55px;
}


.bonusi-box {
    font-family: 'tele-groteskfetregular';
}

/****/


/*  TV - paketi  */

.tv-paketi-right ul li {
    border: 1px solid #cecece;
    background: none;
    padding: 20px;
    margin: 0 5px 5px 0;
    height: auto;
    float: left;
}

.mgheading {
    border-bottom: 1px solid #cacaca;
    color: #e20074 !important;
    text-transform: none;
    font-size: 28px;
    padding-top: 15px;
}

/*  End of TV - paketi  */

/************************/
.image-box {
    position: relative;
    margin-bottom: 15px;
}

.mgbox {
    right: 15px;
    left: 15px;
    bottom: 15px;
    background-color: #e20074;
    /*background-color: rgba(226, 0, 116, 0.85);*/
    /*background-color: rgb(187, 0, 112);*/
    position: absolute;
    padding: 10px 25px 10px 10px;
    color: #fff;
    background-image: url(../images/white-arrow-right.png);
    background-repeat: no-repeat;
    background-position: 98% 95%;
    background-position: right 10px bottom 10px;
}

a.mgbox:hover {
    text-decoration: none;
}




.mgbox-right {
    right: 15px;
    bottom: 15px;
    background-color: #e20074;
    background-color: rgba(226, 0, 116, 0.85);
    position: absolute;
    padding: 10px 25px 10px 10px;
    color: #fff;
}

    a.mgbox-right:hover, a.mgbox-right:focus, a.mgbox:hover, a.mgbox:focus, a.mgbox-half:hover, a.mgbox-half:focus, .mgbox-right a, .mgbox-right a:hover, .mgbox-right a:focus {
        color: #fff;
    }


    .mgbox-right span.ion-ios-arrow-right {
        font-size: 13px;
        padding-left: 5px;
        vertical-align: middle;
    }

    .mgbox h2, .mgbox-right h2 {
        font-family: 'tele-groteskfetregular';
        font-size: 18px;
        text-transform: uppercase;
    }


.mgbox-net {
    background-color: #e20074;
    background-color: rgba(226, 0, 116, 0.85);
    position: relative;
    padding: 10px 25px 10px 10px;
    color: #fff;
    background-image: url(../images/white-arrow-right.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-position: right 10px bottom 10px;
}

.mgbox-half-cont {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
}

.mgbox-half {
    position: relative;
    background-color: #e20074;
    background-color: rgba(226, 0, 116, 0.85);
    padding: 10px 25px 10px 10px;
    color: #fff;
    background-image: url(../images/white-arrow-right.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-position: right 10px bottom 10px;
    font-size: 20px;
    float: left;
    width: 100%;
    max-width: 400px;
    margin-bottom: 5px;
}


img.ab-img {
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    width: auto !important;
}

/*a.mgn-box-travel {
    color: #fff;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-color: rgba(226, 0, 116, 0.85);
    padding: 10px;
    text-decoration: none;
}*/

a.mgn-box-travel {
    display: block;
    color: #333;
    position: relative;
    background-color: #eff2f3;
    padding: 20px;
    text-decoration: none;
}

.mgn-box-hotspot {
    position: relative;
    display: block;
    background-color: #eff2f3;
    width: 100%;
    min-height: 130px;
}


a.mgn-box-travel p {
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0;
}


a.mgn-box-travel h2 {
    font-size: 20px;
    font-family: tele-groteskfetregular;
    border-bottom: 1px solid #fff;
    color: #e20074;
}


a.mg-box-net {
    background-image: url(../images/white-arrow-right.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-position: right 10px bottom 10px;
    color: #fff;
    margin-bottom: 15px;
    background-color: #719cc0;
    position: relative;
    overflow: auto;
    display: block;
    padding: 10px;
}

    a.mg-box-net p {
        padding-right: 15px;
    }

    a.mg-box-net h2 {
        padding-bottom: 5px;
        border-bottom: 1px solid #fff;
        color: #fff;
        margin-left: 0;
        font-size: 17px;
        display: block;
        margin-bottom: 5px;
    }


h2.net-sect-title {
    padding-bottom: 7px;
    display: block;
    border-bottom: 1px solid #dadada;
    font-size: 26px;
    color: #e20074;
    margin: 15px 0 15px 0;
}


.white-bg-net {
    display: block;
    position: relative;
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    margin-bottom: 15px;
    padding-bottom: 15px;
}

    .white-bg-net:before, .white-bg-net:after {
        clear: both;
        content: '';
        display: table;
    }



/* Uslugi plus*/


.uredi #cat9 {
    background-image: url(../images/catalogue/i1h.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.uredi:hover #cat9 {
    background-image: url(../images/catalogue/i1.png);
    background-repeat: no-repeat;
    background-position: center center;
}


.uredi #cat10 {
    background-image: url(../images/catalogue/i2h.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.uredi:hover #cat10 {
    background-image: url(../images/catalogue/i2.png);
    background-repeat: no-repeat;
    background-position: center center;
}


.uredi #cat11 {
    background-image: url(../images/catalogue/i3h.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.uredi:hover #cat11 {
    background-image: url(../images/catalogue/i3.png);
    background-repeat: no-repeat;
    background-position: center center;
}


.uredi #cat12 {
    background-image: url(../images/catalogue/i4h.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.uredi:hover #cat12 {
    background-image: url(../images/catalogue/i4.png);
    background-repeat: no-repeat;
    background-position: center center;
}


.uredi #cat13 {
    background-image: url(../images/catalogue/i5h.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.uredi:hover #cat13 {
    background-image: url(../images/catalogue/i5.png);
    background-repeat: no-repeat;
    background-position: center center;
}


.uredi #cat14 {
    background-image: url(../images/catalogue/i6h.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.uredi:hover #cat14 {
    background-image: url(../images/catalogue/i6.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.uredi #cat15 {
    background-image: url(../images/catalogue/icon-kupikurs.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.uredi:hover #cat15 {
    background-image: url(../images/catalogue/icon-kupikurs-hover.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.uredi #cat16 {
    background-image: url(../images/catalogue/lool-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.uredi:hover #cat16 {
    background-image: url(../images/catalogue/loop-iconH.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.uredi #cat17 {
    background-image: url(../images/catalogue/box45-off.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.uredi:hover #cat17 {
    background-image: url(../images/catalogue/box45.png);
    background-repeat: no-repeat;
    background-position: center center;
}




/* End of uslugi plus */

/* Left tabs */


.tabs-left, .tabs-right {
    border-bottom: none;
    padding-top: 2px;
}

.tabs-left {
    border-right: 1px solid #ddd;
}

.tabs-right {
    border-left: 1px solid #ddd;
}

    .tabs-left > li, .tabs-right > li {
        float: none;
    }

.tabs-left > li {
    margin-right: -1px;
}

.tabs-right > li {
    margin-left: -1px;
}

.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus {
    border-bottom-color: #ddd;
    border-right-color: transparent;
}

.nav-tabs.tabs-left > li {
    margin-bottom: 0;
}

    .nav-tabs.tabs-left > li > a {
        color: #666666;
        margin-right: 0;
        border: 0;
        min-height: 62px;
    }

    .nav-tabs.tabs-left > li.active > a {
        color: #fff;
        cursor: default;
        background-color: #bdbdbd;
        margin-right: 0;
        border: 0;
        border-bottom-color: transparent;
        border-radius: 0;
    }

    .nav-tabs.tabs-left > li.active:after {
        position: absolute;
        content: url('../images/arrow-right.png');
        right: -10px;
        top: 5px;
        z-index: 10;
    }

@media (max-width: 479px) {
    span.visible-xs-mt.icon-m-tel {
        background-image: url(../images/icon-m-tel.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
}

.mt-login-container {
    background: #fefefe;
    background: rgba(255, 255, 255, 0.75);
    min-height: 388px;
}

@media (max-width: 767px) {
    .mt-login-container .pr0 {
        padding-right: 0 !important;
    }

    .nav.tabs-left > li {
        border: 0;
    }


        .nav.tabs-left > li a:hover {
            color: #666666 !important;
        }
}

.moj-telekom-asistent h3 {
    font-family: 'tele-groteskfet';
    margin: 0px;
    font-size: 15px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 8px;
    min-height: 39px;
}


.moj-telekom-asistent h1 {
    border-bottom: 0;
    padding-bottom: 9px;
    margin: 0px;
    min-height: 0;
    line-height: 1;
}



.inactive-link ul li a, .inactive-link ul li a:after {
    color: #A7A7A7;
}


    .inactive-link ul li a:hover {
        color: #A7A7A7;
    }



img.e-plakanje, img.e-bill {
    display: block;
    margin: 0px auto;
    padding: 20px 0px;
}

.e-plakanje-content {
    min-height: 384px;
}

.eplakanje-boxH {
    min-height: 348px;
}



@media (max-width: 991px) {
    .moj-telekom-asistent .pr0 {
        padding-right: 15px;
    }

    .moj-telekom-asistent .pl0 {
        padding-left: 15px;
    }

    .moj-telekom-asistent h3 {
        margin-top: 25px;
    }

    .e-plakanje-content {
        min-height: auto;
    }
}

.modal-dialog ul.modal-bullets li {
    display: block;
    background-image: url(../images/list-bullet.png);
    background-position: 0px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    margin-left: 15px;
    border-bottom: none;
}

.modal-dialog.modal-telekom-assistent {
    width: 820px;
}

.modal-body.modalHeight {
    height: 500px;
    overflow: auto;
}

.modal-content.pb3 {
    padding-bottom: 3px;
}

/* MT - login tabs */

span.hidden-xs-mt {
    display: block;
}


span.visible-xs-mt.icon-m-tel {
    display: none;
}

@media (max-width: 479px) {
    span.hidden-xs-mt {
        display: none;
    }

    span.visible-xs-mt.icon-m-tel, span.visible-xs-mt.icon-m-tm {
        height: 36px;
        width: 100%;
        display: block;
        text-align: center;
    }


    span.visible-xs-mt.icon-m-tel {
        background-image: url(../images/icon-m-tel.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    span.visible-xs-mt.icon-m-tm {
        background-image: url(../images/icon-m-tm.png);
        background-repeat: no-repeat;
        background-position: center center;
    }


    .mt-login-container .col-xs-4 {
        width: 22.333333% !important;
    }

    .mt-login-container .col-xs-8 {
        width: 77.666667% !important;
    }

    .nav-tabs.tabs-left > li > a {
        padding: 10px 5px;
    }
}

/* End of MT - login tabs*/




.mt-login-container:before, .mt-login-container:after {
    display: table;
    content: '';
    clear: both;
}

.mt-login-container .tabs-left {
    margin-top: 21px;
}


.tab-content.mt-login-right {
    background-color: #A8A8A8;
    padding: 10px 20px;
    min-height: 388px;
}

    .tab-content.mt-login-right h2 {
        color: #e20074;
        border-bottom: 1px solid #E6E6E6;
        padding-bottom: 10px;
        padding-top: 10px;
    }




.moj-telekom-login {
    padding: 25px;
    background-image: url(../images/moj-telekom-login.png);
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 400px;
    height: auto;
}

@media (max-width: 767px) {
    .moj-telekom-login {
        padding: 10px;
    }
}

.moj-telekom-login:before, .moj-telekom-login:after {
    content: '';
    display: table;
    clear: both;
}

.moj-telekom-login h1 {
    text-transform: none;
    font-size: 35px;
    color: #fff;
    margin: 0;
}


.moj-telekom-login h2 {
    font-size: 22px;
    color: #fff;
}


.moj-telekom-login-form {
    width: 100%;
    background-color: #ccc;
    background-color: rgba(51, 51, 51, 0.13);
    padding: 10px 40px;
    /* text-align: center; */
}

    .moj-telekom-login-form h2 {
        font-size: 27px;
        color: #e20074;
        border-bottom: 1px solid #BBB;
    }

.moj-telekom-rows {
    display: none;
}

.f-korisnici-act.moj-telekom-rows {
    display: block;
}

.mbt20 {
    margin-bottom: 20px;
}

.komunikacija-content {
    min-height: 300px;
    text-align: center;
}

img.komunikacija-image {
    position: absolute;
    bottom: 0;
    left: 0;
}

a.komunikacija-postpejd:before,
a.komunikacija-postpejd:after {
    content: '';
    display: table;
    clear: both;
}


a.komunikacija-postpejd:hover, a.komunikacija-postpejd:focus,
a.komunikacija-pripejd:hover, a.komunikacija-pripejd:focus {
    text-decoration: none;
}

.komunikacija-content h2 {
    text-transform: none;
    font-size: 26px;
    color: #e20074;
    display: block;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 24px;
}

.komunikacija-content p {
    font-size: 18px;
    line-height: 1.2;
    padding-top: 15px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.komunikacija-content img {
    /*width: auto !important;
    max-width: 100%;*/
    display: none;
}

.komunikacija-item #post {
    background-image: url(../content/images/komunikacija-postpejd1.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.komunikacija-item:hover #post {
    background-image: url(../content/images/komunikacija-postpejd.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.komunikacija-item #prep {
    background-image: url(../content/images/komunikacija-pripejd2.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.komunikacija-item:hover #prep {
    background-image: url(../content/images/komunikacija-pripejd.png);
    background-repeat: no-repeat;
    background-position: center center;
}


.white-box.komunikacija-item {
    position: relative;
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    padding: 0px;
    margin-bottom: 15px;
}

.white-box.komunikacija-item {
    max-width: 420px;
    display: block;
    position: relative;
    width: 100%;
    float: left;
    margin: 5px;
}

komunikacija-boxes-wrapper:before, .komunikacija-boxes-wrapper:after {
    content: '';
    display: table;
    clear: both;
}

.komunikacija-boxes-wrapper {
    max-width: 860px;
    margin: 0px auto;
}


.white-box.komunikacija-item:hover {
    background-color: #f4f4f4;
}

@media (min-width:768px) {

    .white-box.komunikacija-item {
        margin-top: 25px;
    }
}

@media (max-width:767px) {
    .white-box.komunikacija-item {
        max-width: 100%;
    }
}

a .komunikacija-content p {
    color: #494949;
}

a:hover .komunikacija-content h1, a:hover .komunikacija-content p {
    text-decoration: none;
    color: #e20074;
}

.white-box-left.blue-klub, .white-box-left.klub-white {
    min-height: 400px;
}

    .white-box-left.blue-klub h2, .white-box-left.klub-white h2 {
        border: 0;
        text-transform: none;
        font-size: 28px;
        margin: 0;
    }

.white-box-left.blue-klub {
    background-color: #e3eef3;
    background-image: url(../images/kor-mob-usl.png);
    background-repeat: no-repeat;
    background-position: left 0 bottom 0;
}

.white-box-left.klub-white {
    background-image: url(../images/kor-fiks-usl.png);
    background-repeat: no-repeat;
    background-position: left 0 bottom 0;
}


a.mgn-link {
    text-transform: uppercase;
    color: #fff;
    padding: 15px 10px;
    position: relative;
    background-color: #e20074;
    background-color: rgba(226, 0, 116, 0.85);
    display: block;
    width: 100%;
}

a.mgn-link, a.blue-link {
    background-image: url(../images/white-arrow-right.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-position: right 10px center;
}


a.gray-link {
    background-image: url(../images/mgn-arrow-right.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-position: right 10px center;
}



a.gray-link {
    text-transform: uppercase;
    color: #313131;
    padding: 15px 10px;
    position: relative;
    background-color: #ededed;
    background-color: rgba(237, 237, 237, 0.85);
    display: block;
    width: 100%;
}


a.blue-link {
    text-transform: uppercase;
    color: #fff;
    padding: 15px 10px;
    position: relative;
    background-color: #74b6da;
    background-color: rgba(116, 182, 218, 0.85);
    display: block;
    width: 100%;
}

.btm-links p {
    margin-bottom: 2px;
    margin-top: 0;
}

.mgbox-mklub {
    right: 20px;
    /*left: 15px;*/
    bottom: 20px;
    width: 290px;
    background-color: #e20074;
    background-color: rgba(105, 104, 104, 0.70);
    position: absolute;
    /*padding: 18px 10px;*/
    color: #fff;
    border-left: 8px solid #e20074;
}

    /*.mgbox-mklub h2 {
        font-size: 16px;
        margin: 0;
        text-transform: uppercase;
        font-family: tele-groteskfetregular;
    }*/

    .mgbox-mklub p {
        margin: 0;
        font-size: 16px;
    }

.mgbox-mkklub a {
    display: block;
    width: 100%;
}


.mgbox-mklub a {
    background-image: url(../images/white-arrow-right.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-position: right 0 center;
    display: block;
    width: 100%;
}

.mgbox-mklub a, .mgbox-mklub h2, .mgbox-mklub p {
    color: #fff;
    background-image: url(../images/white-arrow-right.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-position: right 0 center;
    display: block;
    width: 100%;
}

.mgbox-mklub a {
    background-position: right 10px center;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 10px;
}

    .mgbox-mklub a:hover {
        text-decoration: none;
    }

.mgbox-mklub h2 > a {
    text-decoration: none;
}

a.text-dec-none {
    text-decoration: none;
}


.btm-links {
    position: absolute;
    bottom: 15px;
    left: 20px;
    right: 20px;
}



.pr7 {
    padding-right: 7.5px !important;
}

.pl7 {
    padding-left: 7.5px !important;
}


.white-box:before, .white-box:after {
    content: '';
    clear: both;
    display: table;
}



/*TV Slider*/

.slide.tv-slider p {
    display: block !important;
}


@media screen and (min-width: 768px) {
    .tv-slider .carousel-indicators {
        left: inherit;
        bottom: 0;
        right: 15px;
        margin-left: 0;
        text-align: right;
    }
}

.tv-slider .carousel-indicators .active {
    background-image: none !important;
    background-color: #e20074;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin: 1px;
}

.tv-slider .carousel-indicators li {
    background-color: #d1d1d1;
    border-radius: 50%;
}


.tv-sl-caption h4 {
    font-family: tele-groteskhalregular;
    margin: 0;
    padding: 0;
    color: #e20074;
    font-size: 23px;
    margin-top: 15px;
}
/*End of TV Slider*/


.LegalNotesSmall {
    font-size: 15px !important;
}


.mtb15 {
    margin-bottom: 15px !important;
}


/*.white-box-left.equalH a.btn.btn-grey {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    max-width: 150px;
    margin: 0px auto;
}*/

.white-box-left.equalH a.btn.btn-magen {
    width: 100%;
    max-width: 150px;
}


.p-currency {
    font-weight: normal;
    margin: 0;
}

.p-rates {
    font-weight: normal;
}

.one-t-dicklaimer {
    font-weight: normal;
}


iframe.prepaid-dopolni-vaucer {
    border: 0;
}



.white-box .prepaid-dopolni-vaucer, iframe.prepaid-dopolni-vaucer {
    height: 105px;
}

@media (max-width: 991px) {

    iframe.prepaid-dopolni-vaucer, .white-box .prepaid-dopolni-vaucer {
        height: 220px;
    }
}

@media (max-width: 635px) {

    iframe.prepaid-dopolni-vaucer, .white-box .prepaid-dopolni-vaucer {
        height: 350px;
    }
}


.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    font-weight: normal;
}

span.price2 {
    font-weight: normal;
    transition: all .2s ease-in-out;
}




.kor-poddr-moja-smetka.s-smetki {
    width: 100%;
    height: 235px;
    max-height: 235px;
    position: absolute;
}

.kor-poddr-t-d.moja-smetka-container {
    background-color: #66B9E5;
    height: 235px;
}

.kor-poddr-t-d > .kor-poddr-moja-smetka > h2 {
    text-transform: uppercase;
    top: 0;
    padding: 20px 0;
    font-size: 15pt;
    font-family: 'tele-groteskfetregular';
    color: #fff;
    border-bottom: 1px solid #eee;
    margin: 0 20px;
}

.kor-poddr-t-d > .kor-poddr-moja-smetka > h2 {
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%); /* Saf3.1+, Chrome */
    -moz-transform: translateY(-50%); /* FF3.5+ */
    -ms-transform: translateY(-50%); /* IE9 */
    -o-transform: translateY(-50%); /* Opera 10.5+ */
    transform: translateY(-50%);
    border-bottom: 0;
}


.white-box-left.right-box-sport {
    background-image: url('../images/tv-half-icon.png');
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 325px;
}



.mob-net-tabs .mob-net-tab h2 {
    font-size: 16px;
    font-family: tele-groteskfetregular;
    margin: 5px 0;
    text-transform: uppercase;
}

.mob-net-tabs li a.mob-net-tab h2 {
    color: #bbbbbb;
}

.mob-net-tabs li.active a.mob-net-tab h2 {
    color: #e20074;
}

.grey-box-internet.click-connect:before, .grey-box-internet.click-connect:after {
    content: "";
    clear: both;
    display: table;
}

.internet-landing .grey-box-internet.click-connect {
    background-image: url('../images/click-connect.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #eff2f3;
}

@media (min-width: 992px) {
    .alignBottom-wrapper {
        padding-bottom: 120px !important;
    }
}

@media (max-width: 767px) {

    .p0-xs {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .mgbox-mklub {
        left: 20px;
        width: auto;
    }
}

a.mceItemAnchor:before {
    content: "";
    display: block;
    height: 100px;
    margin: -100px 0 0;
}


/*Za site ludo vljubeni kampanja */

.zslv-wrapper {
    background-image: url('../images/zslv/zslv-bg.jpg');
    background-position: top center;
    background-size: 100%;
    background-repeat: repeat-y;
}

a.btn.btn-zslv {
    font-size: 16px;
    padding: 5px 20px;
    filter: none;
    color: #fff;
    -moz-box-shadow: 0 3px 0 0 #bfbfbf;
    -moz-box-shadow: 0 3px 0 0 rgba(191,191,191,1);
    box-shadow: inset 0 -2px 0 #000000;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    max-width: inherit;
    margin: 0 auto;
    background: #e20074;
    width: auto;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 4px;
}

a.btn.btn-gray-more {
    border: 0px;
    color: #fff;
    border-radius: 3px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7c7c7c+0,4b4b4b+100 */
    background: #7c7c7c; /* Old browsers */
    background: -moz-linear-gradient(top, #7c7c7c 0%, #4b4b4b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #7c7c7c 0%,#4b4b4b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #7c7c7c 0%,#4b4b4b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#4b4b4b',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: inset 0 -3px 0 #999;
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 -3px 0 #999;
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    box-shadow: inset 0 -3px 0 #999;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-bottom: 3px solid #bfbfbf\9;
    font-size: 18px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    font-family: tele-groteskhalregular;
    transition: all 0.2s ease-in;
    display: block;
    width: auto;
    max-width: 100px;
    margin-top: 20px;
    position: relative;
    z-index: 444;
}


img.vo-pripejd {
    margin-bottom: 15px;
}

img.vo-postpejd {
    margin-bottom: 10px;
}

img.selfi-natprevar {
    margin-bottom: 15px;
}

.firs-row {
    padding: 20px;
}

nav.zslv-menu ul {
    margin: 0px 0px 20px 0px;
    position: relative;
    z-index: 33;
}

    nav.zslv-menu ul li {
        margin-bottom: 4px;
    }

img.zslv-img {
    display: block;
    z-index: 2;
    position: relative;
    width: 100%;
    max-width: 400px;
    left: 4%;
    top: 25px;
}

img.heart-1 {
    top: 25px;
    display: block;
    position: relative;
    left: 18%;
    width: 100%;
    max-width: 160px;
}

img.hearts-2 {
    display: block;
    position: absolute;
    right: 0;
    top: 50px;
    width: auto;
    max-width: 370px;
}

@media screen and (max-width: 996px) {

    img.heart-1 {
        width: 30%;
    }

    img.hearts-2 {
        width: 50%;
    }
}


/* Second row / Third row */

.second-row, .third-row, .fourth-row {
    padding: 20px 30px;
    position: relative;
    padding-top: 120px;
    margin-top: -105px;
}

    .second-row h2, .third-row h2, .fourth-row h2 {
        text-transform: uppercase;
        color: #000;
        font-family: 'tele-groteskhalregular';
    }

    .second-row p, .third-row p, .fourth-row p, .fourth-row ul, .fourth-row ul li {
        color: #000;
        font-size: 26px;
        line-height: 1.2;
        margin: 0px;
        font-family: 'tele-grotesknorregular';
    }


.separator {
    text-align: center;
    background: rgba(226, 0, 116, 0.85);
    padding: 10px;
}

img.selfie-stik {
    display: inline-block;
    position: relative;
    top: -55px;
}


img.podarok-selfie-stik {
    display: inline-block;
    position: relative;
    top: -70px;
    left: 70px;
}

@media screen and (max-width: 996px) {
    img.heart-235 {
        display: inline-block;
        float: left;
        width: 20%;
    }

    img.selfie-stik {
        width: 40%;
        display: inline-block;
        float: left;
    }

    img.podarok-selfie-stik {
        width: 40%;
        float: left;
        display: inline-block;
    }
}

@media screen and (max-width: 600px) {
    img.heart-235 {
        display: none;
    }

    img.selfie-stik {
        display: inline-block;
        position: relative;
        top: 10px;
    }

    img.podarok-selfie-stik {
        display: inline-block;
        position: relative;
        top: 10px;
    }
}
/*
@media screen and (max-width: 560px) { 
	img.heart-235 {
		display: block;
		float: left;
		width: 20%;
}
}
*/
/**/

img.heart-7464 {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1;
}

img.dve-sim-karticki {
    display: inline-block;
    position: relative;
    left: 0%;
    top: -30px;
    z-index: 2;
}


.fourth-row ul {
    margin: 30px 0px;
}

img.heart-9375 {
    position: relative;
    right: -230px;
    display: inline-block;
    top: -120px;
}

img.heart-7465 {
    display: inline-block;
    position: relative;
    left: 80px;
}

@media screen and (max-width: 996px) {

    img.heart-9375 {
        position: relative;
        right: 0;
        display: inline-block;
        top: 0;
    }
}

/* Baner Pelister */
/*.container.banner-pelister {
    height: 400px;
    margin-bottom: -400px;
    padding: 10px 0px;
    position: relative;
}


div#PanoramaC {
    position: absolute;
    float: right;
    right: -201px;
    z-index: 11;
    width: 195px!important;
    height: 375px!important;

}

body {
	overflow-x:hidden;
}*/

/*End of Baner Pelister*/


.online-naracka-info {
    color: #989898;
    margin: 40px auto;
    left: 0;
    right: 0;
    box-shadow: 0 0 30px 20px rgba(0, 0, 0, .05);
    padding: 20px 20px;
    text-align: center;
    font-size: 18px;
}

    .online-naracka-info a {
        color: #e20074;
        text-decoration: underline;
    }

@media screen and (max-width: 767px) {
    .online-naracka-wrapper .text-right {
        text-align: left !important;
    }
}


/**/

.home-one.postpaid .row:nth-child(2) .white-box-left {
    min-height: 200px;
}


@media screen and (min-width: 991px) {
    .mob-net-tabs .white-box-left {
        min-height: 286px;
    }
}

@media screen and (max-width: 990px) {
    .mob-net-tabs .white-box-left {
        min-height: 0;
    }
}



@media (min-width: 768px) {
    .navbar-default .navbar-nav > li.katalog:hover > .dropdown-menu {
        /*display: block;*/
        left: 0;
        right: 0;
        width: 100%;
        text-transform: none;
        visibility: visible !important;
    }

    .navbar-default .navbar-nav > li.katalog.active > .dropdown-menu {
        display: block !important;
        left: 0;
        right: 0;
        width: 100%;
        text-transform: none;
        visibility: visible !important;
    }

    .navbar-default .navbar-nav > li.katalog > .dropdown-menu li.dropli,
    .navbar-default .navbar-nav > li.uslugi > .dropdown-menu li.dropli {
        margin-bottom: 1px;
    }

    .navbar-default .navbar-nav > li.katalog > .dropdown-menu li.dropli {
        width: 25%;
    }

    .navbar-default .navbar-nav > li.katalog > .dropdown-menu li.mob_devices, .navbar-default .navbar-nav > li.katalog > .dropdown-menu li.dop_oprema {
        width: 25%;
    }
}

@media (min-width:768px) and (max-width:991px) {

    .navbar-default .navbar-nav > li.katalog > .dropdown-menu li.dropli > a {
        min-height: 45px;
    }

    .navbar-default .navbar-nav > li.katalog > .dropdown-menu li.mob_devices > a, .navbar-default .navbar-nav > li.katalog > .dropdown-menu li.dop_oprema > a {
        min-height: 45px;
    }

    .smart-tarifi-wrapper .smart-table span.tariff-title {
        font-size: 22px;
        padding-right: 7px;
    }

    .smart-tarifi-wrapper span.smart-no a {
        display: block;
        white-space: pre-line;
    }

    .smart-table {
        min-height: 860px;
    }
}

.navbar-default .navbar-nav > li.uslugi > .dropdown-menu li.dropli ul {
    display: none;
}

#orderFormRegister p.busreg-subtitle {
    padding-left: 15px;
    font-size: 18px;
}







/* TABELI - 2016*/

.tv-paketi-item {
    border: 1px solid #dfddde;
    margin-bottom: 15px;
}

    .tv-paketi-item.tv-paketi-item-mgn {
        border-color: #e20074;
    }

    .tv-paketi-item .collapse {
        display: none;
    }

        .tv-paketi-item .collapse.in {
            display: block;
            margin-bottom: 15px;
        }

    .tv-paketi-item h2 {
        font-size: 30px;
    }

    .tv-paketi-item.small-h h2 {
        font-size: 27px;
    }

    .tv-paketi-item h2 span {
        display: block;
        font-size: 22px;
    }

.tv-paketi-item-price {
    padding: 0 5px 5px;
}

    .tv-paketi-item-price .p-uredi-cena {
        margin-bottom: 30px;
    }

.tv-paketi-item .tv-paketi-item-row {
    /* background-image: url('../images/tabela-border-bottom.png'); */
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-top: 8px;
    padding-bottom: 15px;
    border-top: 1px solid #E0E0E0;
}

    .tv-paketi-item .tv-paketi-item-row:first-child {
        border: none;
    }

    .tv-paketi-item .tv-paketi-item-row.empty {
        border: none;
    }

.tv-paketi-item h2 {
    background: #e0e0e0;
    padding: 15px 15px;
    line-height: 1;
}

.tv-paketi-item.tv-paketi-item-mgn h2 {
    background: #e20074;
    color: #fff;
}

.tv-paketi-item .p-uredi-cena {
    margin: 0px auto;
    width: 100%;
    max-width: 160px;
    display: block;
    padding: 20px 0px;
}

.tv-paketi-item .p-left {
    width: 55%;
}

.tv-paketi-item .p-right {
    width: 45%;
}

.tv-paketi-item .one-t-dicklaimer span {
    position: absolute;
    top: 3px;
    left: 0px;
    font-size: 25px;
    color: #CACACA;
}

.tv-paketi-item-row p {
    margin: 0px;
}

.tv-paketi-item a.btn.btn-magen, .tv-paketi-item a.btn.btn-grey {
    display: block;
    width: 100%;
    max-width: 160px;
    margin: 0px auto;
}

.tv-paketi-item .panel-group .panel + .panel {
    margin-top: 1px;
}

.tv-paketi-item .panel-body {
    padding: 0px 15px;
}

.tv-paketi-item .panel {
    border: 0px;
}

.tv-paketi-item .panel-group {
    margin-bottom: 0px;
}

.tv-paketi-item-row p a {
    color: #e20074;
}

.tv-paketi-item-row p span {
    font-family: 'tscreen-bold';
    clear: both;
    display: block;
}

    .tv-paketi-item-row p span a {
        color: #333;
    }


/**/


.tv-paketi-item .panel-group#accordion .panel.panel-default,
.tv-paketi-item .panel-group#accordion1 .panel.panel-default {
    border-radius: 0;
    box-shadow: none;
}



.tv-paketi-item .panel-group#accordion .panel-heading,
.tv-paketi-item .panel-group#accordion1 .panel-heading,
.tv-paketi-item .panel-group#accordion2 .panel-heading,
.tv-paketi-item .panel-group#accordion3 .panel-heading {
    padding: 0;
    background: none;
    border: none;
}

    .tv-paketi-item .panel-group#accordion .panel-heading > .panel-title,
    .tv-paketi-item .panel-group#accordion1 .panel-heading > .panel-title,
    .tv-paketi-item .panel-group#accordion2 .panel-heading > .panel-title,
    .tv-paketi-item .panel-group#accordion3 .panel-heading > .panel-title {
        margin: 0;
        padding: 0;
    }

        .tv-paketi-item .panel-group#accordion .panel-heading > .panel-title > a.collapsed,
        .tv-paketi-item .panel-group#accordion1 .panel-heading > .panel-title > a.collapsed,
        .tv-paketi-item .panel-group#accordion2 .panel-heading > .panel-title > a.collapsed,
        .tv-paketi-item .panel-group#accordion3 .panel-heading > .panel-title > a.collapsed {
            background-color: #e0e0e0 !important;
            background-image: url(../images/arrow_down_gray.png);
            background-color: #e0e0e0 !important;
            background-image: url(../images/arrow_down_gray.png) !important;
            background-position: 98% center;
            background-position: right 10px center;
            background-size: inherit;
        }

        .tv-paketi-item .panel-group#accordion .panel-heading > .panel-title > a,
        .tv-paketi-item .panel-group#accordion1 .panel-heading > .panel-title > a,
        .tv-paketi-item .panel-group#accordion2 .panel-heading > .panel-title > a,
        .tv-paketi-item .panel-group#accordion3 .panel-heading > .panel-title > a {
            padding: 18px 15px;
            text-decoration: none;
            display: block;
            padding: 14px;
            background-color: #dbecf4;
            color: #333;
            text-shadow: none;
            background-image: url(../images/arrow_up_gray.png) !important;
            background-repeat: no-repeat;
            background-position: 98% center;
            background-position: right 10px center;
            background-size: inherit;
        }



/*korekcii mart 2018*/

@media (min-width:768px) {

    .tv-paketi-item .tv-paketi-item-row.tv-paketi-item-row11 {
        min-height: 115px;
    }

    .tv-paketi-item .tv-paketi-item-row.tv-paketi-item-row14 {
        min-height: 138px;
    }

    .tv-paketi-item .tv-paketi-item-row.tv-paketi-item-row21 {
        min-height: 86px;
    }

    .tv-paketi-item .panel-body.voiceMailEqH {
        min-height: 393px;
    }

    .tv-paketi-item .tv-paketi-item-row.tv-paketi-item-row15 {
        min-height: 95px;
    }
}

@media (min-width:992px) and (max-width:1199px) {

    .tv-paketi-item .panel-body.voiceMailEqH {
        min-height: 414px;
    }
}


/* end of Tabeli - 2016 */



/* Korisnicka poddrska 2016 */

.korisnicka-poddrska-second-row:before, .korisnicka-poddrska-second-row:after,
.korisnicka-poddrska-third-row:before, .korisnicka-poddrska-third-row:after,
.korisnicka-poddrska-fourth-row:before, .korisnicka-poddrska-fourth-row:after {
    content: '';
    display: table;
    clear: both;
}

/*.korisnicka-poddrska-second-row {
    margin: 40px 0px 40px 0px;
}*/



.korisnicka-poddrska-third-row {
    margin-top: 15px;
    margin-bottom: 10px;
}

.korisinicka-poddrska-banner-image-wrapper {
    width: 100%;
    height: 400px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.korisinicka-poddrska-banner-image {
    width: 100%;
    height: 100%;
    background-image: url('../content/images/korisnicka-poddrska/korisnicka-poddrska-image-banner.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

.icon-holder {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    position: absolute;
}

    .icon-holder.icon-holder-hovered, .icon-holder:hover {
        width: auto;
        height: auto;
        border-radius: 100%;
    }


    .icon-holder.upatstva-wrapper {
        display: block;
        position: absolute;
        left: 10px;
        top: 115px;
        z-index: 2;
    }

    .icon-holder a:hover {
        text-decoration: none;
    }

.korisnicka-poddrska-icon {
    border: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 2px 5px 10px rgba(0,0,0,.2);
    box-shadow: 2px 5px 10px rgba(0,0,0,.2);
    display: block;
    outline: 0;
    text-align: center;
    -webkit-transition: background .3s,color .3s;
    transition: background .3s,color .3s;
    background: #fff;
    height: 92px;
    left: 0;
    position: absolute;
    top: 0;
    width: 92px;
    z-index: 1;
    border-radius: 50%;
}

    .korisnicka-poddrska-icon.upatstva-icon {
        background: #fff url('../content/images/korisnicka-poddrska/user-manual.png') no-repeat center center;
    }

        .korisnicka-poddrska-icon.upatstva-icon:hover,
        .icon-holder-hovered .korisnicka-poddrska-icon.upatstva-icon {
            background: #e20074 url('../content/images/korisnicka-poddrska/user-manual-white.png') no-repeat center center;
        }

a.upatstva-inner-content-wrapper,
a.faq-inner-content-wrapper,
a.mrezno-porkivanje-inner-content-wrapper {
    background: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #383838;
    display: block;
    max-width: 350px;
    opacity: 0;
    padding: 30px 75px 30px 25px;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    visibility: hidden;
}

a.upatstva-inner-content-wrapper {
    left: 62px;
    top: 46px;
}

a.faq-inner-content-wrapper {
    left: auto;
    right: 310px;
    top: 50px;
}

a.mrezno-porkivanje-inner-content-wrapper {
    left: auto;
    top: 46px;
    right: 45px;
}

.icon-holder-hovered a.upatstva-inner-content-wrapper,
.icon-holder-hovered a.faq-inner-content-wrapper,
.icon-holder-hovered a.mrezno-porkivanje-inner-content-wrapper {
    opacity: 1;
    visibility: visible;
}




.icon-holder .product-subtitle {
    color: #E20074;
    text-transform: uppercase;
    padding: 0;
    font-family: 'tscreen-medium';
    font-size: 22px;
    margin: 0px;
}

.icon-holder i.icon.icon-navigation-right {
    background: transparent;
    border: 0;
    height: 53px;
    margin-top: -21.5px;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 18px;
    top: 50%;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    width: 30px;
    font-size: 60px;
    color: #e20074;
}

    .icon-holder i.icon.icon-navigation-right:hover {
        -webkit-transform: translateX(3px);
        -ms-transform: translateX(3px);
        transform: translateX(3px);
    }


.icon-holder.faq-wrapper {
    left: 46%;
    top: 215px;
}

.korisnicka-poddrska-icon.faq-icon {
    background: #fff url('../content/images/korisnicka-poddrska/faq-icon.png') no-repeat center center;
}

    .korisnicka-poddrska-icon.faq-icon:hover,
    .icon-holder-hovered .korisnicka-poddrska-icon.faq-icon {
        background: #e20074 url('../content/images/korisnicka-poddrska/faq-icon-white.png') no-repeat center center;
    }


.icon-holder.mrezno-porkivanje-wrapper {
    right: 182px;
    top: 50px;
    z-index: 3;
}

@media (min-width:768px) and (max-width:991px) {
    .icon-holder.mrezno-porkivanje-wrapper {
        right: 62px;
    }
}

.korisnicka-poddrska-icon.mrezno-porkivanje-icon {
    background: #fff url('../content/images/korisnicka-poddrska/internet-icon.png') no-repeat center center;
    position: absolute;
    right: 0;
    left: auto;
}

    .korisnicka-poddrska-icon.mrezno-porkivanje-icon:hover,
    .icon-holder-hovered .korisnicka-poddrska-icon.mrezno-porkivanje-icon {
        background: #e20074 url('../content/images/korisnicka-poddrska/internet-icon-white.png') no-repeat center center;
    }


/**/

.korisnicka-poddrska-overlay {
    position: absolute;
    right: 0px;
    left: 0px;
    top: 10px;
    z-index: -1;
}

@media (max-width:991px) {
    .korisnicka-poddrska-overlay {
        left: 0;
    }
}

.korisnicka-poddrska-overlay.visible-korisnicka-poddrska-overlay {
    z-index: 55;
}


.product-overlay-inner {
    border: 0px;
    height: 100%;
    padding-left: 100px;
    position: relative;
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
}

.product-overlay--transition-in.product-overlay-inner {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.product-overlay {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    position: relative;
    z-index: 1000;
    height: 400px;
}

    .product-overlay.product-overlay--show {
        opacity: 1;
        visibility: visible;
        background: rgba(0, 0, 0, 0.4);
    }


.upatstva-overlay, .faq-overlay, .mrezno-pokrivanje-overlay {
    height: 100%;
    background: #fff;
    display: none;
}

div#upatstva-tab a {
    color: #333;
}


.visible-tab-overlay.upatstva-overlay,
.visible-tab-overlay.faq-overlay,
.visible-tab-overlay.mrezno-pokrivanje-overlay {
    display: block;
}

.product-overlay .korisnicka-close-btn.js-overlay-hide {
    background: #e20074;
    color: #fff;
    left: 0;
    margin-left: 55px;
    margin-top: -45px;
    position: absolute;
    top: 50%;
    z-index: 1;
    border: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 2px 5px 10px rgba(0,0,0,.2);
    box-shadow: 2px 5px 10px rgba(0,0,0,.2);
    display: block;
    height: 90px;
    outline: 0;
    text-align: center;
    -webkit-transition: background .3s,color .3s;
    transition: background .3s,color .3s;
    width: 90px;
    background-image: url(../content/images/korisnicka-poddrska/x.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.korisnicka-poddrska-product-item ul li {
    padding-left: 0px;
    margin-left: 0px;
    background: none;
    height: auto;
    min-height: 110px;
    margin-bottom: 0px;
}

.korisnicka-poddrska-product-item a h3 {
    color: #00a0de;
    font-family: tscreen-medium;
    font-size: 21px;
    margin-top: 0px;
}

.korisnicka-poddrska-product-item a p {
    color: #333;
}

.korisnicka-poddrska-product-item {
    padding-left: 55px;
    padding-top: 15px;
}

    .korisnicka-poddrska-product-item a:hover,
    .korisnicka-poddrska-product-item a:focus {
        text-decoration: none;
    }


@media (max-width: 991px) {
    .korisnicka-poddrska-second-row {
        margin: 0px;
    }
}



/* moja smetka */

.moja-smetka:before,
.moja-smetka:after {
    content: '';
    clear: both;
    display: table;
}

.moja-smetka {
    background: #ededed;
    color: #757575;
    /*height: 230px; */
    width: 100%;
    position: relative;
}



.moja-smetka-image-wrapper {
    outline: 18px solid #e5e5e5;
    float: left;
    display: block;
    position: relative;
    width: 43%;
    max-width: 200px;
    margin-left: 18px;
}

.moja-smetka-name-tag {
    bottom: -35px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: auto;
    background: #fff;
    border: 1px solid #b2b2b2;
    margin: 0 30px;
    text-align: center;
    z-index: 1;
    padding: 10px;
}

.moja-smetka-tag-title {
    font-family: tscreen-bold;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1;
}

    .moja-smetka-tag-title a {
        color: #383838;
    }

        .moja-smetka-tag-title a:hover,
        .moja-smetka-tag-title a:focus {
            text-decoration: none;
            color: #e20074;
        }

.moja-smetka-list {
    width: 50%;
    display: block;
    float: left;
    padding: 25px 10px 10px 35px;
}

    .moja-smetka-list ul li {
        background: none;
        padding: 0px;
        margin-left: 0px;
    }

@media (max-width:991px) {
    .moja-smetka {
        margin-bottom: 55px;
    }
}

@media (min-width:992px) {
    .moja-smetka {
        margin: 20px 0px 40px 0px;
    }

    .telekom-prodavnici.margin-fix,
    .zemeno-popraveno-vrateno.margin-fix {
        margin-top: 20px;
    }
}

@media (max-width:991px) {
    .telekom-prodavnici, .zemeno-popraveno-vrateno {
        margin-top: 10px;
    }

        .telekom-prodavnici.margin-fix,
        .zemeno-popraveno-vrateno.margin-fix,
        .telekom-prodavnici.telekom-imenik {
            margin-top: 0px;
        }

    .moja-smetka {
        margin-top: 10px;
        margin-bottom: 55px;
    }
}


@media (max-width:440px) {
    .moja-smetka-image-wrapper, .moja-smetka-list {
        width: 100%;
    }

    .moja-smetka-image-wrapper {
        width: 170px;
        margin: 0px auto;
        display: block;
        position: relative;
        float: none;
    }


    .moja-smetka-list {
        padding: 30px 20px 10px 20px;
    }


    .moja-smetka {
        margin-bottom: 15px;
    }
}


.telekom-prodavnici, .zemeno-popraveno-vrateno {
    text-align: center;
    height: auto;
    padding: 15px 10px 50px 10px;
}


    .telekom-prodavnici a.btn.btn-default.magenta-btn.transparent-btn,
    .zemeno-popraveno-vrateno a.btn.btn-default.magenta-btn.transparent-btn {
        background: transparent;
        color: #e20074;
        border: 1px solid;
        min-width: 120px;
        position: absolute;
        left: 20%;
        margin: 0px auto;
        right: 20%;
        bottom: 10px;
        top: auto;
        display: block;
        font-size: 16px;
    }

        .telekom-prodavnici a.btn.btn-default.magenta-btn.transparent-btn:hover,
        .zemeno-popraveno-vrateno a.btn.btn-default.magenta-btn.transparent-btn:hover {
            background: #e20074;
            color: #fff;
            border: 1px solid #D8006F;
        }

.telekom-prodavnici {
    border: 1px solid #c3c3c3;
}

.zemeno-popraveno-vrateno {
    background-color: #ededed;
}

.zemeno-popraveno-vrateno {
}

    .telekom-prodavnici h3, .zemeno-popraveno-vrateno h3 {
        font-family: tscreen-bold;
        text-transform: uppercase;
        color: #e20074;
        font-size: 17px !Important;
    }

.korisnichka .btn-magen {
    position: absolute;
    left: 34%;
    bottom: 5%;
}

.kor-podd-white-box h3 {
    padding-bottom: 15px;
    color: #383838;
    font-family: tscreen-bold;
    text-transform: uppercase;
    border-bottom: 1px solid;
    margin-top: 0px;
    font-size: 17px;
    padding-right: 5px;
}

.kor-podd-white-box, .kor-podd-accordions {
    padding-top: 15px;
}


    .kor-podd-white-box ul li, .kor-podd-accordions ul li {
        background: none;
        padding-left: 0px;
        margin-left: 0px;
        border: 0px;
        padding: 0;
        margin-bottom: 7px;
    }

.korisnicka-poddrska-fourth-row .kor-podd-accordions {
    padding-top: 0px;
}

.kor-podd-white-box {
    padding-top: 15px;
}


.kor-podd-accordions .panel-default > .panel-heading {
    color: #333;
    background-color: #fee3a4;
    border-color: #FEE3A4;
    border-radius: 0px;
}


.kor-podd-accordions h4.panel-title {
    padding: 0px;
    color: #383838;
    font-family: tscreen-bold;
    text-transform: uppercase;
}

    .kor-podd-accordions h4.panel-title a {
        display: block;
        width: 100%;
        padding: 15px 40px 15px 15px;
    }

    .kor-podd-accordions h4.panel-title a {
        background: transparent url('../content/images/korisnicka-poddrska/arrow-down.png')no-repeat center right 10px;
    }

        .kor-podd-accordions h4.panel-title a:hover, .kor-podd-accordions h4.panel-title a:focus {
            color: #333;
            text-decoration: none;
        }

.kor-podd-accordions .panel-group {
    margin-bottom: 0;
}


.kor-podd-accordions .panel-default {
    border: 0px;
}

.kor-podd-accordions .panel-body ul {
    margin-bottom: 0px;
}

    .kor-podd-accordions .panel-body ul li a {
        color: #383838;
    }

.kor-podd-accordions .panel-group .panel + .panel {
    margin-top: 0px;
    border-top: 1px solid #ECD49B;
}

.kor-podd-accordions .panel-default > .panel-heading + .panel-collapse > .panel-body {
    background-color: #fef1d1;
    border: 0px;
    /*max-height: 156px;*/
    max-height: 131px !important;
    min-height: 131px;
    overflow: auto;
}

.kor-podd-accordions .panel-heading {
    padding: 0;
}


.korisnicka-poddrska-bottom {
    height: 325px;
    display: block;
    background: transparent url('../content/images/korisnicka-poddrska/korisnicka-poddrska-bottom-slika.jpg')no-repeat center center;
    background-size: cover;
}

@media (min-width:768px) and (max-width:991px) {
    .korisnicka-poddrska-bottom {
        margin-bottom: 15px;
    }
}

.korisnicka-poddrska-bottom a:hover {
    text-decoration: none;
}


.korisnicka-poddrska-bottom-icon {
    border: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 2px 5px 10px rgba(0,0,0,.2);
    box-shadow: 2px 5px 10px rgba(0,0,0,.2);
    display: block;
    outline: 0;
    text-align: center;
    -webkit-transition: background .3s,color .3s;
    transition: background .3s,color .3s;
    background: #e20074;
    height: 92px;
    width: 92px;
    z-index: 1;
    border-radius: 50%;
    margin: 0px auto;
    margin-top: 90px;
}

    .korisnicka-poddrska-bottom-icon.kontakt-centar-icon {
        background: #e20074 url('../content/images/korisnicka-poddrska/hendset.png')no-repeat center center;
    }

    .korisnicka-poddrska-bottom-icon.live-chat-icon {
        background: #e20074 url('../content/images/korisnicka-poddrska/live-chat.png')no-repeat center center;
    }

    .korisnicka-poddrska-bottom-icon.prasaj-go-telekom-icon {
        background: #e20074 url('../content/images/korisnicka-poddrska/prashaj-go-telekom.png')no-repeat center center;
    }

    .korisnicka-poddrska-bottom-icon.e-care-icon {
        background: #e20074 url('../content/images/korisnicka-poddrska/e-care.png')no-repeat center center;
    }



    .korisnicka-poddrska-bottom-icon.live-chat-icon:hover {
        background: #fff url('../content/images/korisnicka-poddrska/live-chat-hover.png')no-repeat center center;
    }

    .korisnicka-poddrska-bottom-icon.prasaj-go-telekom-icon:hover {
        background: #fff url('../content/images/korisnicka-poddrska/prashaj-go-telekom-hover.png')no-repeat center center;
    }

    .korisnicka-poddrska-bottom-icon.e-care-icon:hover {
        background: #fff url('../content/images/korisnicka-poddrska/e-care-hover.png')no-repeat center center;
    }

a.korisnicka-poddrska-bottom-links p {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.2;
    font-family: tscreen-bold;
}

.korisinicka-poddrska-banner-image .nav-tabs > li {
    float: none;
}

.korisinicka-poddrska-banner-image .nav-tabs {
    border: 0;
}

.korisinicka-poddrska-banner-image .nav > li {
    position: inherit;
}

.korisnicka-poddrska-bottom:before,
.korisnicka-poddrska-bottom:after {
    content: '';
    clear: both;
    display: table;
}

.kor-podd-e-mail a {
    display: block;
    margin: 0px auto;
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.korisnichka ul li a:after {
    display: none;
}

.korisnichka ul li {
    border: 0px;
    margin-bottom: 7px;
}

    .korisnichka ul li a {
        color: #00a0de;
        display: block;
        line-height: 18px;
        font-size: 15px;
    }


h2.korisnicka-title {
    display: none;
}

@media (max-width:767px) {

    .korisinicka-poddrska-banner-image-wrapper {
        width: 100%;
        height: auto;
    }

    .korisinicka-poddrska-banner-image {
        height: 260px;
    }

    .icon-holder-hovered a.upatstva-inner-content-wrapper,
    .icon-holder-hovered a.faq-inner-content-wrapper,
    .icon-holder-hovered a.mrezno-porkivanje-inner-content-wrapper {
        display: none;
    }

    .korisnicka-poddrska-last-row .p0, .korisnicka-poddrska-fifth-row .pr0.p0 {
        padding: 0px !important;
    }

    .icon-holder.upatstva-wrapper,
    .icon-holder.mrezno-porkivanje-wrapper,
    .icon-holder.faq-wrapper {
        left: auto;
        top: auto;
        z-index: 2;
        bottom: auto;
        right: auto;
        position: relative;
        display: block;
        float: left;
        margin: 0px 5px;
    }
    /* 	.icon-holder.mrezno-porkivanje-wrapper {
		right: 182px;
		top: auto;
		z-index: 3;
		left: 110px;
		bottom: -40px;
	} 
	.icon-holder.faq-wrapper {
		left: 210px;
		top: auto;
		bottom: -40px;
		    z-index: 2;
	}
*/
    .icon-holder:hover {
        width: 92px;
        height: 92px;
        border-radius: 50%;
    }

    .korisnicka-poddrska-overlay {
        position: relative;
        z-index: 1;
        opacity: 1;
        visibility: visible;
        display: block;
        left: 0;
    }

    .korisnicka-poddrska-product-item {
        padding-left: 0;
        padding-top: 35px;
    }


    .product-overlay {
        opacity: 1;
        visibility: visible;
        overflow: hidden;
        position: relative;
        z-index: 1000;
        height: auto;
    }

    .product-overlay-inner {
        padding-left: 0;
    }


    .mob-active-tab.upatstva-overlay,
    .faq-overlay.mob-active-tab,
    .mrezno-pokrivanje-overlay.mob-active-tab {
        display: block;
    }

    .product-overlay .korisnicka-close-btn.js-overlay-hide {
        display: none;
    }

    .product-overlay-inner {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .korisnicka-poddrska-product-item ul li {
        padding-left: 0px;
        margin-left: 0px;
        background: none;
        height: auto;
        min-height: 0;
        margin-bottom: 25px;
        display: block;
    }

    .korisnicka-poddrska-bottom-icon {
        margin-top: 20px;
        height: 72px;
        width: 72px;
        background-size: 50% !important;
    }

    .mob-clearfix:before, .mob-clearfix:after {
        content: '';
        display: table;
        clear: both;
    }

    .telekom-prodavnici a.btn.btn-default.magenta-btn.transparent-btn, .zemeno-popraveno-vrateno a.btn.btn-default.magenta-btn.transparent-btn {
        min-width: 90px;
    }

    .korisnicka-poddrska-icon {
        height: 72px;
        width: 72px;
        background-size: 50% !important;
    }

    .icon-holder {
        width: 72px;
        height: 72px;
        border-radius: 50%;
        position: absolute;
    }

        .icon-holder.icon-holder-hovered, .icon-holder:hover {
            width: 72px;
            height: 72px;
            border-radius: 50%;
        }

            /*.icon-holder-hovered .korisnicka-poddrska-icon.mrezno-porkivanje-icon {
		background: #fff url('../content/images/korisnicka-poddrska/internet-icon.png') no-repeat center center;
	}*/

            .icon-holder:hover .korisnicka-poddrska-icon.mrezno-porkivanje-icon,
            .icon-holder.mrezno-porkivanje-wrapper.icon-holder-hovered {
                background: #e20074 url('../content/images/korisnicka-poddrska/internet-icon-white.png') no-repeat center center;
            }

    .korisnicka-poddrska-bottom {
        height: auto;
        margin-bottom: 10px;
    }



    .icons-holder-wrapper:before,
    .icons-holder-wrapper:after {
        content: '';
        display: table;
        clear: both;
    }

    .icons-holder-wrapper {
        margin: 0px auto;
        display: block;
        max-width: 246px;
        position: absolute;
        width: 100%;
        height: 72px;
        left: 0px;
        right: 0px;
        bottom: -35px;
        z-index: 60;
    }

    .korisnicka-poddrska-product-item ul li {
        height: auto;
        margin-bottom: 5px;
        line-height: 1;
        height: auto;
        padding: 0px;
    }

    .korisnicka-poddrska-product-item a h3 {
        font-size: 18px;
    }

    h2.korisnicka-title {
        display: block;
        text-transform: uppercase;
        padding: 0;
        font-family: 'tscreen-medium';
        font-size: 22px;
        margin: 0px;
        border-bottom: 1px solid #333;
        padding-bottom: 8px;
        margin-bottom: 8px;
        margin-left: 6px;
    }
}

a.js-overlay-show:focus {
    text-decoration: none;
}



@media (max-width:399px) {
    .korisinicka-poddrska-banner-image {
        height: 170px;
    }
}

@media (max-width:370px) {

    .kor-podd-white-box {
        height: auto;
        min-height: 0;
    }

    .korisnicka-poddrska-fourth-row .col-xs-6,
    .korisnicka-poddrska-second-row .col-xs-6 {
        width: 100%;
    }

    .zemeno-popraveno-vrateno {
        margin-top: 10px;
    }

    a.korisnicka-poddrska-bottom-links p {
        font-size: 16px;
    }


    .zemeno-popraveno-vrateno.margin-fix {
        margin-top: 10px;
    }

    .telekom-prodavnici.telekom-imenik {
        margin-top: 10px;
    }
}


@media (max-width: 991px) and (min-width: 768px) {
    .korisnichka .col-sm-12.pr0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}


.pr5 {
    padding-left: 0px;
    padding-right: 7px;
}

.pl5 {
    padding-left: 7px;
    padding-right: 0px;
}


/*end of KORISNICKA PODDRSKA*/


/* Aktuelno box - wrapper */


.aktuelno-box-wrapper {
    padding: 10px;
    border-radius: 2px;
    border: 1px solid #dedede;
}

    .aktuelno-box-wrapper ul {
        margin-bottom: 0px;
    }

        .aktuelno-box-wrapper ul li a {
            padding: 13px 10px;
            display: block;
            border-bottom: 1px solid #dedede;
            text-transform: uppercase;
            color: #383838;
            line-height: 1.3;
        }

            .aktuelno-box-wrapper ul li a.blue-gradient,
            .aktuelno-box-wrapper h4 {
                background: #e0f2f8; /* Old browsers */
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2UwZjJmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -moz-linear-gradient(left, #e0f2f8 1%, #ffffff 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(left, #e0f2f8 1%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to right, #e0f2f8 1%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f2f8', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
            }

            .aktuelno-box-wrapper ul li a span {
                font-family: tscreen-bold;
                display: block;
                color: #e20074;
            }

            .aktuelno-box-wrapper ul li a:hover span {
                color: #e20074;
            }


            .aktuelno-box-wrapper ul li a:hover {
                background: #fdf0f7; /* Old browsers */
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZjBmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -moz-linear-gradient(left, #fdf0f7 0%, #ffffff 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(left, #fdf0f7 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to right, #fdf0f7 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf0f7', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
                text-decoration: none;
            }

        .aktuelno-box-wrapper ul li:last-child a {
            border-bottom-color: transparent;
        }

    .aktuelno-box-wrapper h4 {
        font-size: 16px;
        color: #383838;
        text-align: left;
        margin: 0;
        font-family: tscreen-bold;
        height: auto;
        padding: 10px;
        padding-left: 10px;
    }


/* End of Aktuelno box - wrapper */

/*Nov Borj*/

h1.text-uppercase.color-mgn {
    text-transform: uppercase;
    color: #e20074;
}

.magenta-bg-rewrite-gray {
    background: #f8f8f8;
}

.nov-broj-second-row .one-half {
    width: 50%;
    display: block;
    float: left;
    position: relative;
}

    .nov-broj-second-row .one-half.left-half {
        width: 45%;
        border: 1px solid #e4e4e4;
    }

    .nov-broj-second-row .one-half.right-half {
        width: 55%;
    }

.nov-broj-second-row:before,
.nov-broj-second-row:after {
    content: '';
    display: table;
    clear: both;
}

.nov-broj-second-row {
    margin-bottom: 30px;
}

.one-half.right-half {
    padding: 0px 15px;
    padding: 0px 0 0 25px;
}

    .one-half.right-half h3 {
        margin-top: 5px;
    }

.one-half.left-half .product-home-img img {
    max-width: 100%;
    width: auto;
}

.one-half.left-half .phone-box.sim-card {
    padding-top: 25%;
    padding-bottom: 25%;
}

@media (max-width:767px) {
    .nov-broj-second-row .one-half,
    .nov-broj-second-row .one-half.left-half,
    .nov-broj-second-row .one-half.right-half {
        width: 100%;
        display: block;
        padding: 0px;
    }

    .one-half.right-half h3 {
        margin-top: 20px;
    }


    .one-half.left-half .phone-box.sim-card {
        padding-top: 15px;
    }
}

/*End Nov Borj*/



/* Accordion fix on mobile */

@media (max-width:767px) {

    .tv-paketi-item .panel-collapse.mobileOpencollaps.collapse .panel-body {
        height: auto !important;
    }

    .tv-paketi-item .tv-paketi-item-row {
        height: auto !important;
    }

    .tv-paketi-item .collapse.in, .tv-paketi-item .collapsing {
        display: none !important;
    }

        .tv-paketi-item .collapsing.mobileOpencollaps {
            display: block !important;
        }

    .tv-paketi-item .panel-collapse.mobileOpencollaps.collapse {
        display: block !important;
        height: auto !important;
    }

    .tv-paketi-item .panel-group#accordion .panel-heading > .panel-title > a {
        background-color: #e0e0e0 !important;
        background-image: url(../images/arrow_down_gray.png) !important;
    }

        .tv-paketi-item .panel-group#accordion .panel-heading > .panel-title > a.active-accordrion {
            background-image: url(../images/arrow_up_gray.png) !important;
            background-color: #dbecf4 !important;
        }
}

h2.smart-pt {
    color: #333 !important;
    font-size: 24px;
    font-family: tscreen-medium !important;
    text-transform: none !important;
    margin-bottom: 0px;
    padding-bottom: 5px;
    text-align: center;
}

.smart-pt3 {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 0px;
    text-align: center;
}



/* Search results */

.search-results-container ul.custom-search-results-list:before, .search-results-container ul.custom-search-results-list:after {
    content: '';
    display: table;
    clear: both;
}

.custom-search-result {
    display: table;
}

.custom-search-item-image {
    display: table-cell;
    width: 20%;
    text-align: center;
    padding-left: 5px;
    vertical-align: middle;
}

    .custom-search-item-image img {
        max-width: 70px;
        max-height: 70px;
    }

.custom-search-item-content {
    display: table-cell;
    vertical-align: middle;
    width: 80%;
    padding: 0px 10px;
}

.custom-search-result.with-track-small {
    margin: 0px 0px 10px 0px;
    border-bottom: 1px solid #d6d6d6;
    padding: 10px 0px 10px 0px;
    display: table;
    width: 100%;
    min-height: 91px;
}

.custom-search-item-content a h2 {
    text-decoration: underline;
    color: #e20074 !important;
    font-size: 18px;
}

.custom-search-result.with-track-small:hover {
    background: #f2f2f2;
}


/* End of Search results */


/*Zakazete sostanok*/

button.btn.btn-default.btn-mgn-zakazi-sostanok {
    display: block;
    margin: 0px auto;
    background: #e20074;
    color: #fff;
    text-transform: uppercase;
    text-shadow: none;
    padding: 10px 15px;
    border-radius: 0px;
    margin-top: 6px;
}

button.btn.btn-default.btn-mgn-zakazi-sostanok-al {
    display: block;
    margin: 0px auto;
    background: #e20074;
    color: #fff;
    text-transform: uppercase;
    text-shadow: none;
    padding: 10px 15px;
    border-radius: 0px;
    margin-top: 6px;
}

div#zakazete-sostanok-wrapper {
    padding: 20px 0px;
    background: #f1f1f1;
    display: block;
    float: left;
    width: 240px;
    position: relative;
    border: 1px solid #c4c4c4;
    margin-top: 110px;
    position: fixed;
    margin-left: -250px;
}

    /*@media (min-width:1122px) {
    div#zakazete-sostanok-wrapper {
        bottom: 20%;
    }
}*/

    div#zakazete-sostanok-wrapper:after,
    div#zakazete-sostanok-wrapper:before {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    div#zakazete-sostanok-wrapper:after {
        border-color: rgba(255, 255, 255, 0);
        border-left-color: #f1f1f1;
        border-width: 19px;
        top: 50%;
        margin-right: -38px;
        right: 0px;
        margin-top: -19px;
    }


    div#zakazete-sostanok-wrapper:before {
        border-color: rgba(113, 158, 206, 0);
        border-left-color: #c4c4c4;
        border-width: 20px;
        top: 50%;
        margin-right: -40px;
        right: 0px;
        margin-top: -20px;
    }


@media (min-width:1122px) and (max-width:1440px) {
    div#zakazete-sostanok-wrapper {
        padding: 10px 0px;
        background: #f1f1f1;
        display: block;
        float: left;
        width: 70px;
        position: relative;
        border: 1px solid #e8e8e8;
        margin-top: 0px;
        position: fixed;
        margin-left: -80px;
        -webkit-transition: width 0.5s ease-in-out;
        -moz-transition: width 0.5s ease-in-out;
        -o-transition: width 0.5s ease-in-out;
        transition: width 0.5s ease-in-out;
        z-index: 10;
        margin-top: 110px;
    }

        div#zakazete-sostanok-wrapper img {
            width: 50px;
        }

    button.btn.btn-default.btn-mgn-zakazi-sostanok {
        /* height: 0px; */
        /* opacity: 0; */
        /* visibility: hidden; */
        /* width: 0px; */
        /* margin: 0px; */
        /* padding: 0px; */
        position: absolute;
        top: 8px;
        right: -165px;
        outline: 14px solid rgba(255, 255, 255, 0.7);
    }

    button.btn.btn-default.btn-mgn-zakazi-sostanok-al {
        position: absolute;
        top: 8px;
        right: -165px;
        outline: 14px solid rgba(255, 255, 255, 0.7);
    }

    /*div#zakazete-sostanok-wrapper:hover {
        width: 240px;
        margin-left: -80px;
        -webkit-transition: width 0.5s ease-in-out;
        -moz-transition: width 0.5s ease-in-out;
        -o-transition: width 0.5s ease-in-out;
        transition: width 0.5s ease-in-out;
    }*/

    /*div#zakazete-sostanok-wrapper:hover button.btn.btn-default.btn-mgn-zakazi-sostanok {
            opacity: 1;
            width: 160px;
            height: auto;
            visibility: visible;
            -webkit-transition: width 1.5s ease-in-out;
            -moz-transition: opacity 1.5s ease-in-out;
            -o-transition: opacity 1.5s ease-in-out;
            transition: opacity 1.5s ease-in-out;
            padding: 10px 15px;
            border-radius: 0px;
            margin: 0px auto;
            margin-top: 6px;
        }*/

    div#zakazete-sostanok-wrapper:hover:after,
    div#zakazete-sostanok-wrapper:hover:before {
    }

    div#zakazete-sostanok-wrapper:before {
        margin-right: -40px;
        right: 0px;
        margin-top: -20px;
    }

    div#zakazete-sostanok-wrapper:after {
        margin-right: -35px;
        margin-top: -19px;
    }

    button.btn.btn-default.btn-mgn-zakazi-sostanok {
        outline-offset: 0px;
    }

    button.btn.btn-default.btn-mgn-zakazi-sostanok-al {
        outline-offset: 0px;
    }
}

@media (max-width:1121px) {
    div#zakazete-sostanok-wrapper {
        position: fixed;
        z-index: 10;
        width: 80px;
        padding: 12px;
    }

        div#zakazete-sostanok-wrapper img {
            width: 43px;
        }

            div#zakazete-sostanok-wrapper img:hover {
                cursor: pointer;
            }

    button.btn.btn-default.btn-mgn-zakazi-sostanok {
        height: 0px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
        width: 0px;
        margin: 0px;
        padding: 0px;
    }

    button.btn.btn-default.btn-mgn-zakazi-sostanok-al {
        height: 0px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
        width: 0px;
        margin: 0px;
        padding: 0px;
    }

    div#zakazete-sostanok-wrapper.zsw-opened {
        opacity: 1;
        width: 160px;
        height: auto;
        visibility: visible;
        -webkit-transition: width 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
        /*padding: 10px 15px;*/
        border-radius: 0px;
        margin: 0px auto;
        margin-top: 6px;
        width: 100%;
        max-width: 250px;
    }

        div#zakazete-sostanok-wrapper.zsw-opened img {
            float: left;
        }

        div#zakazete-sostanok-wrapper.zsw-opened button.btn.btn-default.btn-mgn-zakazi-sostanok {
            opacity: 1;
            width: 151px;
            height: auto;
            visibility: visible;
            -webkit-transition: width 0.5s ease-in-out;
            -moz-transition: opacity 0.5s ease-in-out;
            -o-transition: opacity 0.5s ease-in-out;
            transition: opacity 0.5s ease-in-out;
            padding: 10px 15px;
            border-radius: 0px;
            margin: 0px auto;
            margin-top: 3px;
            display: inline-block;
            float: left;
            margin-left: 20px;
        }

        div#zakazete-sostanok-wrapper.zsw-opened button.btn.btn-default.btn-mgn-zakazi-sostanok-al {
            opacity: 1;
            width: 151px;
            height: auto;
            visibility: visible;
            -webkit-transition: width 0.5s ease-in-out;
            -moz-transition: opacity 0.5s ease-in-out;
            -o-transition: opacity 0.5s ease-in-out;
            transition: opacity 0.5s ease-in-out;
            padding: 10px 15px;
            border-radius: 0px;
            margin: 0px auto;
            margin-top: 3px;
            display: inline-block;
            float: left;
            margin-left: 20px;
        }
}

@media (max-width:767px) {
    div#zakazete-sostanok-wrapper {
        margin: 0px auto;
        bottom: 0;
    }
}
/*End of Zakazete sostanok */

/* Aktiviraj e-smetka iframe */
@media (min-width:768px) {

    .e-bill-signup iframe {
        height: 820px !important;
    }
}

@media (min-width:601px) and (max-width:767px) {
    .e-bill-signup iframe {
        height: 920px !important;
    }
}

@media (min-width:481px) and (max-width:600px) {
    .e-bill-signup iframe {
        height: 920px !important;
    }
}

@media (min-width:381px) and (max-width:480px) {
    .e-bill-signup iframe {
        height: 1000px !important;
    }
}

@media (max-width:380px) {
    .e-bill-signup iframe {
        height: 1070px !important;
    }
}

/*End of aktiviraj e-smetka iframe */


/* Gift */

.one-t-product-gift i.ion-android-close {
    display: none;
}

@media (max-width:767px) {

    .one-t-product-gift i.ion-android-close {
        display: block;
        position: absolute;
        right: 0px;
        top: 0px;
        padding: 6px 10px;
    }

    .one-t-product-gift.gift-open > div {
        opacity: 1;
        visibility: visible;
    }
}

/* End of gift */

@media (max-width:768px) {
    div#info-box .r-tabs .r-tabs-panel.r-tabs-state-active {
        overflow: visible;
    }
}



@media screen and (max-width:767px ) {
    li.onlineDiscount.landingPageParent, li.mob_devices.landingPageParent, li.dop_oprema.landingPageParent {
        background-image: url(../images/cart-redesign.png) !important;
        background-repeat: no-repeat !important;
        /*padding-left: 35px !important;
        background-position: left 20px center;*/
        background-position: right 60% center;
        padding-left: 0px;
    }
}



/* Shopping cart */

@media screen and (min-width:768px) {

    .box-title-wraper-left h3.box-title {
        text-align: left !important;
    }

    #shopping-cart .option-select-wraper-right .phones-dropdown-shop {
        text-align: right !important;
    }
}

span.label-select-number {
    padding-right: 10px;
}


.tableWidgetArrow > .arr {
    width: 45px !important;
    height: 45px !important;
    top: 60%;
}

    .tableWidgetArrow > .arr.chevron-right:before {
        content: '\232A';
        padding-top: 4px !important;
        display: block !important;
    }

    .tableWidgetArrow > .arr.chevron-left:before {
        content: '\2329';
        display: block !important;
        padding: 4px !important;
    }

.tableWidgetArrow span {
    background-color: #fff;
}

.tableWidgetArrow {
    height: 100%;
    width: 25px;
    position: fixed;
    display: table-cell;
    vertical-align: middle;
    z-index: 10;
}



/* Smart tarifi - tabeli */

.smart-tarifi-wrapper .smart-table span.tariff-title {
    font-size: 35px;
    color: rgba(0,0,0,0.70);
    padding: 15px 0 5px;
    display: block;
    text-align: center;
}


.smart-tarifi-wrapper .smart-table .smart-tarifa {
    background-color: transparent;
    font-size: 19px;
}

.smart-tarifi-wrapper .smart-table.smart-tariff-m .smart-tarifa {
    background-color: transparent;
}

.smart-tarifi-wrapper span.smart-no {
    margin-bottom: 10px;
}

.smart-tarifi-wrapper .smart-table {
    border: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    border-radius: 4px;
    max-width: 100%;
    margin: 11px auto;
}

    .smart-tarifi-wrapper .smart-table .smart-internet-box span {
        font-size: 19px !important;
    }

    .smart-tarifi-wrapper .smart-table > div:not(:last-of-type) {
        text-align: center;
        font-size: 17px;
    }

    .smart-tarifi-wrapper .smart-table.smart-tariff-m {
        border: 2px solid #e20074;
        box-shadow: 1px 5px 24px 0px rgba(0, 0, 0, 0.13);
    }

    .smart-tarifi-wrapper .smart-table.smart-tariff-l span.tariff-title {
        color: #e20074;
    }


.collapseOne1-pridobivki label {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    margin-top: 10px;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.2;
}

.collapseOne1-pridobivki input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    display: inline;
}

.collapseOne1-pridobivki label span {
    position: absolute;
    top: 0px;
    left: 0;
    border-radius: 50%;
    background: url(../images/radio-false.png) no-repeat 0 0;
    background-size: cover;
    display: block;
    right: auto;
    line-height: 6px;
    height: 22px;
    width: 22px;
}

    .collapseOne1-pridobivki label span.line-through {
        background: none !important;
        position: relative;
        width: auto;
        display: inline;
        text-decoration: line-through;
    }

.collapseOne1-pridobivki label strong {
    color: #e20074;
}

.collapseOne1-pridobivki label span.small {
    position: relative;
    width: 100%;
    background: none;
    line-height: 1.2;
    color: #333;
    display: none;
    height: auto;
    font-size: 13px;
}

.collapseOne1-pridobivki label input:checked ~ .small {
    display: block !important;
}

.collapseOne1-pridobivki label input:checked ~ .checkmark {
    background: url(../images/radio-true.png) no-repeat 0 0;
    background-size: cover;
}

    .collapseOne1-pridobivki label input:checked ~ .checkmark:after {
        display: block;
    }



#accordion-pridobivki .panel-default {
    border: 0;
}

#accordion-pridobivki .panel-heading {
    background-color: transparent;
    padding: 10px;
}

    #accordion-pridobivki .panel-heading > .panel-title {
        padding-top: 0;
    }

        #accordion-pridobivki .panel-heading > .panel-title > a:after {
            content: "\f3d8";
            font-family: "Ionicons";
            position: absolute;
            color: #e20074;
            font-size: 20px;
            top: 11px;
            right: 60px;
            margin: auto;
            transition-property: transform;
            transition-duration: .25s;
        }

        #accordion-pridobivki .panel-heading > .panel-title > a.collapsed:after {
            content: "\f3d0";
            font-family: "Ionicons";
            position: absolute;
            color: #888888;
            font-size: 20px;
            top: 12px;
            right: 60px;
            margin: auto;
        }

        #accordion-pridobivki .panel-heading > .panel-title > a:hover {
            text-decoration: none;
        }

        #accordion-pridobivki .panel-heading > .panel-title > a > div {
            text-align: center;
            text-transform: uppercase;
            color: #e20074;
        }

.more-info a img {
    margin: 0 10px 0 0 !important;
    display: inline !important;
}

.collapseOne1-pridobivki.panel-collapse.collapse.in {
    min-height: 240px;
}



@media screen and (min-width: 768px) {
    .smart-tarifi-wrapper .tab-content > .tab-pane {
        float: left;
        display: block;
        height: auto !important;
        overflow: visible;
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .smart-tarifi-wrapper .smart-table {
        max-width: 100%;
    }

    .outer-content .smart-tarifi-wrapper ul li {
        display: block;
        background-image: none;
        background-position: 0 11px;
        background-repeat: no-repeat;
        padding-left: 0;
        line-height: 1;
        margin-bottom: 0;
        margin-left: 0;
        width: 33.333%;
        text-align: center;
    }

    .smart-tarifi-wrapper ul.nav.nav-tabs {
        width: 100%;
        border-bottom: 0px;
        display: flex !important;
        /* margin: 0px 25%; */
        position: relative;
        text-align: center;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .smart-tarifi-wrapper .nav-tabs > li > a {
        margin-right: 0;
        font-size: 19px;
        color: #333;
        padding: 2px;
    }

    .smart-tarifi-wrapper ul.nav.nav-tabs li, .smart-tarifi-wrapper ul.nav.nav-tabs li:hover {
        border: 1px solid #cacaca;
        border-bottom: 0px;
        background: #f5f5f5;
        width: 25%;
        display: table-cell;
    }

    .smart-tarifi-wrapper .nav-tabs > li.active > a, .smart-tarifi-wrapper .nav-tabs > li.active > a:hover, .smart-tarifi-wrapper .nav-tabs > li.active > a:focus {
        color: #555;
        cursor: default;
        background-color: #fff;
        border-bottom-color: transparent;
        position: relative;
    }

    .smart-tarifi-wrapper .nav-tabs > li.active > a {
        border-left: 0px;
        border-right: 0px;
    }

    .smart-tarifi-wrapper .nav-tabs > li:nth-child(2), .smart-tarifi-wrapper .nav-tabs > li.active:nth-child(2) {
        border-left: 0px solid transparent !important;
        border-right: 0px solid transparent !important;
    }


    .smart-tarifi-wrapper .nav-tabs > li.active:before {
        content: '';
        width: 100%;
        position: absolute;
        top: 0;
        bottom: auto;
        height: 2px;
        background: #e20074;
        z-index: 2;
        left: 0px;
        right: 0px;
    }

    .smart-tarifi-wrapper .smart-table {
        margin: 0px;
    }

    .smart-tarifi-wrapper a.btn.btn-magen {
        margin: 10px auto;
        display: block;
        max-width: 226px;
    }

    .smart-tarifi-wrapper .smart-table {
        border: 1px solid #e0e0e0;
        border-top: 1px solid #e0e0e0;
    }

        .smart-tarifi-wrapper .smart-table.smart-tariff-l {
            border: 1px solid #e20074;
        }

    .smart-tarifi-wrapper .nav-tabs > li > a {
        margin-right: 0px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 0;
        border-left: 0;
        border-right: 0px;
    }
}
/*#region odnosi so investitori redesign - simona*/
#akcionerski-kapital h1, #odbor-na-direktori h1, #usoglasenost h1, #izvestai-za-kvalitet h1, #kodeks h1, #objavi h1 {
    position: absolute;
    padding: 4% 15%;
    background: white;
    box-shadow: 0px 30px 89px rgba(0, 0, 0, .10);
    font-size: 30px !important;
    color: #000000;
    bottom: -60px;
    font-family: 'teleNeo-extra' !important;
    width: 80%;
    left: 0;
    right: 0;
    margin: 0 auto !important;
}

#akcionerski-kapital .container h2 {
    margin-top: 140px;
    margin-bottom: 50px;
    color: #E20074;
    font-family: 'teleNeo-bold' !important;
}

#akcionerski-kapital h3 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    padding: 15px 30px;
}

#akcionerski-kapital .main-banner,
#iso-sertifikati .main-banner, #odbor-na-direktori .main-banner, #usoglasenost .main-banner,
#izvestai-za-kvalitet .main-banner, #kodeks .main-banner, #cisco .main-banner, #objavi .main-banner {
    position: relative;
    background-size: cover;
    height: 520px; 
    background-repeat: no-repeat;
    margin-bottom: 50px;
    background-position: top right;
}

#akcionerski-kapital .quality-box {
    box-shadow: 0 12px 40px rgba(0, 0, 0,.07);
    position: relative;
    margin: 30px 0;
    transition: ease-in-out 500ms;
    padding-bottom: 20px;
    font-size: 18px !important;
}

    #akcionerski-kapital .quality-box a {
        padding-left: 70px !important;
        display: block !important;
        width: 100% !important;
        color: #202020 !important;
        padding-top: 25px !important;
    }

    #akcionerski-kapital .quality-box p,
    #akcionerski-kapital .quality-box a {
        display: block;
        width: 100%;
        font-family: 'teleNeo-medium' !important;
        color: #202020;
        padding-top: 10px;
        padding: 20px;
        padding-right: 140px;
        text-overflow: ellipsis;
        padding-bottom: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 100%;
        line-height: 1.2;
    }

        #akcionerski-kapital .quality-box a:before {
            content: '';
            position: absolute;
            top: -15px;
            width: 100px;
            height: 100px;
            background-image: url(../content/images/link-magenta.png);
            background-repeat: no-repeat;
            background-position: center;
            left: -10px;
        }

#iso-sertifikati .main-banner {
    background-image: url(../content/images/iso-sertifikati/ISO.png);
}

#kodeks .main-banner {
    background-image: url(../content/images/kodeks.png);
}

#iso-sertifikati h1 {
    font-family: 'teleNeo-extra' !important;
    color: #000000;
    font-size: 40px;
    margin: 30px 0;
}

#iso-sertifikati .content {
    margin-top: 30px;
    box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.07);
    min-height: 335px;
}

.isoBox {
    background-repeat: no-repeat;
    min-height: 335px;
    background-position: center;
    background-size: cover
}




.isoBox1 {
    background-image: url("../content/images/iso-sertifikati/iso1.png");
}

.isoBox2 {
    background-image: url("../content/images/iso-sertifikati/iso2.png");
}

.isoBox3 {
    background-image: url("../content/images/iso-sertifikati/iso3.png");
}

.isoBox4 {
    background-image: url("../content/images/iso-sertifikati/iso4.jpg");
}

.isoBox5 {
    background-image: url("../content/images/iso-sertifikati/iso5.jpg");
}

.isoBox6 {
    background-image: url("../content/images/iso-sertifikati/iso6.jpg");
}

#iso-sertifikati .mt-200 {
    margin-top: 370px;
}

#akcionerski-kapital .main-banner {
    background-image: url(../content/images/odnosi-so-investitori/investor-relations.jpg);
}

#iso-sertifikati .white-bg-heading {
    background: white;
    padding: 50px;
    text-align: center;
    box-shadow: 0px 30px 89px rgba(0, 0, 0, .10);
    position: relative;
    bottom: -350px;
}

#akcionerski-kapital .main-banner .container,
#odbor-na-direktori .main-banner .container,
#usoglasenost .main-banner .container,
#izvestai-za-kvalitet .main-banner .container,
#kodeks .main-banner .container,
#cisxo .main-banner .container,
#objavi .main-banner .container {
    position: relative;
    height: 100%;
}

.p0-l {
    padding-left: 0;
}

#akcionerski-kapital .box {
    margin-top: 50px;
}


#akcionerski-kapital table.tableTest {
    border-collapse: separate;
    border-spacing: 20px 0;
    background-color: transparent;
}

    #akcionerski-kapital table.tableTest tr td {
        font-size: 17px;
        font-family: 'teleNeo-medium' !important;
        text-align: left;
        padding: 10px 20px;
    }

        #akcionerski-kapital table.tableTest tr td:first-of-type {
            background: transparent linear-gradient(100deg, rgba(226, 0, 116, .03) 0%, rgba(226, 0, 116, .10) 100%) 0% 0% no-repeat padding-box;
            border: 1px solid rgba(226, 0, 116, .2);
            opacity: 1;
            border-bottom: 0 !important;
        }

    #akcionerski-kapital table.tableTest tbody tr:last-of-type td:first-of-type {
        border-bottom: 1px solid rgba(226, 0, 116, .2) !important;
    }

    #akcionerski-kapital table.tableTest tr td:last-of-type {
        background: transparent linear-gradient(69deg, rgba(17, 128, 201, .04) 0%, rgba(17, 128, 201, .11) 100%) 0% 0% no-repeat padding-box;
        border: 1px solid rgba(17,128, 201, .22);
        border-bottom: 0 !important;
    }

    #akcionerski-kapital table.tableTest tr:last-of-type td:last-of-type {
        border-bottom: 1px solid rgba(17,128, 201, .22) !important;
    }

    #akcionerski-kapital table.tableTest thead tr th {
        font-size: 18px !important;
        text-transform: none;
        font-family: 'teleNeo-bold' !important;
        padding: 10px !important;
    }

        #akcionerski-kapital table.tableTest thead tr th:nth-child(2) {
            background: rgba(253, 224, 240, 1) 0% 0% no-repeat padding-box;
            text-transform: none;
            border: 1px solid rgba(226, 0, 116, .2);
            border-top: 1px solid rgba(226, 0, 116, .2) !important;
        }

        #akcionerski-kapital table.tableTest thead tr th:nth-child(3) {
            background: rgba(231, 242, 250,1) 0% 0% no-repeat padding-box;
            border: 1px solid rgba(17,128, 201, .22) !important;
            border-top: 1px solid rgba(17,128, 201, .22) !important;
            border-bottom: 0 !important;
        }

#akcionerski-kapital .tableTest tr th:first-child:after,
#akcionerski-kapital .tableTest tr td:first-child:after {
    content: '';
    display: none;
}

#akcionerski-kapital .tableTest tr th:last-child:before,
#akcionerski-kapital .tableTest tr td:last-child:before {
    content: '';
    display: none;
}

#akcionerski-kapital .tableTest thead tr th:first-child,
#akcionerski-kapital .tableTest tbody tr th:first-child {
    width: 33.333%;
    border-bottom: 0 !important;
    font-family: 'teleNeo-medium' !important;
    font-weight: 500;
    padding: 20px 10px;
}

#akcionerski-kapital .tableTest tbody tr:first-child th:first-child {
    text-align: left;
    text-transform: none;
    font-size: 17px !important;
    font-family: 'teleNeo-medium' !important;
}

#akcionerski-kapital .box ul {
    position: relative;
    min-height: 550px;
}

    #akcionerski-kapital .box ul li {
        padding: 0px 30px;
        display: block;
        width: 100%;
        min-height: 50px;
    }

#akcionerski-kapital .box2 {
    background: transparent linear-gradient(180deg, rgba(226, 0, 116, .09) 0%, rgba(226, 0, 116, .10) 100%) 0% 0% no-repeat padding-box;
    border: 1px solid rgba(226, 0, 116, .2);
    opacity: 1;
}

#akcionerski-kapital .box3 {
    background: transparent linear-gradient(180deg, rgba(17, 128, 201, .04) 0%, rgba(17, 128, 201, .11) 100%) 0% 0% no-repeat padding-box;
    border: 1px solid rgba(17,128, 201, .22);
    opacity: 1;
}

#akcionerski-kapital .box2 h3 {
    background: rgba(226, 0, 166, 0.05) 0% 0% no-repeat padding-box;
}

#akcionerski-kapital .box3 h3 {
    background: rgba(0, 127, 175, 0.05) 0% 0% no-repeat padding-box;
}

#iso-sertifikati p {
    font-size: 18px;
}

#akcionerski-kapital .gray-bg {
    background: transparent linear-gradient(180deg, rgba(236, 236, 236, 0.45) 0%, rgba(251, 251, 251, 0.45) 100%) 0% 0% no-repeat padding-box;
    margin: 30px 0;
    padding: 20px;
}

    #akcionerski-kapital .gray-bg p {
        font-size: 14px;
        line-height: 1.2;
        margin-bottom: 20px;
    }

#iso-sertifikati .content .right-box {
    padding-top: 20px;
}

    #iso-sertifikati .content .right-box h2 {
        font-size: 20px !important;
        margin-top: 35px;
        margin-left: 5px;
        margin-right: 15px;
    }

    #iso-sertifikati .content .right-box p {
        font-size: 18px;
        margin: 20px 0 43px 5px;
        color: #767676;
        line-height: 1.1;
        padding-right: 20px;
    }

    #iso-sertifikati .content .right-box a {
        border: 1px solid #DBDBDB;
        padding: 10px 20px 10px 10px;
        border-radius: 5px;
        color: #333;
    }

        #iso-sertifikati .content .right-box a:hover {
            background: #eee;
            text-decoration: none;
        }

#iso-sertifikati .container {
    padding-right: 0 !important;
}

#iso-sertifikati .white-shadow-box {
    position: relative;
    background: white;
    box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.07);
    padding: 3% 0;
    margin-top: 100px;
}

    #iso-sertifikati .white-shadow-box h4 {
        padding-top: 0;
        margin: 20px 0 20px 0;
        font-family: 'teleNeo-bold' !important;
        font-size: 21px;
    }

    #iso-sertifikati .white-shadow-box p {
        line-height: 1.2;
        font-size: 17px;
    }

    #iso-sertifikati .white-shadow-box a {
        color: #e20074;
        text-decoration: underline;
    }

#iso-sertifikati .content .right-box a img {
    margin-right: 10px;
}

#iso-sertifikati .iso-img {
    padding: 20px;
    box-sizing: border-box;
    margin: 35px 30px;
    box-shadow: 0px 3px 60px #00000029;
    width: 80%;
}

    #iso-sertifikati .iso-img::after {
        content: '';
        position: absolute;
        right: -30px;
        top: 0px;
        width: 100px;
        height: 100px;
        background-image: url(../content/images/iso-sertifikati/bubble.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 65px;
    }

@media (max-width: 767px) {
    #akcionerski-kapital .main-banner, #odbor-na-direktori .main-banner {
        background-size: cover !important;
        margin-bottom: 10px !important;
        background-position: 90%;
        padding: 6%;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    #akcionerski-kapital h1, #odbor-na-direktori h1, #izvestai-za-kvalitet h1, #kodeks h1, #objavi h1 {
        padding: 4% 5%;
        width: 80%;
    }
    

    #akcionerski-kapital h2 {
        font-size: 22px;
        line-height: 1.2;
    }

    #akcionerski-kapital .table-responsive {
        overflow: auto;
    }

    #akcionerski-kapital table.tableTest {
        max-width: 100%;
        width: auto !important;
        overflow: visible;
    }

    #akcionerski-kapital .box {
        margin-top: 20px;
        min-height: 530px;
    }

    .isoBox {
        margin-top: 15px;
    }

    #iso-sertifikati .row {
        margin: 0;
    }

    #iso-sertifikati .white-bg-heading {
        bottom: inherit;
        padding: 20px;
        position: absolute;
        top: 80%;
        width: 100%;
        height: auto;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    #iso-sertifikati h1 {
        font-size: 29px;
    }

    #iso-sertifikati .main-banner {
        margin-bottom: 0;
        height: 150px;
        background-position: 90% 0%;
    }

    #iso-sertifikati .mt-200 {
        margin-top: 480px;
        position: relative;
    }

    #iso-sertifikati .iso-img {
        padding: 20px;
        margin: auto;
        margin-top: 20px;
        width: 50%;
    }

        #iso-sertifikati .iso-img::after {
            right: 40px;
            top: -15px;
        }

    #iso-sertifikati .content .right-box { 
        text-align: center;
        padding-bottom: 40px;
    }

    #iso-sertifikati .container, #iso-sertifikati .p0 {
        padding: 0 !important;
    }

    #iso-sertifikati .p15 {
        padding: 0px 15px !important;
    }
}

@media (min-width: 320px) and (max-width: 400px) {
    #iso-sertifikati .mt-200 {
        margin-top: 580px;
    }

    #iso-sertifikati .iso-img::after {
        right: 10px;
    }
}

@media (min-width: 587px) and (max-width:767px) {
    #iso-sertifikati .iso-img::after {
        right: 130px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #akcionerski-kapital .main-banner {
        background-size: cover;
        background-position: 80% 0px;
    }

    #akcionerski-kapital .box ul {
        position: relative;
        min-height: 630px;
    }

    #akcionerski-kapital .box {
        margin-top: 20px;
    }

        #akcionerski-kapital .box ul li {
            padding: 10px 20px;
        }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #akcionerski-kapital .main-banner,
    #iso-sertifikati .main-banner,
    #odbor-na-direktori .main-banner,
    #izvestai-za-kvalitet .main-banner {
        background-position: 80% 0;
    }
    #usoglasenost .main-banner {
        background-position: 65%;
    }
    .one-header .container-fluid, .container-fluid {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }



    #carousel-redesign .indicator-wrap {
        position: absolute;
        right: calc(50% - 500px);
        top: 7%;
    }

    #carousel-redesign .arrows {
        right: calc(50% - 500px);
        bottom: 100px;
    }

    .homepage-wrapper .urediLandingTextSlider .btn-magen,
    .homepage-wrapper .urediLandingTextSlider .btn-grey,
    .homepage-wrapper .urediLandingTextSlider .btn-white {
        bottom: 100px !important;
        left: 40px !important;
    }

    #iso-sertifikati .content {
        height: 480px;
    }

        #iso-sertifikati .content .row,
        #iso-sertifikati .content .row > div {
            height: 100%;
        }

    #iso-sertifikati .iso-img {
        margin: 35px 12px;
    }
}

@media (max-width: 1200px) {
    .isoBox {
        height: 100%;
        background-size: cover;
    }
}
/*#endregion odnosi so investitori redesign - simona*/





/*#region home page privatni redesign */
#ns-content {
    padding-bottom: 220px !important;
}

    #ns-content.one-content {
        padding-bottom: 310px !important;
    }

    #ns-content.companyContent {
        padding-top: 0;
        padding-bottom: 330px !important;
    }



div#loginNameMove {
    padding-right: 0 !important;
}

@media(max-width: 1279px) {
    div#loginNameMove {
        margin: 0 10px;
    }
}

.custom-container {
    max-width: 1680px;
    min-width: 320px;
    padding: 0 40px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

#ns-content.companyContent .custom-container {
    overflow: hidden;
}

div#loginNameMove:hover a svg {
    fill: #e20074;
}

div#loginNameMove a.logged span.m-t-user-icon {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    padding: 0 !important;
    margin: 0;
}
/*
    div#loginNameMove a.logged span.m-t-user-icon:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/privatni-hp-red/profile.svg);
        width: 22px;
        height: 30px;
        background-size: contain;
        background-repeat: no-repeat;
        top: 0;
        right: 0;
        margin: auto;
        bottom: 0;
        top: 0;
        background-position: bottom;
    }*/

#miniShoppingCart:after {
    content: '' !important;
    font-family: 'teleNeo-regular';
    position: absolute !important;
    z-index: 1 !important;
    background-image: url(../content/images/privatni-hp-red/cart.svg);
    width: 20px;
    height: 20px;
    background-size: contain;
    top: 0 !important;
    bottom: 0;
    left: 0 !important;
    right: 0;
    margin: auto;
    transition: all ease-in .3s;
}

div#miniShoppingCart:hover:after {
    background-image: url(../content/images/privatni-hp-red/cart-hover.svg);
    transition: all ease-in .3s;
}

.cart-notify {
    right: 0px;
    top: -4px;
}

div#loginNameMove a.logged span:last-of-type {
    display: none;
}

#carousel-redesign {
    margin: 0;
}

    #carousel-redesign .custom-container {
        padding-bottom: 50px;
    }

    #carousel-redesign .urediLandingTextSlider {
        background: white;
    }

    /*    #carousel-redesign .carousel-inner {
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }*/


    #carousel-redesign .carousel-inner > .item:before {
        position: absolute;
        bottom: 0;
        background-image: url(../content/banners/2022/gradient1.png);
        height: 280px;
        width: 100%;
        z-index: 1;
        left: 0;
        right: 0;
        content: '';
        pointer-events: none;
    }



    #carousel-redesign .container-fluid {
        position: relative;
    }

    #carousel-redesign .carousel-inner .item.active {
        background: rgb(0,0,0);
        background: linear-gradient(0deg, rgba(0,0,0,0.05) 12%, rgba(238,237,233,1) 57%, rgba(255,255,255,1) 100%);
    }

    #carousel-redesign .container-fluid a.btn-magen {
        position: absolute;
        bottom: 90px;
        left: 68px;
        z-index: 5;
        background: #E20074 0% 0% no-repeat padding-box;
        box-shadow: 0px 13px 26px #00000029;
        border-radius: 8px;
        width: 130px;
        font-size: 20px;
        padding: 10px !important;
        border: 0;
    }

    #carousel-redesign .collapse.in {
        position: absolute;
        top: 80px;
        right: 5%;
        height: 40vh;
        width: 240px;
        max-height: 500px;
    }

    #carousel-redesign .collapsing {
        -webkit-transition: none;
        transition: none;
        display: none;
    }

    #carousel-redesign .collapse {
        transition: all ease-in .3s;
        -webkit-transition: all ease-in .3s;
    }

        #carousel-redesign .collapse.in {
            transition: all ease-in .3s;
            -webkit-transition: all ease-in .3s;
        }

    #carousel-redesign .urediTextSliderIndicators {
        position: absolute;
        bottom: 0;
        left: initial;
        background: rgba(0, 0, 0, .9) 0% 0% no-repeat padding-box;
        border-radius: 10px;
        z-index: 1;
        top: 0px;
        width: 100%;
        height: 100%;
        padding: 20px 10px 20px 20px;
        min-width: 240px;
    }

        #carousel-redesign .urediTextSliderIndicators ol {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: flex-start;
            justify-content: flex-start;
            align-items: flex-start;
            overflow-y: auto;
            overflow-x: hidden;
            height: 100%;
            padding-right: 20px;
        }

            #carousel-redesign .urediTextSliderIndicators ol li {
                display: inline-flex;
                text-align: left;
                padding: 0;
                align-items: center;
                align-content: flex-start;
                padding: 10px 0;
                color: rgba(255, 255, 255, .7);
                height: auto;
            }

                #carousel-redesign .urediTextSliderIndicators ol li.active {
                    color: white;
                    height: auto;
                }

                #carousel-redesign .urediTextSliderIndicators ol li:after,
                #carousel-redesign .urediTextSliderIndicators ol li:before {
                    content: '';
                    display: none;
                }

            #carousel-redesign .urediTextSliderIndicators ol::-webkit-scrollbar {
                width: 3px;
                height: 5px;
            }

            #carousel-redesign .urediTextSliderIndicators ol::-webkit-scrollbar-thumb {
                background: rgb(226, 0, 116);
                border-radius: 0px;
                -webkit-border-radius: 0px;
                -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
            }

                #carousel-redesign .urediTextSliderIndicators ol::-webkit-scrollbar-thumb:window-inactive {
                    background: rgba(255,0,0,0.4);
                }

            #carousel-redesign .urediTextSliderIndicators ol::-webkit-scrollbar-track {
                background: rgba(222, 222,222,.25) !important;
            }

        #carousel-redesign .urediTextSliderIndicators:after {
            content: '';
            display: none;
        }


    #carousel-redesign .indicator-wrap {
        position: absolute;
        right: calc(50% - 635px);
        top: 7%;
    }

    #carousel-redesign .arrows {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        position: absolute;
        right: calc(50% - 635px);
        bottom: 100px;
    }

        #carousel-redesign .arrows a {
            width: 55px;
            position: relative;
            right: auto;
            left: auto;
            display: block;
            margin: 0px;
        }

            #carousel-redesign .arrows a + a {
                margin-left: 20px;
            }

            #carousel-redesign .arrows a svg {
                width: 55px;
                height: 55px;
                fill: white;
                position: relative;
            }




.num {
    position: absolute;
    top: 30px;
    right: 0;
    background: rgba(0,0,0,.5);
    color: #fff;
    padding: 10px 27px 10px 16px;
    border-radius: 5px;
}

    .num:before {
        content: '\f104';
        position: absolute;
        width: 8px;
        height: 100%;
        font-family: 'ionicons' !important;
        right: 14px;
        font-size: 12px;
        bottom: 0;
        top: 25px;
        margin: auto;
    }

#carousel-redesign .urediLandingTextSlider .item .item-wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

#carousel-redesign .urediLandingTextSlider .item .black-text-wrap {
    width: 50%;
    color: black;
}

    #carousel-redesign .urediLandingTextSlider .item .black-text-wrap h2 {
        text-transform: uppercase;
    }

    #carousel-redesign .urediLandingTextSlider .item .black-text-wrap h3 {
        font-size: 27px;
        font-family: 'teleNeo-medium' !important;
    }

#carousel-redesign .urediLandingTextSlider .item.online-shop {
    background-image: url('../content/banners/2022/banner1-bg.jpg') !important;
    background-position: center;
}

    #carousel-redesign .urediLandingTextSlider .item.online-shop .right-img-wrap {
        background-image: url(../content/banners/2022/banner1-phones.png);
        background-position: center right;
        width: 50%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        position: relative;
        right: 0;
    }

#carousel-redesign .urediLandingTextSlider .item.pricini-da-bideme-podobri {
    background-image: url(../content/banners/2022/banner2-bg.jpg) !important;
    background-size: cover;
    height: 100% !important;
}

    #carousel-redesign .urediLandingTextSlider .item.pricini-da-bideme-podobri:before {
        content: '';
        width: 60%;
        height: 100%;
        position: absolute;
        background-image: url(../content/banners/2022/banner2-shape.png);
        background-size: cover;
        background-position: left center;
    }



#carousel-redesign .urediLandingTextSlider .item .text-left-wrap {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 0 30px;
    width: 50%;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
}

    #carousel-redesign .urediLandingTextSlider .item .text-left-wrap img {
        position: relative;
        bottom: 6%;
    }

#carousel-redesign .urediLandingTextSlider .item.nov-dogovor-plus-popust {
    background-image: url(../content/banners/2022/banner3-bg.jpg) !important;
    background-position: left center !important;
    background-size: cover !important;
}

    #carousel-redesign .urediLandingTextSlider .item.nov-dogovor-plus-popust .text-wrap {
        width: 50%;
        bottom: 50px;
        position: relative;
    }

    #carousel-redesign .urediLandingTextSlider .item.nov-dogovor-plus-popust .img-wrap {
        position: relative;
        width: 35%;
        height: auto;
    }

#carousel-redesign .urediLandingTextSlider .item .sliderUrediTxt-image .text-left-wrap {
    position: relative;
    width: auto;
    height: 100%;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    padding-left: 4%;
}

#carousel-redesign .inline-btns {
    position: absolute;
    bottom: 90px;
    width: 100%;
    left: 0;
}

    #carousel-redesign .inline-btns a {
        position: absolute !important;
        width: 130px;
        bottom: 0px;
        text-align: center !important;
        z-index: 6;
        padding: 10px;
        border: 0;
    }

        #carousel-redesign .inline-btns a.btn-black {
            background: black;
            color: white;
            margin-left: 20px;
            left: 20%;
        }

            #carousel-redesign .inline-btns a.btn-black:hover {
                background: #2a2a2a;
            }

#carousel-redesign .urediLandingTextSlider .item .flex-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

#carousel-redesign .urediLandingTextSlider .item .text-white {
    color: white;
}

#carousel-redesign .urediLandingTextSlider .item .white-text-wrap h2 {
    color: white;
    font-size: 55px;
}

#carousel-redesign .urediLandingTextSlider .item h2 {
    font-size: 46px;
    font-family: 'teleNeo-extra' !important;
    line-height: 1.1;
}

    #carousel-redesign .urediLandingTextSlider .item h2.italic {
        font-family: 'teleNeo-mediumItalic' !important;
    }

#carousel-redesign .urediLandingTextSlider .item p {
    font-size: 24px;
    line-height: 1.2;
    display: block;
}

    #carousel-redesign .urediLandingTextSlider .item p span {
        display: block;
        font-family: 'teleNeo-bold' !important;
        font-size: 29px;
        position: relative;
        padding-left: 20px;
    }

        #carousel-redesign .urediLandingTextSlider .item p span:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/delovni-hp-red/Apple_logo_black.svg);
            width: 20px;
            height: 20px;
            background-size: contain;
            left: 0;
            background-repeat: no-repeat;
            top: 5px;
        }

div#fast-links-hp-redesign {
    position: relative;
    padding: 50px 0;
    z-index: 2;
    background-color: white;
    width: 100%;
    margin-top: -45px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}

    div#fast-links-hp-redesign .flex {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
    }

    div#fast-links-hp-redesign .left-side-header {
        width: 20%;
        position: relative;
    }

        div#fast-links-hp-redesign .left-side-header h2 {
            font-size: 32px;
            color: #e20074;
            font-family: 'teleNeo-extra' !important;
            margin-bottom: 40px;
        }

        div#fast-links-hp-redesign .left-side-header p {
            font-size: 18px;
            color: black;
            line-height: 1.2;
        }

    div#fast-links-hp-redesign .right-side-content {
        width: 70%;
        position: relative;
    }

        div#fast-links-hp-redesign .right-side-content .wrapper {
            display: inline-flex;
            width: 100%;
            justify-content: space-around;
            align-items: center;
            flex-wrap: nowrap;
            flex-direction: row;
        }

            div#fast-links-hp-redesign .right-side-content .wrapper:last-of-type {
                display: inline-flex;
                justify-content: center;
                align-items: center;
                flex-direction: row;
                flex-wrap: nowrap;
            }

                div#fast-links-hp-redesign .right-side-content .wrapper:last-of-type a {
                    width: 33%;
                }

            div#fast-links-hp-redesign .right-side-content .wrapper a {
                position: relative;
                width: 100%;
                display: block;
                margin: 0 10px;
            }

                div#fast-links-hp-redesign .right-side-content .wrapper a:hover,
                div#fast-links-hp-redesign .right-side-content .wrapper a:focus {
                    text-decoration: none;
                }

                div#fast-links-hp-redesign .right-side-content .wrapper a .fast-link-box {
                    display: inline-flex;
                    justify-content: flex-start;
                    align-items: center;
                    padding: 20px;
                    background: #fcfcfc;
                    box-shadow: 0px 27px 50px rgba(62, 62, 62, .09);
                    -webkit-box-shadow: 0px 27px 50px rgba(62, 62, 62, .09);
                    -khtml-box-shadow: 0px 27px 50px rgba(62, 62, 62, .09);
                    -moz-box-shadow: 0px 27px 50px rgba(62, 62, 62, .09);
                    -ie-box-shadow: 0px 27px 50px rgba(62, 62, 62, .09);
                    -o-box-shadow: 0px 27px 50px rgba(62, 62, 62, .09);
                    -ms-box-shadow: 0px 27px 50px rgba(62, 62, 62, .09);
                    border-radius: 10px;
                    margin: 0px auto 20px auto;
                    width: 100%;
                    min-height: 80px;
                    border: 1px solid #FFFFFF;
                    transition: all ease-in .3s;
                }

                div#fast-links-hp-redesign .right-side-content .wrapper a:hover .fast-link-box {
                    background: #FFFFFF 0% 0% no-repeat padding-box;
                    box-shadow: 0px 27px 50px rgba(62, 62, 62, .14);
                    -webkit-box-shadow: 0px 27px 50px rgba(62, 62, 62, .14);
                    -khtml-box-shadow: 0px 27px 50px rgba(62, 62, 62, .14);
                    -moz-box-shadow: 0px 27px 50px rgba(62, 62, 62, .14);
                    -ie-box-shadow: 0px 27px 50px rgba(62, 62, 62, .14);
                    -o-box-shadow: 0px 27px 50px rgba(62, 62, 62, .14);
                    -ms-box-shadow: 0px 27px 50px rgba(62, 62, 62, .14);
                    transition: all ease-in .3s;
                }

                div#fast-links-hp-redesign .right-side-content .wrapper a .fast-link-box .fast-link-img {
                    width: 30px;
                }
                    div#fast-links-hp-redesign .right-side-content .wrapper a .fast-link-box .fast-link-img.tarifa{
                        width: 40px;
                    }
                    div#fast-links-hp-redesign .right-side-content .wrapper a .fast-link-box h3 {
                        color: #333;
                        font-size: 18px;
                        margin: 0 0 0 15px;
                        line-height: 1.1;
                        text-align: left;
                        font-family: 'teleNeo-bold' !important;
                        text-transform: none;
                    }

#phone-slider-hp-red {
    background: transparent linear-gradient( 180deg, #CACFDC00 0%, #CACFDC 100%) 0% 0% no-repeat padding-box;
    padding-bottom: 50px;
}

    #phone-slider-hp-red #uredi-landing-phones .carousel-inner {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        overflow: visible;
    }

        #phone-slider-hp-red #uredi-landing-phones .carousel-inner .item {
            width: 33%;
            padding: 0 10px;
        }

    #phone-slider-hp-red #uredi-landing-phones #uredi-phones-naslovna a {
        display: block;
        width: 100%;
        height: 100%;
    }

    #phone-slider-hp-red h2.slide-header {
        font-size: 32px;
        color: #e20074;
        font-family: 'teleNeo-extra' !important;
        margin-bottom: 25px;
        text-transform: uppercase;
        margin-bottom: 40px;
    }

    #phone-slider-hp-red .wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        margin-bottom: 40px;
    }

.home-content-holder.ponuda-na-uredi {
    padding-top: 50px;
    box-shadow: 0 0 35px 7px rgba(51, 51, 51, .01);
    position: relative;
    z-index: 0;
}

    .home-content-holder.ponuda-na-uredi.tab-pane-delovni {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

        .home-content-holder.ponuda-na-uredi.tab-pane-delovni #phone-slider-hp-red {
            padding-top: 60px;
        }

#phone-slider-hp-red ul#homepageTabs {
    width: 25%;
    display: inline-flex;
    flex-direction: column;
    margin: 0 auto 50px 0 !important;
}


    #phone-slider-hp-red ul#homepageTabs li {
        width: 100%;
        margin: 0px !important;
        background: #EFEFF3 0% 0% no-repeat padding-box !important;
        border-radius: 7px;
        border: none !important;
        box-shadow: 0 30px 46px #3e3e3e1c;
    }

        #phone-slider-hp-red ul#homepageTabs li + li {
            margin-top: 12px !important;
        }

        #phone-slider-hp-red ul#homepageTabs li.active {
            background: #FFFFFF 0% 0% no-repeat padding-box !important;
            box-shadow: 0px 30px 46px #3e3e3e1c;
            position: relative;
        }

            #phone-slider-hp-red ul#homepageTabs li.active:before {
                content: '';
                position: absolute;
                left: 0;
                height: 60%;
                width: 3px;
                background: #e20074;
                top: 0;
                bottom: 0;
                margin: auto;
            }

            #phone-slider-hp-red ul#homepageTabs li a,
            #phone-slider-hp-red ul#homepageTabs li.active a {
                background: transparent;
                color: black;
            }

                #phone-slider-hp-red ul#homepageTabs li a:hover,
                #phone-slider-hp-red ul#homepageTabs li a:hover h3 {
                    color: black;
                }

                #phone-slider-hp-red ul#homepageTabs li a h3 {
                    font-size: 18px;
                    font-family: 'teleNeo-bold' !important;
                    text-align: center;
                    width: 100%;
                    display: block;
                    text-transform: none;
                    z-index: 1;
                    position: relative;
                    margin: 0;
                    color: #333;
                    text-align: left;
                    padding-left: 80px;
                }

                #phone-slider-hp-red ul#homepageTabs li a:before {
                    content: '';
                    position: absolute;
                    width: 80px;
                    height: 100%;
                    left: 0;
                    background-position: center;
                    background-repeat: no-repeat;
                    transform: none;
                    background-color: transparent;
                    background-size: 30px;
                }

        #phone-slider-hp-red ul#homepageTabs li:first-child a:before {
            background-image: url('../content/images/privatni-hp-red/phone.svg');
        }

        #phone-slider-hp-red ul#homepageTabs li:nth-child(2) a:before {
            background-image: url('../content/images/privatni-hp-red/tv.svg');
        }

        #phone-slider-hp-red ul#homepageTabs li:nth-child(3) a:before {
            background-image: url('../content/images/privatni-hp-red/pc.svg');
        }

#phone-slider-hp-red .tab-pane {
    position: relative;
    width: 70%;
}

#slider-custom #phone-slider-hp-red .tab-pane {
    width: 100%;
}

#phone-slider-hp-red #uredi-landing-phones .carousel-inner {
    width: 100%;
}

#phone-slider-hp-red div#uredi-landing-phones {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    #phone-slider-hp-red div#uredi-landing-phones.custom {
        display: block;
    }

        #phone-slider-hp-red div#uredi-landing-phones.custom .slider h3 {
            font-size: 18px;
            min-height: 60px;
            margin-bottom: 20px;
        }

#phone-slider-hp-red #uredi-landing-phones.custom .slider .item .wrap {
    height: 500px;
    padding: 35px 20px 25px !important;
    position: relative;
}

    #phone-slider-hp-red #uredi-landing-phones.custom .slider .item .wrap:before {
        height: 0;
        content: '';
        position: absolute;
        background: #e20074;
        width: 100%;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 0;
        border-radius: 20px;
        transition: all ease-in .3s;
    }

    #phone-slider-hp-red #uredi-landing-phones.custom .slider .item .wrap:hover:before {
        height: 250px;
        transition: all ease-in .3s;
    }

    #phone-slider-hp-red #uredi-landing-phones.custom .slider .item .wrap:hover * {
        color: white !important;
        transition: all ease-in .3s;
    }

    #phone-slider-hp-red #uredi-landing-phones.custom .slider .item .wrap:hover .deviceInfoWrap .p-currency {
        border-bottom: 1px solid white !important;
        transition: all ease-in .3s;
    }

    #phone-slider-hp-red #uredi-landing-phones.custom .slider .item .wrap a {
        position: relative;
        display: block;
        height: 100%;
    }

    #phone-slider-hp-red #uredi-landing-phones.custom .slider .item .wrap .deviceInfoWrap {
        height: 100%;
    }

#phone-slider-hp-red #uredi-landing-phones.custom .slider .uredi-phone-title-wraper {
    position: relative;
    margin-top: 30px;
}

    #phone-slider-hp-red #uredi-landing-phones.custom .slider .uredi-phone-title-wraper h4.manufacturer {
        display: none;
    }

#phone-slider-hp-red #uredi-landing-phones.custom .slider .product-home-img {
    top: 0;
    height: 280px;
}

    #phone-slider-hp-red #uredi-landing-phones.custom .slider .product-home-img .table-img {
        height: 100%;
    }


#uredi-landing-phones.custom .p-uredi-cena,
#uredi-landing-phones.custom #uredi-phones-naslovna-custom .btnMoreWrapper-landing {
    visibility: visible !important;
}

#phone-slider-hp-red #uredi-landing-phones.custom .num-instalments span,
#phone-slider-hp-red #uredi-landing-phones.custom .p-currency {
    font-size: 13px !important;
    text-transform: none;
}

#phone-slider-hp-red #uredi-landing-phones.custom span.p-rates {
    top: 3px;
    position: relative;
    padding-right: 2px;
}

#uredi-landing-phones.custom .deviceInfoWrap .p-currency {
    padding-bottom: 2px;
}

#uredi-landing-phones.custom .uredi-phone-price-wraper {
    position: relative;
}

    #uredi-landing-phones.custom .uredi-phone-price-wraper .ratiWrapper-landing {
        position: absolute;
        right: -20px;
        transform: rotate(-90deg);
        bottom: 25px;
        color: white;
        z-index: 99;
        width: 80px;
        height: 30px;
    }

        #uredi-landing-phones.custom .uredi-phone-price-wraper .ratiWrapper-landing p {
            color: #333 !important;
            font-size: 14px !important;
            padding: 0 !important;
            margin: 0 !important;
            letter-spacing: 0.5px;
            border-top: 0 !important;
            white-space: pre-line;
            word-break: break-word;
        }

#phone-slider-hp-red div#uredi-phones-naslovna .deviceInfoWrap {
    background: rgba(255, 255,255, .9) 0% 0% no-repeat padding-box;
    border-radius: 20px;
    min-height: 350px;
    transition: all ease-in .3s;
}

#phone-slider-hp-red div#uredi-phones-naslovna:hover .deviceInfoWrap {
    background: transparent;
    transition: all ease-in .3s;
}

#phone-slider-hp-red div#uredi-phones-naslovna:hover h4.manufacturer,
#phone-slider-hp-red div#uredi-phones-naslovna:hover h5.phone-name {
    color: white !important;
}


#phone-slider-hp-red div#uredi-phones-naslovna .deviceInfoWrap:hover .product-home-img img {
    width: auto;
}

#phone-slider-hp-red #uredi-landing-phones .product-home-img {
    height: 250px;
    position: relative;
    top: 20px;
    margin-top: 0 !important;
}

    #phone-slider-hp-red #uredi-landing-phones .product-home-img img {
        max-height: 380px !important;
        width: auto;
        height: 280px;
    }

#phone-slider-hp-red #uredi-phones-naslovna-custom .product-home-img img {
    max-height: 280px !important;
    width: auto;
    height: 100% !important;
}

#phone-slider-hp-red .svg-catcher {
    top: -20px;
    width: 85px;
    height: auto !important;
    right: 20px;
    z-index: 3;
}

#phone-slider-hp-red #uredi-landing-phones .p-uredi-cena {
    padding: 0 30px;
}

#phone-slider-hp-red #uredi-landing-phones .num-instalments span,
#phone-slider-hp-red #uredi-landing-phones .p-currency {
    font-size: 10px !important;
}

#phone-slider-hp-red #uredi-landing-phones .product-home-img.accessory-img {
    height: 250px;
}

    #phone-slider-hp-red #uredi-landing-phones .product-home-img.accessory-img img {
        max-height: 250px !important;
        width: auto;
        height: 300px;
    }

#phone-slider-hp-red #uredi-phones-naslovna .uredi-phone-title-wraper {
    position: relative;
    width: 100%;
    padding: 20px 30px !important;
}

#phone-slider-hp-red #uredi-landing-phones h4.manufacturer {
    color: black;
    text-align: left;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    font-family: 'TeleNeo-medium' !important;
    transition: all ease-in-out 0.3s;
}

#phone-slider-hp-red #uredi-landing-phones h5.phone-name {
    font-family: 'teleNeo-bold' !important;
    color: #000 !important;
    margin-bottom: 30px !important;
    transition: all ease-in-out .3s;
    text-align: left;
    width: 100% !important;
    font-size: 20px !important;
    text-transform: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#uredi-phones-naslovna .hover-transparent {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 330px !important;
}

#phone-slider-hp-red #uredi-phones-naslovna .hover-transparent .hover-bcg:before {
    border-radius: 20px;
}

#phone-slider-hp-red #uredi-phones-naslovna:hover .hover-bcg:before {
    height: 100%;
    width: 100% !important;
}

#uredi-phones-naslovna .deviceInfoWrap:hover .p-currency {
    border-bottom: 1px solid #fff !important;
}

#uredi-phones-naslovna .deviceInfoWrap:hover .txt-cena-naslovna,
#uredi-phones-naslovna .deviceInfoWrap:hover .p-uredi-cena span.num-instalments span,
#uredi-phones-naslovna .deviceInfoWrap:hover .p-currency,
#uredi-phones-naslovna .deviceInfoWrap:hover span.price2, 
#uredi-phones-naslovna .deviceInfoWrap:hover label.old-price {
    color: white !important;
    transition: all 0.2s ease-in-out;
}

#uredi-phones-naslovna .deviceInfoWrap .txt-cena-naslovna,
#uredi-phones-naslovna .deviceInfoWrap .p-uredi-cena span.num-instalments span,
#uredi-phones-naslovna .deviceInfoWrap .p-currency,
#uredi-phones-naslovna .deviceInfoWrap span.price2 {
    transition: all 0.2s ease-in-out;
}

#uredi-landing-phones #uredi-phones-naslovna:hover .table-img {
    transform: scale(1.09) !important;
    top: -15px !important;
}

div#ask-telekom-banner {
    position: relative;
    height: 250px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

    div#ask-telekom-banner .text-box {
        width: 100%;
        text-align: center;
        height: 100%;
        top: 0;
        bottom: 0;
        margin: auto;
        position: relative;
        left: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: visible;
        z-index: 2;
    }

        div#ask-telekom-banner .text-box:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/privatni-hp-red/q-and-a.png);
            background-size: contain;
            width: 40%;
            height: 100%;
            right: 0;
            background-position: right top;
            background-repeat: no-repeat;
            top: 0;
            z-index: 0;
        }

    div#ask-telekom-banner h5 {
        font-size: 29px;
        color: black;
        font-family: 'teleNeo-medium' !important;
        margin: 10px 0;
    }

    div#ask-telekom-banner p {
        color: black;
        font-size: 19px;
    }

        div#ask-telekom-banner p a {
            color: black;
            font-family: 'teleNeo-bold' !important;
        }

            div#ask-telekom-banner p a:hover {
                color: #e20074;
            }

    div#ask-telekom-banner a.btn {
        margin: 20px 0;
        font-size: 18px;
        font-family: 'teleNeo-bold' !important;
        position: relative;
        padding: 5px 20px;
        background: #e20074;
        color: white;
    }



div#telekommk-app-hp-banner {
    position: relative;
    background-image: url(../content/images/privatni-hp-red/mojtelekom-banner-bg.jpg);
    height: 300px;
    width: 100%;
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: visible;
}

    div#telekommk-app-hp-banner:after {
        background-image: url(../content/images/privatni-hp-red/hex-shape.png);
        content: '';
        position: absolute;
        width: 60%;
        height: 100%;
        right: 0;
        top: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right bottom;
        z-index: 0;
    }

    div#telekommk-app-hp-banner .wrapper {
        display: flex;
        align-items: center;
        height: 100%;
    }

        div#telekommk-app-hp-banner .wrapper .img-wrap {
            position: relative;
            width: 50%;
            height: 100%;
        }

            div#telekommk-app-hp-banner .wrapper .img-wrap:before {
                content: '';
                position: absolute;
                background-image: url(../content/images/privatni-hp-red/phone-big.png);
                width: 100%;
                height: 420px;
                background-repeat: no-repeat;
                background-size: contain;
                left: 0;
                bottom: 0;
                background-position: bottom left;
            }

        div#telekommk-app-hp-banner .wrapper .text-wrap {
            position: relative;
            width: 60%;
            background-position: center;
            height: 100%;
            background-size: contain;
            z-index: 2;
            display: flex;
            flex-direction: row;
            align-content: center;
            justify-content: center;
            align-items: flex-end;
            margin: auto;
            padding: 0px 0 70px;
        }

            div#telekommk-app-hp-banner .wrapper .text-wrap .box {
                position: relative;
                left: 0;
                right: 0;
                bottom: 0;
                height: auto;
                margin-right: 15%;
            }

                div#telekommk-app-hp-banner .wrapper .text-wrap .box h3 {
                    color: white;
                    font-size: 39px;
                    font-family: 'teleNeo-extra' !important;
                    line-height: 1.2;
                    width: 100%;
                    margin: 0;
                    text-align: left;
                }

                    div#telekommk-app-hp-banner .wrapper .text-wrap .box h3 span {
                        display: block;
                        font-size: 33px;
                        line-height: 1.2;
                    }

                div#telekommk-app-hp-banner .wrapper .text-wrap .box p {
                    color: white;
                    font-size: 18px;
                    line-height: 1.2;
                }

                div#telekommk-app-hp-banner .wrapper .text-wrap .box a.btn {
                    margin-top: 0;
                    box-shadow: 0 0 35px 7px #00000038;
                    font-family: 'teleNeo-bold' !important;
                    font-size: 18px;
                    bottom: 0;
                    position: absolute;
                }

#headerOut .top-header {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    align-items: flex-start;
}

    #headerOut .top-header .header-logos {
        position: relative;
        display: inline-flex;
        align-content: center;
        align-items: center;
    }

        #headerOut .top-header .header-logos a {
            padding-right: 25px;
            width: auto !important;
        }

#subheader .header-menu #top {
    height: 100%;
    padding: 10px;
    height: 100%;
}

#headerOut .top-header .header-menu {
    width: auto !important;
    text-align: center;
}

    #headerOut .top-header .header-menu .container-fluid > div {
        height: 100%;
    }

    #headerOut .top-header .header-menu #top-bar-left .mini-menu {
        margin-right: 0 !important;
    }

#ns-bottom div#top-bar-left .mini-menu li {
    padding: 0px !important;
    text-transform: none;
}


#languages {
    top: 0 !important;
    padding: 0;
    position: relative !important;
}

    #languages .mini-menu {
        position: relative;
        display: inline-flex;
        align-content: center;
        justify-content: flex-end;
        align-items: center;
    }

    #languages .dropdown.mini-menu div {
        padding-left: 10px;
    }

        #languages .dropdown.mini-menu div a {
            color: black;
            font-family: 'teleNeo-regular' !important;
            transition: all ease-in .3s;
            font-size: 12px;
        }

            #languages .dropdown.mini-menu div a:hover {
                text-decoration: none;
                color: #e20074;
                transition: all ease-in .3s;
            }

        #languages .dropdown.mini-menu div.active a {
            color: black;
            font-family: 'teleNeo-extra' !important;
            transition: all ease-in .3s;
        }

@media (max-width: 1279px) {

    #languages {
        z-index: 3;
        position: relative;
        top: 0 !important;
        background: white;
        padding: 20px 0;
    }

        #languages .mini-menu {
            justify-content: flex-start;
            grid-gap: 10px;
        }

        #languages .dropdown.mini-menu div {
            padding-left: 0 !important;
        }

            #languages .dropdown.mini-menu div a {
                font-size: 15px !important;
            }

            #languages .dropdown.mini-menu div.active a {
                color: black;
            }

    .mm-panels .display-versions {
        display: none !important;
    }

    .bar {
        background: white;
    }

        .bar #top {
            padding: 0 !important;
        }

        .bar ul.mini-menu {
            float: none !important;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding-bottom: 30px;
        }

            .bar ul.mini-menu li {
                text-transform: none !important;
                padding: 0 20px 0 0 !important;
            }

                .bar ul.mini-menu li a {
                    font-size: 15px !important;
                    color: black;
                }

                .bar ul.mini-menu li.active a {
                    font-family: 'teleNeo-bold' !important;
                    color: #e20074;
                }
}


.main-menu-holder .new-move .wrapper {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.main-menu-holder.affix {
    position: fixed;
    width: 100%;
    background: white;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-top: 4px solid #e20074;
    border-bottom: 1px solid #eee;
    height: 70px;
    padding: 0 120px;
}

.main-menu-holder .new-move .wrapper a.search-icon {
    padding: 0;
    top: 0;
    margin: 0;
    z-index: 999;
}

.main-menu-holder .new-move .wrapper a.platiOnlineLink {
    text-align: center;
}

#hpLinkBox-red.hpLinksRow {
    position: relative;
    padding: 30px 0 26px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

    #hpLinkBox-red.hpLinksRow span.icon-zashtita-lichni-podatoci:before {
        content: '';
        position: absolute;
        width: 35px;
        height: 32px;
        background-image: url(../content/images/zastita-lichni-podatoci-icon.png);
        background-repeat: no-repeat;
        left: -10px;
        top: 0;
        bottom: 0;
        margin: auto;
        background-size: cover;
        background-position: left;
        transition: all ease-in .3s;
    }

#hpLinkBox-red .hpLinksBox a {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: black;
    font-family: 'teleNeo-bold' !important;
    font-size: 18px;
    line-height: 1.2;
}

#hpLinkBox-red a:hover svg,
#hpLinkBox-red a:hover svg * {
    fill: #e20074;
    transition: all ease-in .3s;
    fill-opacity: 1;
    opacity: 1;
    display: block;
}

#hpLinkBox-red .linkBox:last-of-type .hpLinksBox a:hover svg g path:last-of-type {
    display: none;
}

#hpLinkBox-red .hpLinksBox a svg {
    position: relative;
    width: 35px;
    height: auto;
}

#hpLinkBox-red .hpLinksBox a:hover,
#hpLinkBox-red .hpLinksBox a:focus,
#hpLinkBox-red .hpLinksBox a:hover span {
    text-decoration: none;
}

    #hpLinkBox-red .hpLinksBox a:hover span.icon-zashtita-lichni-podatoci:before {
        background-image: url(../content/images/zastita-lichni-podatoci-icon-magenta.png);
        transition: all ease-in .3s;
    }

#hpLinkBox-red .hpLinksBox a span {
    padding-left: 20px;
    font-family: 'teleNeo-bold' !important;
    font-size: 17px;
    line-height: 1.1;
}

.footer-wrapper-red .row-flex {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: none;
    padding-bottom: 24px;
}
    .footer-wrapper-red .row-flex > div{
        width: 33%;
    }


    .footer-wrapper-red .right-side .icons {
        position: relative;
        display: inline-flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
    }

    .footer-wrapper-red .right-side .icons a img {
        width: 135px;
        height: auto;
        object-fit: cover;
        object-position: bottom;
    }

.footer-wrapper-red .right-side p {
    color: white;
    font-size: 15px;
    margin: 10px 0 15px;
}

.footer-wrapper-red .right-side .icons a {
    margin-right: 25px;
}


.footer-wrapper-red .mini-menu {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: column;
}

    .footer-wrapper-red .mini-menu li a {
        color: white;
        opacity: .7;
        transition: all ease-in .3s;
        -moz-transition: all ease-in .3s;
        -o-transition: all ease-in .3s;
        -webkit-transition: all ease-in .3s;
        font-size: 15px !important;
        padding: 12px 0px 0px !important;
        text-transform: uppercase;
    }

        .footer-wrapper-red .mini-menu li a:hover {
            opacity: 1;
            transition: all ease-in .3s;
            -moz-transition: all ease-in .3s;
            -o-transition: all ease-in .3s;
            -webkit-transition: all ease-in .3s;
        }

        .footer-wrapper-red .mini-menu li a:focus {
            text-decoration: none;
            outline: none;
        }

    .footer-wrapper-red .mini-menu li.active a {
        opacity: 1;
    }


.footer-wrapper-red .social-holder p {
    color: white;
    font-size: 15px;
    text-align: right;
    margin: 0 0 22px;
}

#ns-bottom div#top-bar-left .mini-menu li:first-child {
    padding-left: 0 !important;
}

#ns-bottom .social-holder {
    padding: 10px 0;
    position: relative;
}

.footer-wrapper-red .social-links li {
    padding-right: 24px !important;
}

    .footer-wrapper-red .social-links li:last-of-type {
        padding-right: 0 !important;
    }

.footer-wrapper-icons-red {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 50px 0 0;
}

    .footer-wrapper-icons-red .social-links li {
        padding-right: 20px;
    }

    .footer-wrapper-icons-red .bottom-menu ul {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        margin-bottom: 0;
    }

        .footer-wrapper-icons-red .bottom-menu ul li {
            margin-right: 24px;
            position: relative;
        }

            .footer-wrapper-icons-red .bottom-menu ul li:first-of-type {
                margin-left: 30px;
                margin-right: 24px;
            }

            .footer-wrapper-icons-red .bottom-menu ul li:last-of-type {
                margin-right: 0;
            }

            .footer-wrapper-icons-red .bottom-menu ul li:hover a:after {
                content: '';
                position: absolute;
                width: 100%;
                bottom: 0;
                height: 1px;
                background: white;
                left: 0;
            }

            .footer-wrapper-icons-red .bottom-menu ul li a {
                color: white !important;
                font-size: 15px;
                display: inline-block;
                position: relative;
            }

            .footer-wrapper-icons-red .bottom-menu ul li svg {
                position: absolute;
                width: 21px;
                left: -24px;
                top: 0px;
                bottom: 0;
                height: 100%;
                margin-right: 6px;
                display: none;
            }

    .footer-wrapper-icons-red.bottom-footer {
        flex-direction: column;
    }

        .footer-wrapper-icons-red.bottom-footer .center-side {
            text-align: center;
            display: flex;
            justify-content: center;
            width: 100%;
            padding-bottom: 30px;
        }

        .footer-wrapper-icons-red.bottom-footer a.flex {
            flex-flow: row;
        }

        .footer-wrapper-icons-red.bottom-footer .flex {
            width: 100%;
            justify-content: space-between;
        }


            .footer-wrapper-icons-red.bottom-footer .flex > div {
                width: 40%;
            }

        .footer-wrapper-icons-red.bottom-footer .center-side a.t-logo-link {
            padding: 0 !important;
        }

    .footer-wrapper-icons-red .copy-right-md p {
        margin: 0;
    }

@media (max-width:767px) {

    #phone-slider-hp-red #uredi-phones-naslovna-custom .product-home-img img {
        height: 100% !important;
    }



    .footer-wrapper-icons-red .bottom-menu {
        width: 100%;
    }
}

/*#endregion home page privatni redesign */
/*#region home page delovni redesign */
#digitalisation-banner {
    position: relative;
    height: auto;
    background-image: url(../content/images/delovni-hp-red/birajte-stiklirajte-banner.jpg);
    background-size: cover;
    background-position: center;
    padding: 4% 0;
}



div#digitalisation-banner .wrapper div {
    width: 50%;
    position: relative;
    color: white;
}

div#digitalisation-banner .wrapper p {
    font-size: 19px;
    line-height: 1.2;
}

div#digitalisation-banner .wrapper a {
    margin: 30px 0;
    font-family: 'teleNeo-bold' !important;
    font-size: 18px;
    padding: 7px 20px;
}

div#digitalisation-banner .wrapper .header h2 {
    text-transform: uppercase;
    font-family: 'teleNeo-extra' !important;
    font-size: 40px;
    margin-bottom: 40px;
}

    div#digitalisation-banner .wrapper .header h2 span {
        font-size: 52px;
        display: block;
        font-family: 'teleNeo-extra' !important;
    }

#carousel-redesign .carousel-inner .item.iphone-banner-new {
    background-image: url(../content/images/delovni-hp-red/cream-bg.jpg) !important;
    background-size: cover;
}

    #carousel-redesign .carousel-inner .item.iphone-banner-new p {
        font-family: 'teleNeo-bold' !important;
        font-size: 22px;
        margin-bottom: 20px;
    }

    #carousel-redesign .carousel-inner .item.iphone-banner-new h2 {
        text-transform: none;
    }

    #carousel-redesign .carousel-inner .item.iphone-banner-new .right-img-wrap {
        position: relative;
        width: 50%;
        height: 100%;
    }

        #carousel-redesign .carousel-inner .item.iphone-banner-new .right-img-wrap img {
            position: absolute;
            bottom: 30px;
            height: auto;
            width: 100%;
        }

@media(max-width: 767px) {
    div#digitalisation-banner .wrapper .header h2 {
        font-size: 30px;
    }

        div#digitalisation-banner .wrapper .header h2 span {
            font-size: 42px;
        }

    #languages .dropdown.mini-menu div {
        padding-left: 15px;
    }

        #languages .dropdown.mini-menu div a {
            font-size: 18px;
        }

    #carousel-redesign .carousel-inner .item.iphone-banner-new .right-img-wrap img {
        bottom: -30px;
    }

    div#digitalisation-banner .wrapper div {
        width: 100%;
    }
    /*.padding-fix-affix {
        padding-bottom: 100px !important;
    }*/
}

@media(min-width: 768px) and (max-width: 991px) {
    div#ask-telekom-banner .text-box:before {
        opacity: .4;
    }

    #carousel-redesign .carousel-inner .item.iphone-banner-new .right-img-wrap img {
        bottom: 0;
    }

    div#digitalisation-banner .wrapper div {
        width: 100%;
        position: relative;
        color: white;
    }
}
/*#endregion home page delovni redesign */

/*#region meni redesign*/
div#ns-content #sso-login-box {
    display: none;
}

/*.nav.navbar-nav > li > ul.dropdown-menu > li > a {
    padding: 15px 0px 10px 0px;
}*/

.navbar-nav .dropdown-menu > li > a, .navbar-nav .dropdown-menu > li > span {
    font-size: 16px;
    text-transform: none !important;
}


.main-menu .navbar-nav > li > a > span, .main-menu .navbar-nav > li > span > span {
    text-transform: none !important;
    padding: 0 !important;
    font-family: 'teleNeo-extra' !important;
}

@media (min-width:768px ) {
    .company-header .main-menu .navbar-nav > li.domashni-operatori {
        display: none !important;
    }
}

@media(min-width: 768px) and (max-width: 991px) {

    .main-menu .navbar-nav > li > a > span {
        font-size: 18px !important;
    }
}

@media(min-width: 992px) {

    .main-menu .navbar-nav > li > a > span, .main-menu .navbar-nav > li > span > span {
        font-size: 18px !important;
        font-family: 'teleNeo-extra' !important;
    }
}

@media (min-width: 1200px) and (max-width: 1550px) {
    div#fast-links-hp-redesign .right-side-content .wrapper a .fast-link-box {
        min-height: 100px;
    }
    #usoglasenost .main-banner {
        background-position: 45%;
    }
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .main-menu .navbar-nav > li > a, .main-menu .navbar-nav > li > span {
        font-size: 17px;
        padding: 10px;
        font-family: 'teleNeo-extra' !important;
    }
}

@media (max-width: 1199px) {
    .main-menu-holder.affix {
        padding: 0 30px !important;
    }
}
/*#endregion meni redesign*/

@media(min-width: 320px) and (max-width: 375px) {
    #ns-content.one-content {
        padding-bottom: 310px !important;
    }
}


@media(max-width: 991px) {
    div#fast-links-hp-redesign .right-side-content .wrapper a .fast-link-box .fast-link-img.tarifa {
        width: 30px;
    }
    #subheader .header-menu #top {
        margin: 0;
    }

    div#telekommk-app-hp-banner {
        height: auto;
        padding-bottom: 0;
        overflow: hidden;
        background-image: url(../content/images/privatni-hp-red/hex-shape.png);
        background-color: #e20074;
    }

        div#telekommk-app-hp-banner:after {
            display: none;
        }

        div#telekommk-app-hp-banner .wrapper {
            display: flex;
            align-items: center;
            height: 100%;
            flex-direction: column-reverse;
            height: 100%;
            position: relative;
        }

            div#telekommk-app-hp-banner .wrapper .img-wrap {
                position: relative;
                width: 100%;
                height: 170px;
            }

                div#telekommk-app-hp-banner .wrapper .img-wrap:before {
                    content: '';
                    position: absolute;
                    background-image: url(../content/images/privatni-hp-red/phone-big.png);
                    width: 100%;
                    height: 360px;
                    background-repeat: no-repeat;
                    background-size: cover;
                    left: 0;
                    bottom: 0;
                    background-position: top;
                }

            div#telekommk-app-hp-banner .wrapper .text-wrap {
                width: 100% !important;
                background-size: contain;
                background-repeat: no-repeat;
                flex-direction: column;
                align-items: flex-start;
                padding: 0 0 40px 0;
            }

                div #telekommk-app-hp-banner .wrapper .text-wrap .box {
                    width: 100%;
                    position: relative;
                    top: 0;
                    bottom: 0;
                    height: auto;
                    margin: 30px 0 30px;
                }

    .footer-wrapper-red .row-flex {
        align-items: flex-end;
        padding-bottom: 0;
    }

        .footer-wrapper-red .row-flex .box {
            width: 100%;
        }

    .footer-wrapper-red .left-side {
        display: flex;
        position: relative;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        width: 100%;
    }

        .footer-wrapper-red .left-side .social-links {
            float: none !important;
            margin: 0 !important;
        }

    .footer-wrapper-red .box-social-links {
        position: absolute;
        top: 0;
        right: 0;
    }

    .footer-wrapper-red #top {
        padding: 0 !important;
        width: 100%;
    }

        .footer-wrapper-red #top ul li {
            padding: 0 5px !important;
        }

            .footer-wrapper-red #top ul li a {
                font-size: 15px !important;
            }


    .footer-wrapper-icons-red .copy-right-md-wrapper,
    .footer-wrapper-icons-red .copy-right-md p {
        display: block !important;
    }

    .footer-wrapper-icons-red .bottom-menu ul li {
        padding: 0 0 0px 30px;
        margin: 0 !important;
    }

        .footer-wrapper-icons-red .bottom-menu ul li a {
            font-size: 15px !important;
        }

    #phone-slider-hp-red #uredi-landing-phones .p-uredi-cena {
        visibility: visible !important;
    }

    #hpLinkBox-red.hpLinksRow {
        position: relative;
        padding: 20px 0;
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }

        #hpLinkBox-red.hpLinksRow .linkBox {
            width: 100%;
            display: block;
            padding: 0;
        }

    span.icon-zashtita-lichni-podatoci {
        position: relative;
        width: 40px;
    }

    #hpLinkBox-red .hpLinksBox a {
        width: 100%;
        display: inline-flex;
        padding: 20px 0;
        border-bottom: 1px solid #e5e5e5;
    }

    #phone-slider-hp-red #uredi-phones-naslovna .p-uredi-cena {
        opacity: 1 !important;
        visibility: visible !important;
    }

    #phone-slider-hp-red #uredi-phones-naslovna span.price2 label {
        margin-bottom: 0 !important;
    }

    #uredi-phones-naslovna .hover-transparent .hover-bcg:before {
        visibility: visible !important;
        transform: scaleY(1) !important;
        height: 100% !important;
    }

    #phone-slider-hp-red #uredi-landing-phones h5.phone-name,
    #phone-slider-hp-red #uredi-landing-phones h4.manufacturer {
        color: white !important;
    }

    #phone-slider-hp-red ul#homepageTabs {
        width: 100%;
        background: white;
    }

        #phone-slider-hp-red ul#homepageTabs li {
            width: 33.333%;
            margin: 0 !important;
            background: transparent !important;
            padding: 10px;
            border-radius: 0;
        }

            #phone-slider-hp-red ul#homepageTabs li + li {
                margin: 0 !important;
            }

            #phone-slider-hp-red ul#homepageTabs li.active:before {
                content: '';
                position: absolute;
                left: 0;
                height: 3px;
                width: 60%;
                background: #e20074;
                top: 0;
                bottom: 0;
                margin: auto;
                right: 0;
                top: initial;
                opacity: 1;
            }

            #phone-slider-hp-red ul#homepageTabs li a,
            #phone-slider-hp-red ul#homepageTabs li.active a {
                background: transparent;
                box-shadow: none;
            }

                #phone-slider-hp-red ul#homepageTabs li a h3 {
                    display: none;
                }

                #phone-slider-hp-red ul#homepageTabs li a:before {
                    content: '';
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    left: 0;
                    background-position: center;
                    background-repeat: no-repeat;
                    transform: none;
                    background-color: transparent;
                    opacity: .3;
                }

                #phone-slider-hp-red ul#homepageTabs li.active a:before {
                    opacity: 1;
                }

    #phone-slider-hp-red #uredi-landing-phones .left.carousel-control,
    #phone-slider-hp-red #uredi-landing-phones .right.carousel-control {
        display: block !important;
        position: absolute;
        top: 50%;
        color: #e20074;
    }

        #phone-slider-hp-red #uredi-landing-phones .left.carousel-control span:before,
        #phone-slider-hp-red #uredi-landing-phones .right.carousel-control span:before {
            box-shadow: none;
            text-shadow: none;
            font-size: 45px;
            opacity: 1;
            color: #e20074;
        }

    #phone-slider-hp-red #uredi-landing-phones .right.carousel-control {
        right: -50px;
    }

    #phone-slider-hp-red #uredi-landing-phones .left.carousel-control {
        left: -50px;
    }

    #phone-slider-hp-red #uredi-landing-phones .carousel-inner {
        width: 100%;
    }

        #phone-slider-hp-red #uredi-landing-phones .carousel-inner .item {
            width: 100%;
        }
}

@media(max-width: 425px) {
    #ns-content {
        padding-bottom: 260px !important;
    }

    #headerOut .top-header a.t-logo-link.last {
        display: none !important;
    }

    #carousel-redesign .urediLandingTextSlider .item.pricini-da-bideme-podobri .text-left-wrap {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .footer-wrapper-icons-red {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: flex-start;
        padding-top: 15px;
    }

        .footer-wrapper-icons-red .bottom-menu ul {
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            margin-bottom: 0;
        }

            .footer-wrapper-icons-red .bottom-menu ul li a {
                font-size: 15px;
            }

        .footer-wrapper-icons-red .copy-right-md-wrapper,
        .footer-wrapper-icons-red .copy-right-md p {
            display: block !important;
            text-align: left;
            width: 100%;
        }

    #carousel-redesign .arrows a {
        width: 45px;
    }

    li.domashni-operatori:not(.mobile) {
        display: none !important;
    }

    ul.business-category li.domashni-operatori:not(.mobile) {
        display: block !important;
    }

    .main-menu-holder {
        height: 60px !important;
    }

    .dropdown-menu.mobile > li.mobApp-privatni > .dropdown-menu {
        display: none !important;
    }

    .dropdown-menu.mobile > li.mobApp-privatni > a.strelche {
        display: none !important;
    }

    .padding-fix-affix {
        padding-top: 0 !important;
    }

    div#ns-content.companyContent {
        padding-bottom: 315px !important;
    }

    #ns-content {
        padding-bottom: 222px !important;
    }

    .custom-container {
        padding: 0 25px;
    }

    .homepage-wrapper .urediLandingTextSlider .btn-magen,
    .homepage-wrapper .urediLandingTextSlider .btn-grey,
    .homepage-wrapper .urediLandingTextSlider .btn-white {
        left: 25px !important;
    }

    #subheaderOut {
        height: 125px;
    }

    .main-menu {
        margin: 0 !important;
        height: 100%;
    }

    .main-menu-holder .row,
    .main-menu-holder .col-xs-12,
    .main-menu-holder .menuz {
        height: 100% !important;
    }

    .main-menu-holder .moj-telekom-menu-1 li {
        position: relative;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 100% !important;
    }

    div#fast-links-hp-redesign {
        margin-top: 0;
    }

    .main-menu-holder ul.moj-telekom-menu-1 a.search-icon {
        margin: 0 !important;
    }

    .main-menu-holder .platiOnlineMenu {
        margin-right: 0 !important;
        padding: 0 !important;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        height: 100%;
        z-index: 3 !important;
    }

    .main-menu-holder .search-icon > div:first-of-type {
        top: 0;
        height: 100%;
    }

    #miniShoppingCart {
        height: 100% !important;
    }



    #carousel-redesign #ureditextCarousel {
        height: 350px;
    }


    #carousel-redesign .urediLandingTextSlider .item p {
        font-size: 19px;
    }

    #carousel-redesign .container-fluid a.btn-magen {
        bottom: 40px;
    }

    div#fast-links-hp-redesign .left-side-header h2 {
        margin: 40px 0 30px;
    }



    #carousel-redesign .arrows {
        right: 20px;
        bottom: 10px;
    }

        #carousel-redesign .arrows a svg {
            width: 45px;
            height: 45px;
        }

    #carousel-redesign .indicator-wrap {
        position: absolute;
        right: 20px;
        top: 0;
    }

    div#telekommk-app-hp-banner .wrapper .text-wrap .box a.btn {
        position: relative;
        bottom: -20px;
    }

    div#telekommk-app-hp-banner .wrapper .img-wrap:before {
        height: 300px;
    }



    #headerOut .top-header a.t-logo-link.last {
        float: none !important;
    }

    #hamburger {
        left: 15px !important;
        top: 5px !important;
        z-index: 998;
    }

    #carousel-redesign #ureditextCarousel {
        height: 60vh !important;
    }

        #carousel-redesign #ureditextCarousel .item {
            height: 100% !important;
        }

    #carousel-redesign .urediLandingTextSlider .item .item-wrapper {
        flex-direction: column;
        padding: 50px 0 5px 0;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

        #carousel-redesign .urediLandingTextSlider .item .item-wrapper .black-text-wrap,
        #carousel-redesign .urediLandingTextSlider .item .item-wrapper .right-img-wrap {
            width: 100%;
        }

    #carousel-redesign .urediLandingTextSlider .item h2 {
        font-size: 24px;
    }

    #carousel-redesign .urediLandingTextSlider .item h3,
    #carousel-redesign .urediLandingTextSlider .item p {
        font-size: 19px;
    }

    #carousel-redesign .container-fluid a.btn-magen,
    #carousel-redesign .container-fluid a {
        left: 25px;
        bottom: 50px !important;
    }

    #carousel-redesign .inline-btns {
        bottom: 20px;
    }

        #carousel-redesign .inline-btns a {
            width: auto;
        }

            #carousel-redesign .inline-btns a.btn-black {
                left: 25%;
            }

    #carousel-redesign .urediLandingTextSlider .item.pricini-da-bideme-podobri {
        background-position: 70% 0 !important;
    }

        #carousel-redesign .urediLandingTextSlider .item.pricini-da-bideme-podobri .shape-wrap {
            position: relative;
            height: 100%;
            width: 100%;
        }

            #carousel-redesign .urediLandingTextSlider .item.pricini-da-bideme-podobri .shape-wrap:before {
                content: '';
                position: absolute;
                background-image: url(../content/banners/2022/banner2-shape.png);
                width: 100%;
                height: 100%;
                top: -45%;
                left: 0;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                z-index: 2;
            }

        #carousel-redesign .urediLandingTextSlider .item.pricini-da-bideme-podobri:before {
            content: '';
            width: 100%;
            height: 70%;
            position: absolute;
            background-image: url(../content/banners/2022/banner2-shape.png);
            background-size: contain;
            background-position: left top;
            top: 0;
            background-repeat: no-repeat;
        }

    #carousel-redesign .urediLandingTextSlider .item .text-left-wrap img {
        position: relative;
        bottom: -10%;
        width: 70%;
    }

    #carousel-redesign .urediLandingTextSlider .item.pricini-da-bideme-podobri .text-left-wrap {
        position: absolute;
        width: 70%;
        height: 100%;
        z-index: 3;
        padding: 30px 0;
        align-items: flex-start;
        justify-content: flex-start;
    }

    #carousel-redesign .urediLandingTextSlider .item.nov-dogovor-plus-popust {
        background-position: center !important;
    }

    #carousel-redesign .urediLandingTextSlider .item .flex-wrapper {
        padding: 30px 0;
        flex-direction: column;
        height: 100%;
    }


    #carousel-redesign .urediLandingTextSlider .item.nov-dogovor-plus-popust .text-wrap {
        width: 100%;
        bottom: -50px;
    }

    #carousel-redesign .urediLandingTextSlider .item.nov-dogovor-plus-popust .img-wrap {
        width: 70%;
        bottom: -40px;
    }

    div#ask-telekom-banner p a {
        display: block;
        width: 100%;
    }

    div#fast-links-hp-redesign {
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0;
        top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

        div#fast-links-hp-redesign .flex {
            flex-direction: column;
        }

        div#fast-links-hp-redesign .right-side-content .wrapper,
        div#fast-links-hp-redesign .right-side-content .wrapper:last-of-type {
            flex-direction: column;
        }

            div#fast-links-hp-redesign .right-side-content .wrapper a {
                width: 100%;
            }

            div#fast-links-hp-redesign .right-side-content .wrapper:last-of-type a {
                width: 100%;
            }

        div#fast-links-hp-redesign .left-side-header {
            width: 100%;
            position: relative;
        }

        div#fast-links-hp-redesign .right-side-content {
            width: 100%;
            position: relative;
            margin: 10px auto;
        }

            div#fast-links-hp-redesign .right-side-content .wrapper a .fast-link-box {
                display: inline-flex;
                justify-content: flex-start;
                align-items: center;
                padding: 20px;
                width: 100%;
                flex-direction: row;
                min-height: 90px;
            }

                div#fast-links-hp-redesign .right-side-content .wrapper a .fast-link-box h3 {
                    color: #333;
                    font-size: 20px;
                    margin: 10px auto;
                    line-height: 1.1;
                    margin-left: 30px;
                }

    #phone-slider-hp-red div#uredi-landing-phones {
        width: 100%;
    }

    #phone-slider-hp-red #homepageTabs {
        width: 100%;
    }

    #phone-slider-hp-red .tab-pane {
        width: 80%;
    }


    #phone-slider-hp-red #uredi-landing-phones .table-img.mob-img {
        width: 100% !important;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 20px 0;
    }

    #phone-slider-hp-red #uredi-landing-phones .product-home-img {
        height: 190px !important;
    }

    #uredi-phones-naslovna .hover-transparent {
        height: 220px !important;
    }

    #uredi-landing-phones .product-home-img img {
        width: 100% !important;
        height: auto !important;
    }

    #phone-slider-hp-red .tab-pane .uredi-phones-naslovna {
        margin: 20px 0;
    }

    #phone-slider-hp-red div#uredi-phones-naslovna .deviceInfoWrap {
        margin: 20px 0;
        min-height: 400px !important;
    }

    div#ask-telekom-banner .wrapper {
        width: 100%;
        float: none;
        padding: 10px 30px;
        position: absolute;
        bottom: 0;
        height: auto;
        text-align: center;
    }

    div#telekommk-app-hp-banner .wrapper .text-wrap .box h3 {
        color: #fff;
        font-size: 25px;
    }

        div#telekommk-app-hp-banner .wrapper .text-wrap .box h3 span {
            display: block;
            font-size: 20px;
        }

    div#telekommk-app-hp-banner .wrapper .text-wrap .box p {
        color: #fff;
        font-size: 16px;
    }

    #headerOut .top-header .header-logos {
        width: auto;
        height: 100%;
    }

        #headerOut .top-header .header-logos a {
            padding-right: 25px;
        }

    .moj-telekom-menu-1 #tools-private {
        top: -60px !important;
        z-index: 3;
        right: 2% !important;
        position: absolute !important;
    }

        .moj-telekom-menu-1 #tools-private .dropdown-menu div {
            padding-left: 5px;
        }

            .moj-telekom-menu-1 #tools-private .dropdown-menu div a {
                font-size: 16px;
            }

                .moj-telekom-menu-1 #tools-private .dropdown-menu div a.t-logo-link.last img {
                    position: relative;
                    top: 3px;
                }


    #carousel-redesign .collapse {
        transition: all ease-in .3s;
        -webkit-transition: all ease-in .3s;
    }

        #carousel-redesign .collapse.in {
            height: 220px;
            width: 220px;
            transition: all ease-in .3s;
            -webkit-transition: all ease-in .3s;
        }

            #carousel-redesign .collapse.in .panel-body {
                padding: 15px;
                height: 100%;
                width: 100%;
            }

    #carousel-redesign .urediTextSliderIndicators {
        display: block;
    }

        #carousel-redesign .urediTextSliderIndicators li {
            font-size: 16px;
        }

    div#digitalisation-banner .wrapper {
        margin: 30px 0;
    }

    div#ask-telekom-banner {
        height: 300px;
    }

        div#ask-telekom-banner .text-box:before {
            opacity: .3;
        }

    #uredi-phones-naslovna .deviceInfoWrap .txt-cena-naslovna,
    #uredi-phones-naslovna .deviceInfoWrap .p-uredi-cena span.num-instalments span,
    #uredi-phones-naslovna .deviceInfoWrap .p-currency,
    #uredi-phones-naslovna .deviceInfoWrap span.price2 {
        color: white !important;
        transition: all 0.2s ease-in-out;
    }

    #uredi-landing-phones .deviceInfoWrap .p-currency,
    #uredi-landing-phones .p-uredi-cena span.num-instalments span,
    #uredi-landing-phones .phone-box .txt-cena-naslovna {
        color: white !important;
    }

    #uredi-landing-phones .deviceInfoWrap .p-currency {
        border-bottom: 1px solid white !important;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    div#fast-links-hp-redesign .right-side-content .wrapper a .fast-link-box {
        min-height: 120px;
    }

    #uredi-landing-phones.custom .slider-wrap .item {
        margin: 0 10px !important;
        padding: 15px !important;
    }

    #ns-content.one-content {
        padding-bottom: 312px !important;
    }

    .footer-wrapper-red .right-side .icons a {
        margin-right: 15px;
    }

    .footer-wrapper-red .mini-menu li {
        padding: 5px 5px 10px !important;
    }

    #subheader .header-menu #top {
        display: inline-block;
    }

    #tools-private {
        position: absolute !important;
        top: -60px !important;
        z-index: 1002 !important;
    }

    .nav.navbar-nav > li > ul.dropdown-menu > li > a {
        padding: 15px 9px 10px 7px !important;
    }

    .navbar-nav .dropdown-menu > li > a,
    .navbar-nav .dropdown-menu > li > span {
        padding: 5px 10px !important;
        white-space: pre-wrap;
        word-break: break-word;
    }

    #carousel-redesign .collapse.in {
        width: 20%;
    }

    #carousel-redesign .urediLandingTextSlider .item .flex-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    #carousel-redesign .arrows {
        bottom: 17%;
        width: 130px;
        right: 20px;
    }

    #carousel-redesign .indicator-wrap {
        position: absolute;
        right: 20px;
        top: 0;
    }

    #carousel-redesign .urediLandingTextSlider .item.nov-dogovor-plus-popust {
        background-position: 10% 0% !important;
    }

    #carousel-redesign .urediLandingTextSlider .item.pricini-da-bideme-podobri .shape-wrap:before {
        width: 70%;
    }

    div#fast-links-hp-redesign .right-side-content {
        width: 75%;
    }

        div#fast-links-hp-redesign .right-side-content .wrapper a .fast-link-box h3 {
            color: #333;
            font-size: 17px;
        }

    #phone-slider-hp-red ul#homepageTabs {
        width: 25% !important;
    }

    #uredi-landing-phones .table-img.mob-img {
        width: 100%;
        margin: 0;
        left: 0;
    }

    #phone-slider-hp-red #uredi-landing-phones .product-home-img {
        height: 150px !important;
    }

    #uredi-landing-phones .table-img.mob-img {
        position: absolute;
        width: 100% !important;
        top: 0;
        left: 0 !important;
        margin-left: 0 !important;
    }

    #uredi-phones-naslovna .hover-transparent {
        height: 280px;
    }

    #phone-slider-hp-red #uredi-landing-phones .product-home-img img {
        width: 100% !important;
        height: auto !important;
    }

    #phone-slider-hp-red div#uredi-phones-naslovna .deviceInfoWrap {
        min-height: 420px;
    }



    #phone-slider-hp-red #uredi-landing-phones h5.phone-name {
        font-size: 17px !important;
    }

    #phone-slider-hp-red #uredi-landing-phones span.price2 {
        font-size: 25px;
    }

    #uredi-landing-phones .phone-box .txt-cena-naslovna {
        font-size: 15px !important;
    }

    #uredi-landing-phones .p-uredi-cena .p-left span.price2 label {
        margin-bottom: 0;
    }


    #hpLinkBox-red .hpLinksBox a svg {
        width: 25px;
    }

    #hpLinkBox-red .hpLinksBox a span {
        padding-left: 10px;
        font-size: 16px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {

    #ns-content {
        padding-top: 0px !important;
    }


    .one-header .container-fluid, .container-fluid {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .btn-magen, .homepage-wrapper .urediLandingTextSlider .btn-grey,
    .homepage-wrapper .urediLandingTextSlider .btn-white {
        left: 30px !important;
    }

    #carousel-redesign #ureditextCarousel {
        height: 550px !important;
    }

    #carousel-redesign .indicator-wrap {
        position: absolute;
        right: 20px;
        top: 0;
    }

    #carousel-redesign .container-fluid a.btn-magen {
        left: 3% !important;
    }

    #carousel-redesign .urediLandingTextSlider .item .flex-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        align-items: center;
        height: 100%;
    }

    #carousel-redesign .urediLandingTextSlider .item.pricini-da-bideme-podobri:before {
        width: 70%;
    }

    #carousel-redesign .urediLandingTextSlider .item.pricini-da-bideme-podobri .shape-wrap:before {
        width: 70%;
    }


    #carousel-redesign .urediLandingTextSlider .item.nov-dogovor-plus-popust .text-wrap {
        bottom: 0;
    }

    #phone-slider-hp-red div#uredi-phones-naslovna .deviceInfoWrap {
        margin: 20px;
    }

    #headerOut .top-header .header-logos {
        width: auto;
    }

    #carousel-redesign .urediLandingTextSlider .item .item-wrapper {
        flex-direction: row;
        padding: 30px 0;
    }

        #carousel-redesign .urediLandingTextSlider .item .item-wrapper .black-text-wrap,
        #carousel-redesign .urediLandingTextSlider .item .item-wrapper .right-img-wrap {
            width: 100%;
            position: relative;
            bottom: -10%;
        }

    #carousel-redesign .urediLandingTextSlider .item.online-shop .right-img-wrap {
        background-position: top center;
        width: 90%;
    }

    #carousel-redesign .inline-btns a.btn-black {
        left: 35%;
    }

    #uredi-phones-naslovna .hover-transparent {
        height: 250px !important;
    }

    #carousel-redesign .container-fluid a.btn-magen {
        bottom: 50px;
    }

    #carousel-redesign .arrows {
        bottom: 17%;
        width: 130px;
        right: 20px;
    }

    #carousel-redesign .inline-btns {
        bottom: 100px;
    }

    .homepage-wrapper .urediLandingTextSlider .btn-magen,
    .homepage-wrapper .urediLandingTextSlider .btn-grey,
    .homepage-wrapper .urediLandingTextSlider .btn-white {
        bottom: 100px !important;
    }

    div#fast-links-hp-redesign .right-side-content {
        width: 75%;
    }

        div#fast-links-hp-redesign .right-side-content .wrapper a .fast-link-box {
            min-height: 160px;
            flex-direction: column;
            justify-content: center;
        }

            div#fast-links-hp-redesign .right-side-content .wrapper a .fast-link-box h3 {
                font-size: 18px;
                line-height: 1.1;
                margin: 10px 0 0 0;
                width: 80px;
                display: inline;
                text-align: center;
            }

    #phone-slider-hp-red ul#homepageTabs {
        width: 100%;
    }

    #phone-slider-hp-red .wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        margin-bottom: 40px;
    }

    div#ask-telekom-banner {
        background-position: -180px 0;
    }


    div#telekommk-app-hp-banner .wrapper .img-wrap {
        width: 70%;
    }

    div#telekommk-app-hp-banner .wrapper .text-wrap {
        width: 70%;
        background-size: cover;
        background-repeat: no-repeat;
    }

        div#telekommk-app-hp-banner .wrapper .text-wrap .box {
            width: 100%;
            top: 10%;
            min-height: 200px;
            text-align: center;
        }

            div#telekommk-app-hp-banner .wrapper .text-wrap .box h3 {
                font-size: 28px;
            }

                div#telekommk-app-hp-banner .wrapper .text-wrap .box h3 span {
                    font-size: 23px;
                }

    #headerOut {
        height: 60px;
    }

        #headerOut .top-header {
            align-items: center;
        }

    div#loginNameMove {
        padding-right: 0 !important;
    }

    .main-menu-holder .new-move .wrapper {
        right: -20px;
    }
}

@media (min-width: 1200px) and (max-width: 1350px) {
    #uredi-landing-phones.custom .slider-wrap .item {
        margin: 0 15px !important;
        padding: 15px 20px !important;
    }

    .one-header .container-fluid {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }

    .main-menu .navbar-nav > li > a > span,
    .main-menu .navbar-nav > li > span > span {
        font-size: 16px !important;
    }

    .custom-container {
        padding-right: 25px !important;
        padding-left: 25px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .btn-magen, .homepage-wrapper .urediLandingTextSlider .btn-grey,
    .homepage-wrapper .urediLandingTextSlider .btn-white {
        left: 35px !important;
    }

    #carousel-redesign .indicator-wrap {
        position: absolute;
        right: 20px;
        top: 0;
    }

    #carousel-redesign .arrows {
        bottom: 17%;
        width: 130px;
        right: 20px;
    }

    #phone-slider-hp-red #uredi-landing-phones .product-home-img {
        height: 180px !important;
    }

        #phone-slider-hp-red #uredi-landing-phones .product-home-img img {
            height: 210px !important;
        }

    div#telekommk-app-hp-banner:after {
        background-image: url(../content/images/privatni-hp-red/hex-shape.png);
        content: '';
        position: absolute;
        width: 60%;
        height: 100%;
        right: 0;
        top: 0;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right center;
        z-index: 0;
    }

    #phone-slider-hp-red #uredi-landing-phones h4.manufacturer {
        font-size: 14px;
    }

    #phone-slider-hp-red #uredi-landing-phones h5.phone-name {
        margin-bottom: 20px !important;
        font-size: 17px !important;
        text-transform: none;
    }

    #hpLinkBox-red .hpLinksBox a span {
        padding-left: 10px;
        font-family: 'teleNeo-bold' !important;
        font-size: 17px;
    }
}

@media(min-width: 2000px) {
    #ureditextCarousel {
        height: 60vh !important;
        min-height: 650px;
    }

    div#fast-links-hp-redesign {
        padding: 80px 60px 30px;
    }
}

@media(min-width: 1800px) {
    #ureditextCarousel {
        min-height: 550px;
    }
}

#kodeks .main-banner {
    background-image: url(../content/images/kodeks.png);
    background-position: left 23% top 0;
}


/*#region 5g novosti*/
#five-g-news-section {
    position: relative;
    padding: 3% 0;
    background-image: url(../content/images/5g-images/telekom-5g-news.png);
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
}

    #five-g-news-section ::-webkit-scrollbar {
        width: 6px;
        height: 10px;
    }

    #five-g-news-section ::-webkit-scrollbar-track {
        background: #ddd;
        width: 3px;
        border-radius: 5px;
    }

    #five-g-news-section ::-webkit-scrollbar-thumb {
        background: #e20074;
        border-radius: 5px;
    }

    #five-g-news-section a.show-all {
        color: #e20074;
        font-size: 18px;
        font-family: 'teleNeo-medium' !important;
        text-decoration: underline;
        padding-left: 20px;
        display: none;
    }

    #five-g-news-section .white-wrap.active ~ a.show-all:first-of-type {
        display: none;
    }

    #five-g-news-section .white-wrap ~ a.show-all.second {
        display: none;
    }

    #five-g-news-section .white-wrap.active ~ a.show-all.second {
        display: block;
    }

    #five-g-news-section h2 {
        font-family: 'teleNeo-bold' !important;
        font-size: 52px;
        line-height: 1.2;
    }

    #five-g-news-section a p,
    #five-g-news-section a h3 {
        color: black;
    }

    #five-g-news-section .wrapper {
        height: 370px;
        position: relative;
        overflow-y: scroll;
    }

    /*#five-g-news-section .white-wrap {
        display: none;
    }*/

    #five-g-news-section .white-wrap.active {
        display: block !important;
    }

    #five-g-news-section .white-wrap:first-of-type {
        display: block;
    }

    #five-g-news-section a:hover {
        text-transform: none;
    }

    #five-g-news-section .news {
        padding-left: 20px;
        width: 60%;
        margin: 20px 0;
    }

    #five-g-news-section .news-header {
        position: relative;
        margin: 30px 0;
    }

        #five-g-news-section .news-header:before {
            content: '';
            position: absolute;
            width: 6px;
            height: 100%;
            background: #e20074;
            left: -20px;
            top: 0;
        }

        #five-g-news-section .news-header p {
            color: black;
            letter-spacing: 2px;
            line-height: 1.2;
            font-family: 'teleNeo-regular' !important;
            font-size: 19px;
        }

        #five-g-news-section .news-header h3 {
            width: 70%;
            line-height: 1.2;
            margin: 20px 0;
            font-family: 'teleNeo-extra' !important;
            font-size: 31px;
        }

    #five-g-news-section .content {
        margin-bottom: 20px;
        text-overflow: ellipsis;
        padding-bottom: 5px;
        display: -webkit-box;
        -webkit-line-clamp: 11;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

        #five-g-news-section .content p {
            font-size: 18px;
            font-weight: 500;
        }

            #five-g-news-section .content p strong {
                font-family: 'teleNeo-regular' !important;
            }

        #five-g-news-section .content iframe {
            width: 500px;
            height: 250px;
        }

@media(max-width: 767px) {
    #five-g-news-section .wrapper .box {
        position: relative;
        display: block;
    }

    #five-g-news-section .news {
        width: 100%;
    }

    #five-g-news-section .news-header h3 {
        width: 100%;
    }
}
/*#endregion 5g novosti*/

/*#region billie eilish*/
div#billie-eilish-streaming {
    position: relative;
    height: auto;
    width: 100%;
}

    div#billie-eilish-streaming:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/billie-eilish/circle-shape.svg);
        background-size: contain;
        background-position: left center;
        width: 60%;
        height: 100%;
        left: -35%;
        top: -3%;
        z-index: 2;
        background-repeat: no-repeat;
    }

    div#billie-eilish-streaming .main {
        background: black;
        height: 100%;
        padding: 3% 0;
        width: 100%;
    }

        div#billie-eilish-streaming .main h2 {
            color: white;
            text-transform: uppercase;
            text-align: center;
            font-size: 48px;
            font-family: 'teleNeo-extra' !important;
            padding: 0 30%;
            margin: 30px 0;
        }

            div#billie-eilish-streaming .main h2 span {
                font-family: 'teleNeo-extra' !important;
                color: white;
                background: #e20074;
                padding: 0 5px;
            }

        div#billie-eilish-streaming .main h3 {
            color: white;
            text-align: center;
            font-size: 30px;
            padding: 0 30%;
            margin: 30px 0;
        }

    div#billie-eilish-streaming h4 {
        text-align: center;
        color: white;
        font-size: 27px;
        text-transform: uppercase;
        letter-spacing: 13px;
    }

    div#billie-eilish-streaming .event-box {
        position: relative;
        border: 1px solid #fff;
        padding: 0px 0;
        overflow: visible;
        width: 50%;
        margin: 50px auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }


        div#billie-eilish-streaming .event-box .box {
            width: 50%;
            vertical-align: top;
            text-align: left;
            padding: 50px 25px 50px 100px;
            position: relative;
        }

            div#billie-eilish-streaming .event-box .box:before {
                content: '';
                position: absolute;
                background-image: url(../content/images/billie-eilish/clock-fill.png);
                background-size: contain;
                width: 30px;
                height: 28px;
                background-repeat: no-repeat;
                left: 55px;
                top: 60px;
            }

            div#billie-eilish-streaming .event-box .box:nth-child(2):before {
                background-image: url(../content/images/billie-eilish/calendar-fill.png);
            }

            div#billie-eilish-streaming .event-box .box:first-of-type:after {
                content: '';
                position: absolute;
                height: 100%;
                width: 1px;
                top: 0;
                right: 0;
                display: block;
                background: #fff;
            }

            div#billie-eilish-streaming .event-box .box ruby {
                position: relative;
                display: table !important;
                color: white;
            }

                div#billie-eilish-streaming .event-box .box ruby rt {
                    font-size: 20px;
                    text-align: left;
                    font-family: 'teleNeo-thin' !important;
                    line-height: 1.2;
                    display: block;
                }


    div#billie-eilish-streaming .video {
        position: relative;
        text-align: center;
        margin: 100px auto 60px;
        height: 600px;
        width: 80%;
    }

        div#billie-eilish-streaming .video iframe {
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 2;
        }

    div#billie-eilish-streaming p#demo-counter {
        position: relative;
        width: 35%;
        margin: 0 auto;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        color: #e20074;
        font-size: 115px;
        text-align: center;
        font-family: 'teleNeo-extra' !important;
        font-weight: 600;
    }

        div#billie-eilish-streaming p#demo-counter .wrap {
            font-family: 'teleNeo-extra' !important;
            letter-spacing: 10px;
            width: 30%;
        }

            div#billie-eilish-streaming p#demo-counter .wrap span {
                display: block;
                color: white;
                font-size: 17px;
                letter-spacing: 8px;
                text-transform: uppercase;
                bottom: 15px;
                font-family: 'teleNeo-thin' !important;
                opacity: .4;
            }

        div#billie-eilish-streaming p#demo-counter .dots {
            color: white;
            font-size: 50px !important;
            opacity: .4;
            font-family: 'teleNeo-regular' !important;
        }

    div#billie-eilish-streaming .arrow-animation {
        position: relative;
        width: 30%;
        margin: 0 auto;
        text-align: center;
    }

        div#billie-eilish-streaming .arrow-animation lottie-player {
            width: 100% !important;
        }

            div#billie-eilish-streaming .arrow-animation lottie-player svg path {
                color: white;
                fill: white;
                background: white;
                stroke: white;
            }

div#billie-eilish .main-banner {
    background: #020203;
    background-image: url(../content/images/billie-eilish/text.svg);
    height: 80vh;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 48%;
}


    div#billie-eilish .main-banner .wrapper {
        display: flex;
        align-content: center;
        align-items: flex-start;
        justify-content: space-between;
        position: relative;
        height: 100%;
        flex-wrap: nowrap;
    }

        div#billie-eilish .main-banner .wrapper div {
            width: 50%;
            margin: 0 10px;
            height: 100%;
            vertical-align: middle;
            display: inline-flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
        }


    div#billie-eilish .main-banner video {
        float: right;
        height: 100%;
    }

    div#billie-eilish .main-banner .text h1 span:first-of-type {
        color: white;
        display: block;
        background: #e20074;
        width: 351px;
        font-size: 50px;
        text-transform: none;
        font-family: 'teleNeo-bold' !important;
        padding: 10px 20px;
    }

    div#billie-eilish .main-banner h1 span.text-magenta {
        font-family: 'teleNeo-extra' !important;
    }

    div#billie-eilish .main-banner h1 {
        width: 100%;
        display: inline-block;
        font-size: 70px;
        font-family: 'teleNeo-extra' !important;
        padding: 15% 0 7%;
        color: white;
        text-transform: none;
    }

    div#billie-eilish .main-banner p {
        color: white;
        font-size: 22px;
        padding-right: 20%;
        line-height: 1.3;
        width: 100%;
    }

div#billie-eilish .black-bg {
    background: #020203;
    padding: 5% 0;
    margin-top: 0px;
    color: white;
    overflow: hidden;
}

div#billie-eilish h2 {
    font-size: 50px;
    font-family: 'teleNeo-extra' !important;
    line-height: 1.2;
    margin-bottom: 40px;
}

div#billie-eilish p {
    font-size: 19px;
    line-height: 1.3;
    margin-bottom: 20px;
}

div#billie-eilish .black-bg {
    position: relative;
    height: auto;
}

    div#billie-eilish .black-bg .how {
        position: relative;
        padding-bottom: 5%;
        margin-bottom: 40px;
        padding-top: 5%;
    }

        div#billie-eilish .black-bg .how:after {
            content: '';
            position: absolute;
            width: 50%;
            height: 100%;
            background: #e20074;
            right: 0;
            top: 0;
            z-index: 0;
        }

        div#billie-eilish .black-bg .how p {
            padding-bottom: 20px;
            padding-right: 40px;
        }

    div#billie-eilish .black-bg .wrapper {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
    }

    div#billie-eilish .black-bg .left {
        width: 40%;
        position: relative;
        height: 100%;
    }

div#billie-eilish .how .left .absolute-text {
    position: absolute;
    right: -50px;
}

div#billie-eilish .how .left .social-icons {
    position: absolute;
    right: -60px;
    display: flex;
    flex-direction: column;
    top: 27%;
    width: 60px;
}

    div#billie-eilish .how .left .social-icons img {
        margin-bottom: 40px;
    }

div#billie-eilish .black-bg .right.magenta {
    position: relative;
    z-index: 1;
    width: 40%;
    height: auto;
}

div#billie-eilish .black-bg .how .absolute-text {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
    z-index: 2;
}

    div#billie-eilish .black-bg .how .absolute-text img {
        height: 100%;
        width: auto;
    }

div#billie-eilish .black-bg .how .left .absolute-text {
    width: 50%;
    top: 10px;
    height: auto;
    right: -80px;
}

div#billie-eilish .black-bg .how .absolute-icon {
    position: absolute;
    top: 0;
    background: black;
    height: 180px;
    width: 120px;
    right: 14%;
    z-index: 2;
    background-image: url(../content/images/billie-eilish/challenge.svg);
    background-position: center 60%;
    background-repeat: no-repeat;
    border-radius: 0 0 6px 6px;
}

div#billie-eilish .black-bg .right.magenta p {
    padding-right: 30%;
}

div#billie-eilish .black-bg .right.magenta h2 {
    color: black;
}

    div#billie-eilish .black-bg .right.magenta h2 span {
        color: black;
        font-size: 20px;
        display: block;
        font-family: 'teleNeo-bold' !important;
    }

div#billie-eilish .text-center h2 {
    margin: 40px 25% 40px;
}

div#billie-eilish .text-center h3 {
    font-size: 24px;
}

div#billie-eilish .text-center h4 {
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 0;
}

    div#billie-eilish .text-center h4 span {
        font-family: 'teleNeo-extra' !important;
    }

        div#billie-eilish .text-center h4 span:first-of-type {
            -webkit-text-stroke: 1px white;
            -webkit-text-fill-color: black;
            color: white;
            display: block;
        }

div#billie-eilish .text-center p {
    font-size: 19px;
    color: #e20074;
    font-family: 'teleNeo-bold' !important;
    margin: 0;
}

div#billie-eilish .text-center .img-wrap {
    position: relative;
    margin: 50px 0;
    height: 550px;
    width: auto;
}

    div#billie-eilish .text-center .img-wrap:after {
        content: '';
        position: absolute;
        background-image: url(../content/images/billie-eilish/billie-eilish-slogan-new.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        right: 6%;
        width: 400px;
        height: 100%;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: 2;
    }

    div#billie-eilish .text-center .img-wrap img {
        width: auto;
        height: 100%;
    }

div#billie-eilish .enterance-info {
    position: relative;
    text-align: center;
}

    div#billie-eilish .enterance-info:before {
        content: '';
        position: absolute;
        left: -70px;
        top: -50px;
        background-image: url(../content/images/billie-eilish/hotel.svg);
        width: 330px;
        height: 370px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    div#billie-eilish .enterance-info .wrapper {
        flex-direction: column;
        position: relative;
        width: 70%;
        margin: 0 auto;
    }

    div#billie-eilish .enterance-info .box {
        position: relative;
        width: 100%;
    }

        div#billie-eilish .enterance-info .box p {
            width: 100%;
            text-align: justify;
            text-align-last: center;
        }

    div#billie-eilish .enterance-info h2 {
        margin: 50px 0;
        width: 60%;
        margin: 60px auto;
        text-shadow: -3px 3px #e20074;
        color: black;
        -webkit-text-fill-color: white;
        text-fill-color: white;
        -webkit-text-stroke: 2px black;
        text-stroke: 2px black;
    }

div#billie-eilish section.purple-bg {
    position: relative;
    padding: 6% 0;
    background: #8080FF 0% 0%;
}

    div#billie-eilish section.purple-bg .wrapper {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
    }

        div#billie-eilish section.purple-bg .wrapper div {
            width: 40%;
        }

    div#billie-eilish section.purple-bg .text p {
        font-family: 'teleNeo-medium' !important;
    }

    div#billie-eilish section.purple-bg h2 {
        font-family: 'teleNeo-extra' !important;
        display: block;
        color: black;
        font-size: 80px;
    }

        div#billie-eilish section.purple-bg h2 span {
            display: block;
            font-family: 'teleNeo-extra' !important;
            -webkit-text-stroke: 1px;
            color: black;
            -webkit-text-fill-color: transparent;
            text-fill-color: white;
            -webkit-text-stroke: 1px black;
            text-stroke: 1px black;
            font-size: 50px;
        }

    div#billie-eilish section.purple-bg .header:before {
        content: '';
        background-image: url(../content/images/billie-eilish/icon-content-features-default.svg);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        width: 200px;
        height: 200px;
        z-index: 3;
        top: -20px;
        left: 19%;
    }

    div#billie-eilish section.purple-bg .wrapper .bottom {
        width: 100%;
        margin: 20px 0;
    }

        div#billie-eilish section.purple-bg .wrapper .bottom p {
            margin: 0;
            padding: 0;
        }

        div#billie-eilish section.purple-bg .wrapper .bottom h3 {
            margin: 0;
            font-family: 'teleNeo-extra' !important;
            font-size: 50px;
            color: black;
        }

div#billie-eilish section.light-magenta-bg {
    position: relative;
    background: #E20074;
    color: white;
}

    div#billie-eilish section.light-magenta-bg .wrapper {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }

        div#billie-eilish section.light-magenta-bg .wrapper:after {
            content: '';
            position: absolute;
            background-image: url(../content/images/billie-eilish/gift.svg);
            background-size: contain;
            width: 200px;
            height: 200px;
            bottom: 0;
            background-repeat: no-repeat;
            left: 0;
        }

        div#billie-eilish section.light-magenta-bg .wrapper div {
            width: 40%;
        }

    div#billie-eilish section.light-magenta-bg .head-img {
        top: -130px;
        position: relative;
    }

    div#billie-eilish section.light-magenta-bg .text {
        padding: 8% 0;
    }


div#billie-eilish section.dark-magenta-bg {
    position: relative;
    padding: 6% 0;
    background: #C80268;
    color: white;
}

    div#billie-eilish section.dark-magenta-bg .wrapper {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
    }

        div#billie-eilish section.dark-magenta-bg .wrapper div {
            width: 40%;
        }

    div#billie-eilish section.dark-magenta-bg h2 {
        display: block;
        color: white;
        font-size: 80px;
    }

        div#billie-eilish section.dark-magenta-bg h2 span {
            display: block;
            font-family: 'teleNeo-extra' !important;
            -webkit-text-stroke: 1px;
            color: black;
            -webkit-text-fill-color: transparent;
            text-fill-color: transparent;
            -webkit-text-stroke: 1px white;
            text-stroke: 1px white;
            font-size: 50px;
        }

div#billie-eilish section.black-bg.two h2 {
    font-family: 'teleNeo-bold' !important;
    margin-top: 0 !important;
}

div#billie-eilish section.black-bg.two p {
    color: white;
    font-family: 'teleNeo-regular' !important;
    margin-bottom: 20px;
    padding: 0 15%;
}

div#billie-eilish .black-bg.two:after {
    content: '';
    position: absolute;
    background-image: url(../content/images/billie-eilish/icon-content-achievement-default.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 300px;
    height: 300px;
    right: -160px;
    /* top: 0; */
    bottom: 0;
    margin: auto;
}
/*#endregion billie eilish*/
@media(max-width: 330px) {
    div#billie-eilish .how .left .social-icons img {
        margin-bottom: 90px !important;
    }
}

@media(max-width: 600px) {
    div#billie-eilish .main-banner {
        height: auto !important;
    }

        div#billie-eilish .main-banner .wrapper div {
            margin: 0 auto;
        }

    div#billie-eilish .black-bg .how:after {
        height: 40% !important;
    }

    div#billie-eilish .main-banner video {
        height: 400px !important;
    }

    div#billie-eilish .black-bg {
        padding: 5% 0 10%;
        margin-top: 0 !important;
    }

    div#billie-eilish .text-center .img-wrap:after {
        width: 120px !important;
    }
}

@media (max-width: 767px) {
    div#billie-eilish-streaming .event-box {
        width: 100%;
        flex-direction: column;
    }

        div#billie-eilish-streaming .event-box .box {
            width: 100%;
            padding: 50px 25px 50px 60px;
        }

            div#billie-eilish-streaming .event-box .box:before {
                left: 18px;
            }

            div#billie-eilish-streaming .event-box .box:first-of-type:after {
                content: '';
                width: 80%;
                height: 1px;
                left: 0;
                right: 0;
                bottom: 0;
                top: inherit;
                margin: 0 auto;
                background: #fff;
            }

    div#billie-eilish-streaming p#demo-counter {
        width: 100%;
        font-size: 50px;
    }

        div#billie-eilish-streaming p#demo-counter .wrap span {
            font-size: 15px;
            letter-spacing: 0
        }

    div#billie-eilish-streaming h4 {
        font-size: 22px;
        letter-spacing: 9px;
    }

    div#billie-eilish-streaming .main h2 span {
        display: inline-block;
    }

    div#billie-eilish-streaming .video {
        width: 100%;
        height: 320px;
        margin-bottom: 0;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#billie-eilish-streaming .event-box {
        width: 70%;
    }

    div#billie-eilish-streaming .video {
        height: 400px;
        margin-bottom: 20px;
    }

    div#billie-eilish-streaming p#demo-counter {
        width: 55%;
    }
}

@media(max-width: 991px) {
    div#billie-eilish-streaming .main h2 {
        font-size: 36px;
        padding: 0;
    }

    div#billie-eilish-streaming .main h3 {
        font-size: 24px;
        padding: 0;
    }

    div#billie-eilish .main-banner {
        height: auto;
    }

        div#billie-eilish .main-banner h1 {
            font-size: 35px;
            margin-bottom: 0;
            padding-bottom: 4%;
        }

    div#billie-eilish h2 {
        font-size: 33px;
    }

    div#billie-eilish .text-center h4 {
        font-size: 30px;
    }

    div#billie-eilish .main-banner .text h1 span:first-of-type {
        color: white;
        width: 260px;
        font-size: 35px;
    }

    div#billie-eilish .main-banner p {
        color: white;
        font-size: 19px;
        padding-right: 5%;
        line-height: 1.3;
    }

    div#billie-eilish .wrapper {
        flex-direction: column;
    }

        div#billie-eilish .wrapper div {
            width: 100% !important;
        }

    div#billie-eilish .main-banner .wrapper .video {
        margin: 30px 0;
    }

    div#billie-eilish .main-banner video {
        float: none;
        height: 490px;
        width: 100%;
    }

    div#billie-eilish .black-bg .how:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 41%;
        background: #e20074;
        right: 0;
        bottom: 0;
        top: initial;
        z-index: 0;
    }

    div#billie-eilish .black-bg .how p {
        padding-right: 0;
    }

    div#billie-eilish .black-bg .how .absolute-text {
        display: none;
    }

    div#billie-eilish .black-bg .how .absolute-icon {
        display: none;
    }

    div#billie-eilish .how .left .social-icons {
        position: relative;
        right: 0;
        display: flex;
        flex-direction: row;
        margin-bottom: 30px;
        justify-content: center;
    }

        div#billie-eilish .how .left .social-icons img {
            margin-bottom: 30px;
            margin-right: 20px;
            width: 60px;
        }

    div#billie-eilish .black-bg .right.magenta {
        background: #e20074;
    }

        div#billie-eilish .black-bg .right.magenta p {
            padding-right: 0;
        }

    div#billie-eilish .text-center h2 {
        margin: 40px 0 40px;
    }

    div#billie-eilish .text-center h3 {
        font-size: 21px;
    }

    div#billie-eilish .text-center .img-wrap {
        position: relative;
        margin: 50px 0;
        height: auto;
        width: 100%;
    }

        div#billie-eilish .text-center .img-wrap:after {
            content: '';
            position: absolute;
            background-image: url(../content/images/billie-eilish/billie-eilish-slogan-new.svg);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: bottom;
            right: 0px;
            width: 200px;
            height: 100%;
            top: 0;
            bottom: 0;
            margin: auto;
            z-index: 2;
        }

        div#billie-eilish .text-center .img-wrap img {
            width: auto;
            height: auto;
        }

    div#billie-eilish .enterance-info h2 {
        width: 100%;
    }

    div#billie-eilish .enterance-info .wrapper {
        flex-direction: column;
        position: relative;
        width: 100%;
        margin: 0 auto;
    }

    div#billie-eilish .enterance-info:before {
        content: '';
        position: absolute;
        left: -60px;
        top: 90px;
        background-image: url(../content/images/billie-eilish/hotel.svg);
        width: 140px;
        height: 250px;
        background-size: contain;
        background-repeat: no-repeat;
        opacity: .5;
    }

    div#billie-eilish section.purple-bg h2,
    div#billie-eilish section.dark-magenta-bg h2 {
        font-size: 50px;
    }

        div#billie-eilish section.purple-bg h2 span,
        div#billie-eilish section.dark-magenta-bg h2 span {
            font-size: 40px;
        }

    div#billie-eilish section.light-magenta-bg .head-img {
        top: 20px;
        position: relative;
    }

        div#billie-eilish section.light-magenta-bg .head-img h2 {
            color: black;
            -webkit-text-fill-color: transparent;
            text-fill-color: transparent;
            -webkit-text-stroke: 1px white;
            margin: 30px 0 0;
        }

    div#billie-eilish section.light-magenta-bg .wrapper:after {
        display: none;
    }

    div#billie-eilish section.black-bg.two p {
        padding: 0 0%;
    }

    div#billie-eilish .black-bg.two:after {
        content: '';
        position: absolute;
        background-image: url(../content/images/billie-eilish/icon-content-achievement-default.svg);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 220px;
        height: 250px;
        right: -120px;
        bottom: 0;
        margin: auto;
        opacity: .2;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    div#billie-eilish .text-center .img-wrap:after {
        content: '';
        position: absolute;
        right: -20px;
        width: 360px;
        height: 100%;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    div#billie-eilish .enterance-info:before {
        content: '';
        position: absolute;
        left: -70px;
        top: -50px;
        width: 200px;
        height: 310px;
    }
}



@media (max-width: 639px) {
    #ns-content.one-content {
        padding-bottom: 430px !important;
    }

    #ns-bottom .footer-wrapper-red .row-flex {
        flex-flow: column;
        justify-content: flex-start;
    }

    #ns-bottom .footer-wrapper-red ul.mini-menu {
        float: none;
        flex-flow: row;
    }

        #ns-bottom .footer-wrapper-red ul.mini-menu li {
            padding-bottom: 32px !important;
        }

            #ns-bottom .footer-wrapper-red ul.mini-menu li a {
                padding-right: 15px !important;
                padding-top: 0 !important;
                font-size: 15px !important;
            }

            #ns-bottom .footer-wrapper-red ul.mini-menu li:last-of-type a {
                padding-right: 0 !important;
                white-space: nowrap;
            }

    #ns-bottom .footer-wrapper-red .box-social-links {
        position: relative;
        right: initial;
        left: 0;
    }

        #ns-bottom .footer-wrapper-red .box-social-links .social-holder {
            top: 0;
            padding: 32px 0 24px 0;
        }

        #ns-bottom .footer-wrapper-red .box-social-links ul {
            float: none;
            top: 0;
            width: 100% !important;
        }



    #ns-bottom .footer-wrapper-icons-red.bottom-footer {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 32px;
    }

        #ns-bottom .footer-wrapper-icons-red.bottom-footer .flex {
            flex-flow: column;
            justify-content: flex-start;
            align-items: flex-start;
            text-align: left;
            padding-top: 0;
        }

            #ns-bottom .footer-wrapper-icons-red.bottom-footer .flex > div {
                width: 100%;
            }

    #ns-bottom .footer-wrapper-icons-red .bottom-menu ul li {
        text-align: left;
        padding-bottom: 10px !important;
        padding-left: 0;
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    #ns-content.one-content {
        padding-bottom: 385px !important;
    }

    .footer-wrapper-icons-red {
        padding: 32px 0 0 0 !important;
    }

        .footer-wrapper-icons-red.bottom-footer a.flex {
            flex-flow: row;
        }

    #ns-bottom .footer-wrapper-red .row-flex {
        flex-flow: column;
        padding-bottom: 0 !important;
        align-items: flex-start;
    }

        #ns-bottom .footer-wrapper-red .row-flex ul.mini-menu {
            flex-flow: row;
            float: none;
        }

            #ns-bottom .footer-wrapper-red .row-flex ul.mini-menu li {
                padding-bottom: 32px !important;
            }

                #ns-bottom .footer-wrapper-red .row-flex ul.mini-menu li a {
                    padding-right: 25px !important;
                    padding-top: 0 !important;
                }

                #ns-bottom .footer-wrapper-red .row-flex ul.mini-menu li:last-of-type a {
                    padding-right: 0 !important;
                }

    #ns-bottom .footer-wrapper-red .box-social-links {
        position: relative;
    }

    #ns-bottom .footer-wrapper-red ul.social-links {
        float: none;
        width: 100% !important;
    }

    .footer-wrapper-icons-red.bottom-footer .flex {
        flex-flow: column;
    }

        .footer-wrapper-icons-red.bottom-footer .flex > div {
            width: 100%;
            margin-bottom: 15px;
        }

    .footer-wrapper-icons-red .bottom-menu ul {
        flex-flow: row !important;
        justify-content: flex-start !important;
    }

        .footer-wrapper-icons-red .bottom-menu ul li {
            text-align: left !important;
        }

            .footer-wrapper-icons-red .bottom-menu ul li:first-of-type {
                padding-left: 0 !important;
                margin-left: 0;
            }
}

@media (min-width: 1024px) and (max-width: 1680px) {
    .footer-wrapper-red .row-flex .box.appIcons {
        width: 55% !important;
    }
    .footer-wrapper-icons-red.bottom-footer .flex .copy-right-md-wrapper {
        width: 30% !important;
    }

    .footer-wrapper-icons-red.bottom-footer .flex .bottom-menu {
        width: 70% !important;
    }
}

@media (max-width: 1023px) {
    #ns-bottom .social-holder {
        padding: 32px 0 24px 0 !important;
    }

    .footer-wrapper-icons-red .copy-right-md-wrapper {
        padding-bottom: 20px;
    }

    .display-versions {
        display: none;
    }

    .footer-wrapper-icons-red .copy-right-md p {
        text-align: left !important;
    }

    .footer-wrapper-red .social-holder p {
        display: none;
    }

    .footer-wrapper-red .appIcons {
        display: none;
    }

    #ns-bottom .footer-wrapper-red .box-social-links ul li:first-child {
        padding-left: 0 !important;
    }

    @media (max-width: 1023px) {
        .footer-wrapper-icons-red .bottom-menu ul li svg {
            display: none;
        }
    }
}

@import 'buttons.css';
@import 'fonts.css';

/*telekomONE*/
.white-box-right {
    background: white;
    padding: 25px;
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
}

.right-box p {
    font-size: 18px;
    margin: 10px 0;
}

    .right-box p:first-child {
        line-height: 15px;
    }

.white-box-right .cena-mg {
    color: #e20074;
    font-size: 45px;
    /*padding: 10px 0;*/
}


.cena-mg span {
    font-size: 17px;
    text-transform: uppercase;
}

.right-box .btn.btn-magen {
    position: absolute;
    bottom: 15px;
    left: 20px;
    right: 20px;
    width: inherit;
    max-width: inherit;
}

.white-box-right .right-box-txt {
    color: #a4a4a4;
    line-height: 15px;
    font-size: 15px;
}

.box-click-height {
    min-height: 135px;
}

.box-click-height2 {
    min-height: 105px;
}


.box-click {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 30px;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    box-shadow: 0 1px 3px #ccc;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
}

    .box-click h1 {
        margin-top: 0;
        padding: 0 0 15px 0;
        color: #222222 !important;
        border-bottom: 1px solid #e9e9e9;
        font-size: 18px !important;
    }

    .box-click > p > a {
        width: 150px;
        display: block;
        max-width: none;
        text-align: center;
    }

    .box-click .btn-magen:hover {
        background: #c7096b;
        text-decoration: none;
        color: white;
    }

.mb25 {
    margin-bottom: 25px;
}

/*.white-box-right .cena-grey {
    color: #8c8c8c;
    font-size: 45px;
    padding: 0;
    text-decoration: line-through;

}*/
.white-box-right .cena-grey {
    color: #8c8c8c;
    font-size: 45px;
    padding: 0;
    text-decoration: line-through;
    position: relative;
    padding-right: 37px;
    display: inline-block;
}

    .white-box-right .cena-grey span {
        position: absolute;
        bottom: 11px;
        right: 0;
    }

.cena-grey span {
    font-size: 17px;
    text-transform: uppercase;
}


.help-box-magenta.box-without-height {
    min-height: 0;
}

.plati-onlajn-box h1 {
    color: #e20074;
    text-align: center;
    border-bottom: none;
    font-weight: 700;
    text-transform: uppercase;
}

.plati-onlajn-box .btn-magen:hover {
    color: white;
}

.plati-esmetka-naslov {
    color: #e20074 !important;
    border-bottom: none;
    font-weight: 700;
    font-size: 28px;
}

.plati-esmetka-txt {
    color: #000000 !important;
    font-size: 18px;
}

.white-box.no-padding {
    padding: 0;
}

.white-box.no-padding-img {
    padding: 0;
    background: url('../content/images/plati_onlanj_v2.png');
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: cover;
}


.mobilni-integrirani-uslugi {
    padding: 15px;
}

    .mobilni-integrirani-uslugi h1 {
        text-transform: uppercase;
        font-size: 18px;
        color: #000000;
        border-bottom: 1px solid #dadada;
    }

.code {
    width: 142px;
}

.pl15 {
    padding-left: 15px;
}

.moja-smetka-pad {
    padding: 25px 0;
}

.po-footer {
    position: relative;
}

    .po-footer a {
        position: absolute;
        top: 51%;
        left: 9.5%;
    }

.e-smetka-aktivacija {
    padding-right: 0;
    float: left;
}

.e-smetka-aktivacija-forma {
    width: 320px;
    float: right;
    position: absolute;
    top: 38px;
    right: 0;
    overflow: hidden;
    background: #E2E2E2;
}


/*BILL EXPLANATION START*/
.ebill-explanation {
    font-family: 'tele-groteskhalregular', sans-serif;
    font-size: 1.3em;
    line-height: 1.3em;
    display: block;
    padding: 0 20px;
    width: 100%;
    min-height: 1216px;
    min-width: 600px;
    max-width: 768px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 20px;
    position: relative;
    -webkit-box-shadow: 0 2px 12px 0 #888;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 0 2px 12px 0 #888;
    -moz-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.5);
    box-shadow: 0 2px 12px 0 #888;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.5);
    border: 1px solid #888;
    background-color: #fff;
}

.ebill-tooltip-content span {
    font-size: 15px;
    line-height: 15px;
}

.ebill-explanation .ebill-tooltip-content > img {
    width: auto !important;
}
/*Play Comfort*/
.ebill-explanation-img {
    position: relative;
    /*padding: 100px 20px;*/
    padding: 12% 3.5%;
}
/*Family Box*/
.ebill-explanation-img2 {
    position: relative;
    /*padding: 100px 20px;*/
    padding: 12% 4%;
}

.ebill-explanation-img > img {
    width: 100%;
}

.ebill-explanation-img2 > img {
    width: 100%;
}

.ebill-explanation-img .ebill-tooltip {
    display: block;
    position: absolute;
}

.ebill-explanation-img2 .ebill-tooltip {
    display: block;
    position: absolute;
}

.ebill-explanation-img .ebill-tooltip .tooltip-icon {
    display: block;
    width: 15px;
    height: 15px;
    margin-left: 6px;
    background-image: url(img/tooltip-icon.png);
    background-repeat: no-repeat;
}

.ebill-explanation-img2 .ebill-tooltip .tooltip-icon {
    display: block;
    width: 15px;
    height: 15px;
    margin-left: 6px;
    background-image: url(img/tooltip-icon.png);
    background-repeat: no-repeat;
}


.ebill-explanation .ebill-tooltip-content {
    display: none;
    position: absolute;
    top: 15px;
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    z-index: 20;
}

.ebill-explanation .ebill-tooltip:hover .ebill-tooltip-content {
    margin-left: -24px;
    display: block;
    -ms-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.ebill-explanation .ebill-tooltip .ebill-tooltip-content img {
    display: block;
    padding-left: 22px;
    position: relative;
    z-index: 10;
}

.ebill-explanation .ebill-tooltip .ebill-tooltip-content span {
    display: block;
    margin-top: -4px;
    padding: 10px;
    white-space: nowrap;
    border: 1px solid #e5046e;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 6px 0 #ccc;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 6px 0 #ccc;
    -moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 6px 0 #ccc;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
    background-color: #ffffff;
}

    .ebill-explanation .ebill-tooltip .ebill-tooltip-content span.right {
        position: relative;
        left: -80%;
    }



/*** INDIVIDUAL TOOLTIP POSITIONING ***/
.ebill-explanation .ebill-tooltip.tooltip0 {
    top: 10%;
    left: 2%;
}


.ebill-explanation .ebill-tooltip.tooltip1 {
    top: 14.4%;
    left: 2%;
}

.ebill-explanation .ebill-tooltip.tooltip2 {
    top: 36.8%;
    left: 2%;
}

.ebill-explanation .ebill-tooltip.tooltip3 {
    top: 19.2%;
    left: 2%;
}

.ebill-explanation .ebill-tooltip.tooltip4 {
    left: 2%;
    top: 33.7%;
}

.ebill-explanation .ebill-tooltip.tooltip5 {
    left: 2%;
    top: 17.5%;
}

.ebill-explanation .ebill-tooltip.tooltip6 {
    left: 2%;
    top: 35.3%;
}

.ebill-explanation .ebill-tooltip.tooltip7 {
    left: 2%;
    top: 40.3%;
}

.ebill-explanation .ebill-tooltip.tooltip8 {
    top: 42.98%;
    left: 2%;
}

.ebill-explanation .ebill-tooltip.tooltip9 {
    top: 46.2%;
    left: 2%;
}

.ebill-explanation .ebill-tooltip.tooltip10 {
    left: 1%;
    top: 14%;
}

.ebill-explanation .ebill-tooltip.tooltip11 {
    left: 1%;
    top: 16.6%;
}

.ebill-explanation .ebill-tooltip.tooltip12 {
    left: 15%;
    bottom: 30.5%;
}

.ebill-explanation .ebill-tooltip.tooltip13 {
    left: 2%;
    top: 38.7%;
}

.ebill-explanation .ebill-tooltip.tooltip14 {
    left: 1%;
    top: 18%;
}

.ebill-explanation .ebill-tooltip.tooltip15 {
    left: 1%;
    top: 50%;
}

.ebill-explanation .ebill-tooltip.tooltip16 {
    top: 10%;
    left: 0;
}

.ebill-explanation .ebill-tooltip.tooltip17 {
    left: 0;
    top: 21.2%;
}

.ebill-explanation .ebill-tooltip.tooltip20 {
    top: 14.2%;
    left: 3%;
}

.ebill-explanation .ebill-tooltip.tooltip21 {
    top: 17.3%;
    left: 3%;
}

.ebill-explanation .ebill-tooltip.tooltip22 {
    top: 18.8%;
    left: 3%;
}

.ebill-explanation .ebill-tooltip.tooltip23 {
    top: 33.7%;
    left: 3%;
}

.ebill-explanation .ebill-tooltip.tooltip24 {
    top: 35.3%;
    left: 3%;
}

.ebill-explanation .ebill-tooltip.tooltip25 {
    left: 3%;
    top: 36.8%;
}

.ebill-explanation .ebill-tooltip.tooltip26 {
    left: 3%;
    top: 38.7%;
}

.ebill-explanation .ebill-tooltip.tooltip27 {
    left: 3%;
    top: 40.3%;
}

.ebill-explanation .ebill-tooltip.tooltip28 {
    left: 3%;
    top: 48.4%;
}

.ebill-explanation .ebill-tooltip.tooltip29 {
    left: 3%;
    top: 67%;
}

.ebill-explanation .ebill-tooltip.tooltip30 {
    left: 58%;
    top: 17%;
}

.ebill-explanation .ebill-tooltip.tooltip31 {
    right: 35.5%;
    top: 18%;
}

.ebill-explanation .ebill-tooltip.tooltip32 {
    right: 34.2%;
    top: 20.7%;
}

.ebill-explanation .ebill-tooltip.tooltip33 {
    left: 18.5%;
    top: 29.9%;
}

.ebill-explanation .ebill-tooltip.tooltip34 {
    left: 33%;
    top: 30.7%;
}

.ebill-explanation .ebill-tooltip.tooltip35 {
    left: 33.5%;
    top: 32.1%;
}

.ebill-explanation .ebill-tooltip.tooltip36 {
    left: 27.7%;
    top: 36.2%;
}

.ebill-explanation .ebill-tooltip.tooltip37 {
    left: 61%;
    top: 26.8%;
}

.ebill-explanation .ebill-tooltip.tooltip38 {
    left: 27.9%;
    top: 38.4%;
}

.ebill-explanation .ebill-tooltip.tooltip39 {
    left: 12.9%;
    top: 39.34%;
}

.ebill-explanation .ebill-tooltip.tooltip40 {
    left: 12.9%;
    top: 40.7%;
}

.ebill-explanation .ebill-tooltip.tooltip41 {
    left: 16.5%;
    top: 41.6%;
}

.ebill-explanation .ebill-tooltip.tooltip42 {
    left: 25.9%;
    top: 43.8%;
}

.ebill-explanation .ebill-tooltip.tooltip43 {
    left: 23.8%;
    top: 44.8%;
}

.ebill-explanation .ebill-tooltip.tooltip44 {
    left: 31%;
    top: 45.9%;
}

.ebill-explanation .ebill-tooltip.tooltip45 {
    left: 24%;
    top: 47.2%;
}

.ebill-explanation .ebill-tooltip.tooltip46 {
    left: 21.5%;
    top: 48.2%;
}

.ebill-explanation .ebill-tooltip.tooltip47 {
    left: 2%;
    top: 56.2%;
}

.ebill-explanation .ebill-tooltip.tooltip48 {
    left: 2%;
    top: 57.9%;
}

.ebill-explanation .ebill-tooltip.tooltip49 {
    left: 2%;
    top: 78%;
}

.ebill-explanation .ebill-tooltip.tooltip50 {
    left: 7%;
    top: 15.3%;
}

.ebill-explanation .ebill-tooltip.tooltip51 {
    left: 15%;
    top: 15.3%;
}

.ebill-explanation .ebill-tooltip.tooltip52 {
    left: 42.5%;
    top: 15.3%;
}

.ebill-explanation .ebill-tooltip.tooltip53 {
    right: 42%;
    top: 15.3%;
}

.ebill-explanation .ebill-tooltip.tooltip54 {
    right: 34%;
    top: 15.3%;
}

.ebill-explanation .ebill-tooltip.tooltip55 {
    right: 26%;
    top: 15.3%;
}

.ebill-explanation .ebill-tooltip.tooltip56 {
    right: 17%;
    top: 15.3%;
}

.ebill-explanation .ebill-tooltip.tooltip57 {
    right: 8%;
    top: 15.3%;
}

.ebill-explanation .ebill-tooltip.tooltip60 {
    left: 2%;
    top: 29.7%;
}

.ebill-explanation .ebill-tooltip.tooltip61 {
    top: 47.5%;
    left: 2%;
}

.ebill-explanation .ebill-tooltip.tooltip62 {
    top: 49.2%;
    left: 2%;
}

.ebill-explanation .ebill-tooltip.tooltip63 {
    top: 53%;
    left: 2%;
}

.ebill-explanation .ebill-tooltip.tooltip64 {
    bottom: 37%;
    left: 2%;
}

.ebill-explanation .ebill-tooltip.tooltip65 {
    top: 17%;
    right: 40%;
}

.ebill-explanation .ebill-tooltip.tooltip66 {
    top: 18.1%;
    right: 36%;
}

.ebill-explanation .ebill-tooltip.tooltip67 {
    top: 20.7%;
    right: 34%;
}

.ebill-explanation .ebill-tooltip.tooltip68 {
    right: 38.5%;
    top: 21%;
}

.ebill-explanation .ebill-tooltip.tooltip69 {
    right: 24.5%;
    top: 21%;
}

.ebill-explanation .ebill-tooltip.tooltip70 {
    right: 7.9%;
    top: 21%;
}

.ebill-explanation .ebill-tooltip.tooltip71 {
    left: 18%;
    top: 24.3%;
}

.ebill-explanation .ebill-tooltip.tooltip72 {
    left: 32.3%;
    top: 25.4%;
}

.ebill-explanation .ebill-tooltip.tooltip73 {
    left: 21%;
    top: 26.4%;
}

.ebill-explanation .ebill-tooltip.tooltip74 {
    left: 24.6%;
    top: 27.5%;
}

.ebill-explanation .ebill-tooltip.tooltip75 {
    left: 26.8%;
    top: 28.5%;
}

.ebill-explanation .ebill-tooltip.tooltip76 {
    left: 26%;
    top: 29.8%;
}

.ebill-explanation .ebill-tooltip.tooltip77 {
    left: 27.5%;
    top: 30.9%;
}

.ebill-explanation .ebill-tooltip.tooltip78 {
    left: 12.7%;
    top: 31.7%;
}

.ebill-explanation .ebill-tooltip.tooltip79 {
    left: 12.7%;
    top: 33%;
}

.ebill-explanation .ebill-tooltip.tooltip80 {
    left: 16.7%;
    top: 34%;
}

.ebill-explanation .ebill-tooltip.tooltip81 {
    left: 25.3%;
    top: 35%;
}

.ebill-explanation .ebill-tooltip.tooltip82 {
    left: 23.3%;
    top: 36.1%;
}

.ebill-explanation .ebill-tooltip.tooltip83 {
    left: 30.3%;
    top: 37.2%;
}

.ebill-explanation .ebill-tooltip.tooltip84 {
    left: 23%;
    top: 38.4%;
}

.ebill-explanation .ebill-tooltip.tooltip85 {
    left: 20.8%;
    top: 39.4%;
}

.ebill-explanation .ebill-tooltip.tooltip86 {
    left: 42.5%;
    bottom: 30.5%;
}

.ebill-explanation .ebill-tooltip.tooltip87 {
    left: 55.5%;
    bottom: 30.5%;
}

.ebill-explanation .ebill-tooltip.tooltip88 {
    right: 34.5%;
    bottom: 30.5%;
}

.ebill-explanation .ebill-tooltip.tooltip89 {
    right: 25.5%;
    bottom: 30.5%;
}

.ebill-explanation .ebill-tooltip.tooltip90 {
    right: 17.5%;
    bottom: 30.5%;
}

.ebill-explanation .ebill-tooltip.tooltip91 {
    right: 9.7%;
    bottom: 30.5%;
}

.ebill-explanation .ebill-tooltip.tooltip92 {
    top: 10%;
    left: 3%;
}

.ebill-explanation .ebill-tooltip.tooltip93 {
    top: 29.7%;
    left: 3%;
}

.ebill-explanation .ebill-tooltip.tooltip94 {
    left: 3%;
    top: 42.3%;
}

.ebill-explanation .ebill-tooltip.tooltip95 {
    left: 3%;
    top: 44.59%;
}

.ebill-explanation .ebill-tooltip.tooltip96 {
    left: 3%;
    top: 45.9%;
}

.ebill-explanation .ebill-tooltip.tooltip97 {
    left: 3%;
    top: 51.5%;
}

.ebill-explanation .ebill-tooltip.tooltip98 {
    left: 3%;
    top: 52.88%;
}

.ebill-explanation .ebill-tooltip.tooltip99 {
    left: 3%;
    top: 54.8%;
}

.ebill-explanation .ebill-tooltip.tooltip100 {
    left: 3%;
    top: 58.5%;
}

.ebill-explanation .ebill-tooltip.tooltip101 {
    left: 45%;
    bottom: 16%;
}

.ebill-explanation .ebill-tooltip.tooltip102 {
    left: 2%;
    top: 14%;
}

.ebill-explanation .ebill-tooltip.tooltip103 {
    left: 2%;
    top: 16.8%;
}

.ebill-explanation .ebill-tooltip.tooltip104 {
    left: 2%;
    top: 18.04%;
}

.ebill-explanation .ebill-tooltip.tooltip105 {
    left: 2%;
    top: 19.34%;
}

.ebill-explanation .ebill-tooltip.tooltip106 {
    left: 2%;
    top: 21.3%;
}

.ebill-explanation .ebill-tooltip.tooltip107 {
    left: 2%;
    top: 23.3%;
}

.ebill-explanation .ebill-tooltip.tooltip108 {
    left: 2%;
    top: 23.3%;
}

.ebill-explanation .ebill-tooltip.tooltip109 {
    top: 26.8%;
    right: 23%;
}

.ebill-explanation .ebill-tooltip.tooltip110 {
    top: 26.8%;
    right: 5%;
}

.ebill-explanation .ebill-tooltip.tooltip111 {
    left: 26.5%;
    top: 34.1%;
}

.ebill-explanation .ebill-tooltip.tooltip112 {
    left: 29.3%;
    top: 35.1%;
}

.ebill-explanation .ebill-tooltip.tooltip113 {
    left: 26.5%;
    top: 37.38%;
}



.ebill-explanation .ebill-tooltip.tooltip115 {
    left: 9%;
    top: 42.9%;
}

.ebill-explanation .ebill-tooltip.tooltip116 {
    left: 2%;
    top: 59.7%;
}

.ebill-explanation .ebill-tooltip.tooltip117 {
    left: 2%;
    top: 68.8%;
}


.ebill-explanation .ebill-tooltip.tooltip118 {
    left: 1%;
    bottom: 42.8%;
}

.ebill-explanation .ebill-tooltip.tooltip119 {
    bottom: 16%;
    left: 46%;
}

.ebill-explanation .ebill-tooltip.tooltip120 {
    top: 45%;
    right: 3%;
}

.ebill-explanation .ebill-tooltip.tooltip121 {
    left: 1%;
    bottom: 55%;
}

.ebill-explanation .ebill-tooltip.tooltip122 {
    left: 1%;
    bottom: 51.8%;
}

.ebill-explanation .ebill-tooltip.tooltip123 {
    left: 2%;
    top: 53%;
}

.ebill-explanation-wrapper {
    width: 100%;
    overflow: auto;
}

.ebill-explanation-img2 .ebill-tooltip img, .ebill-explanation-img .ebill-tooltip img {
    width: auto !important;
}
/*BILL EXPLANATION END*/

span.tvpaket-link a {
    color: #e20074;
    text-decoration: none;
}

.blue-box-left {
    position: relative;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    padding: 20px;
    margin-bottom: 15px;
    background-color: #dce7ec;
    min-height: 333px;
    min-height: 295px\9;
}

    .blue-box-left:before, .blue-box-left:after {
        clear: both;
        content: '';
        display: table;
    }

    .blue-box-left a:hover, .blue-box-left a:focus {
        text-decoration: none;
    }

    .blue-box-left h1 {
        color: #222222;
        border-bottom: 1px solid #e9e9e9;
        margin-top: 0;
        padding: 0 0 15px 0;
        color: #222222;
        border-bottom: 1px solid #e9e9e9;
        font-size: 19px;
        text-transform: uppercase;
        min-height: 50px;
        font-family: tele-groteskfetregular;
    }

    .blue-box-left h2 {
        color: #222222;
        text-align: left;
        display: inline-block;
        margin: 0 0 0 20px;
        font-size: 22px;
    }

    .blue-box-left img {
        vertical-align: middle;
    }


    .blue-box-left ul {
        margin-top: 15px;
        position: relative;
        margin-bottom: 0;
    }

        .blue-box-left ul li {
            padding: 7px 0;
            border-bottom: 1px dotted #9f9a9a;
            padding-right: 10px;
        }

            .blue-box-left ul li a {
                color: #333;
                display: block;
            }

                .blue-box-left ul li a:hover {
                    text-decoration: none;
                    color: #e20074;
                }

            .blue-box-left ul li:last-child {
                border: none;
            }

            .blue-box-left ul li a:hover:after {
                text-decoration: none;
                color: #e20074;
            }

            .blue-box-left ul li a:focus {
                text-decoration: none;
            }


            .blue-box-left ul li a:after {
                font-size: 10px;
                color: #606060;
                position: absolute;
                font-family: Ionicons;
                content: "\f125";
                right: 0;
                padding-top: 4px;
            }




.white-box-border-one.dimension-free img.mobapp-img {
    width: auto;
    height: 81px;
    width: 81px\9;
    padding: 15px;
}

h2.brzi-linkovi-mgn {
    font-size: 24px;
    text-transform: uppercase;
    color: #e20074;
}

.pr15 {
    padding-right: 15px;
    padding: 0 15px 5px 0;
}

.brxi-linkovi-mgn .top-link span {
    color: #606060;
    position: absolute;
    bottom: 35%;
    right: 2px;
    font-size: 10px;
}

.icon-land.smartPlusPaketiP.del-home-360 {
    background-image: url(../img/piktogrami/askTelekom-new.png);
}

.home-icon-wrapper:hover .icon-land.smartPlusPaketiP.del-home-360 {
    background-image: url(../img/piktogrami/askTelekom-magenta-new.png);
}

.icon-land.internetOpcijeP.del-home-cloud {
    background-image: url(../img/piktogrami/TelekomCloud-new.png);
}

.home-icon-wrapper:hover .icon-land.internetOpcijeP.del-home-cloud {
    background-image: url(../img/piktogrami/TelekomCloud-magenta-new.png);
}

.icon-land.mojSvetP.del-home-office {
    background-image: url(../img/piktogrami/TelekomOffice-new.png);
}

.home-icon-wrapper:hover .icon-land.mojSvetP.del-home-office {
    background-image: url(../img/piktogrami/TelekomOffice-magenta-new.png);
}

.icon-land.mojaOpcijaP.del-home-team {
    background-image: url(../img/piktogrami/TelekomBussines-new.png);
}

.home-icon-wrapper:hover .icon-land.mojaOpcijaP.del-home-team {
    background-image: url(../img/piktogrami/TelekomBussines-magenta-new.png);
}

/*telekomONE*/




/*magenta1 end*/

.magenta-one .siv-box {
    background-color: #ededed;
    background-color: white;
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-shadow: 3px 7px 5px 0px rgba(0,0,0,0.04);
    -moz-box-shadow: 3px 7px 5px 0px rgba(0,0,0,0.04);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.04);
}



.magenta-one .bel-box {
    background-color: white;
}

    .magenta-one .bel-box h1 {
        background-color: white;
    }

/*img.ec-20 {
    float: left !important;
    margin-top: 20px !important;
    position: relative !important;   
    left: 0 !important;    
    width: auto !important;
    bottom: 0px !important;
}*/

img.mgn1-cena {
    float: right !important;
    margin-top: 20px !important;
    position: relative !important;
    right: 0 !important;
    width: auto !important;
    bottom: 0px !important;
}

/*magenta1 end*/


.slider-naslovna2 ol.carousel-indicators {
    bottom: 0px;
}

.mobilni-integrirani-uslugi a:hover {
    text-decoration: none;
}

.bonus-title {
    position: absolute;
    padding: 10px 30px;
}

    .bonus-title h1 {
        font-weight: 100;
        color: #484848;
        font-size: 19px;
        text-transform: uppercase;
    }

        .bonus-title h1 > span {
            font-weight: 600;
            display: block;
        }

.table.table-blue.poramnuvanje-right tr td:last-child, .table.table-blue.poramnuvanje-right tr th:last-child {
    width: 200px;
}

.table.table-blue.poramnuvanje-prva tr td:first-child {
    width: 70%;
}

.mt25 {
    margin-top: 25px;
}


/*iphone6s start*/

.iphone6s.row20 {
    margin-right: -20px;
    margin-left: -20px;
}

.iphone6s-izbor p, .iphone6s-izbor h2, .iphone6s-izbor h3 {
    font-family: 'myriad_set_ot_txregular' !important;
}


.iphone6s-izbor {
    margin-top: 20px;
    margin-bottom: 80px;
}


    .iphone6s-izbor .lev-box img {
        width: 150px;
    }

    .iphone6s-izbor h2 {
        padding-top: 10px !important;
        border-bottom: 0px !important;
        font-size: 22px !important;
        border-bottom: 0px !important;
    }

    .iphone6s-izbor h3 {
        color: #3c3d3f;
        padding-bottom: 30px;
        padding-top: 20px;
    }



    .iphone6s-izbor .izbor-boi {
        margin-left: -20px;
        margin-bottom: 25px;
    }


        .iphone6s-izbor .izbor-boi img {
            display: block;
            margin: 0 auto;
        }




        .iphone6s-izbor .izbor-boi p {
            font-size: 14px;
            padding-top: 5px;
            text-align: center;
        }



.iphone6s h2, .iphone6s h4, .iphone6s p {
    font-family: 'MyriadSetOT-Text' !important;
    font-size: 18px;
    color: #6d6e71;
}

.iphone6s .iphone-button {
    padding: 10px;
    background-attachment: scroll;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    -moz-background-origin: padding-box;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    background-size: auto;
    border-bottom-color: rgb(150, 150, 150);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(150, 150, 150);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(150, 150, 150);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(150, 150, 150);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgb(150, 150, 150);
    cursor: pointer;
    direction: ltr;
    /* display: block; */
    float: none;
    font-family: 'Myriad Set Pro', Arial;
    font-size: 12px;
    font-weight: normal;
    height: 32px;
    line-height: 31px;
    opacity: 1;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    top: auto;
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-property: -webkit-transform, opacity;
    -o-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: -webkit-transform, opacity;
    -moz-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    z-index: 15;
    -ms-zoom: 1;
    zoom: 1;
    font-size: 14px;
    padding: 7px 26px;
    border: 1px solid #C5C5C5;
}


.iphone6s .centerblock {
    display: block;
    margin: 0 auto;
}


.iphone6s .iphone-header {
    margin-top: 30px;
    margin-bottom: 40px;
}


.iphone6s .centertext {
    text-align: center;
}


.iphone6s .iphone-header img {
    margin-bottom: 20px;
}



.iphone6s .iphone-holder h2 {
    font-size: 36px;
    color: #3c3d3f;
    padding: 50px 0 35px 0;
    display: block;
    font-weight: lighter;
    text-rendering: optimizeSpeed;
    text-align: left;
}


.iphone6s .iphone-holder p {
    font-size: 18px;
    color: #6d6e71;
    text-align: left;
    display: block;
    font-weight: lighter;
    text-rendering: optimizeSpeed;
    padding: 0;
    line-height: 24px;
}


.iphone6s .big-number {
    font-size: 15px;
    margin-bottom: 15px;
    padding-top: 0px;
}

.iphone6s .iphone-main-holder .p0 {
    position: relative;
}

.iphone6s .cenicka {
    /*position: absolute;
    top: 50%;
    left: 10%;*/
    margin-left: 50px;
}

.iphone6s .cenicka2 {
    /*position: absolute;
    top: 50%;
    left: 35%;*/
    margin-left: 30px;
}

.iphone6s .iphone-main-holder {
    position: relative;
}


.iphone6s .margintb20 {
    margin: 50px 30px 50px 30px;
}


.iphone6s .iphone-holder {
    width: 100%;
    margin: auto;
    padding: 15px;
}

.iphone6s .gray {
    background-color: #f1f2f2;
    /*width: 1000px;
    margin-left: -22px;
    padding: 30px;*/
}

.pl20 {
    padding-left: 20px;
}

.iphone6s .dark-gray {
    background-color: #e7e7e7;
    /*width: 1000px;
    margin-left: -22px;
    padding: 30px;*/
}

.iphone-holder.gray.pb0 {
    padding: 30px 30px 0px 30px;
}

.iphone-holder.pb0 {
    padding: 30px 30px 0px 30px;
}

.iphone-holder.dark-gray .img-30 {
    margin-left: -15px;
    padding-left: 0px;
}



.iphone-holder.dark-gray .iphone-txt-center {
    text-align: center;
    padding: 0px 35px 30px 35px;
}

.mp23 img {
    padding: 20px;
    margin-top: 30px;
}

.p30 {
    padding: 30px;
}

/*@media (max-width: 767px) {
    .iphone6s .cenicka {
        position: absolute;
        top: 25%;
        left: 0%;
        padding-left: 20px;
    }

    .iphone6s .cenicka2 {
        position: absolute;
        top: 60%;
        left: 60%;
        padding-left: 20px;
    }
}*/

.iphone-mb20 {
    margin: 20px 0px;
}

.pt30 {
    padding-top: 30px;
}

.iphone6s .cena1-iphone6s {
    /*position: absolute;
    top: 50%;
    left: 15%;*/
    margin-left: 60px;
}

/*.iphone6s .cena2-iphone6s {
    position: absolute;
    top: 50%;
}*/

/*.iphone-static {
    position: static;
}*/

.iphone-mb-20 {
    margin-bottom: -35px;
}

/*@media (max-width:768px) {
    .iphone6s .cenicka {
        position: relative;
        left: 5%;
    }

    .iphone6s .cenicka2 {
        position: relative;
        padding-top: 30px;
        left: 5%;
    }
}*/

@media (max-width:767px) {
    .iphone6s .cena1-iphone6s {
        margin-left: -10px;
    }

    .iphone6s .cena2-iphone6s {
        margin-right: -10px;
    }

    .iphone6s p.big-number {
        font-size: 13px !important;
        text-align: center;
    }

    .iphone-holder.dark-gray .iphone-txt-center {
        padding: 0px;
    }

    .iphone6s .cenicka {
        margin-left: 0px;
    }

    .iphone6s .cenicka2 {
        margin-left: 0px;
    }

    .iphone6s-mobimg {
        margin-bottom: 15px;
    }

    .cena1-iphone6s img {
        width: 60px;
        padding-left: 5px;
    }

    .cena2-iphone6s img {
        width: 80px;
        padding-left: 5px;
    }
}

.iphone-table {
    display: table;
    table-layout: fixed;
}

.iphone-tablecell {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.iphone-main-holder {
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .iphone-main-holder .col-lg-6 {
        float: none;
        display: table-cell;
        vertical-align: middle;
    }

.iphone-fix-ceni {
    width: 100%;
    display: table;
}
/*iphone6s end*/

#device-televizori a.mt15 {
    margin-top: 15px;
}

#device-laptopi a.mt15 {
    margin-top: 15px;
}

.btn.btn-grey.mt15.fixedphones {
    margin-top: 15px;
}

/*Magenta 1 Business start*/

.white-border.bigger h1.magenta-business {
    font-weight: bold;
}

    .white-border.bigger h1.magenta-business span {
        float: right;
        font-size: 28px;
        margin-top: 0px;
        font-weight: normal;
    }

/*.p-uredi-cena.cena-small span.crtka-siva {
    display: block;
    position: absolute;
    width: auto;
    border-bottom: 1px solid #e20074;
    top: 14px;
    left: 0;
    right: 0;
    transform: rotate(-8deg);
}

.mgn-business {
    position: relative;
}*/

.mgn-business .p-uredi-cena.cena-small {
    right: 0px;
}


/*.mgn-business .gotobottom {
        position: absolute;
        width: 100%;
        bottom: 0px;
        height: 40px;
        left: 0px;
        padding: 0px 15px !important;
        bottom: -35px;
    }*/

/*.mgn-business .gotobottom > div {
            padding: 0 5px !important;
        }*/

/*.gotobottom .price2 {
    font-size: 25px;
}*/

/*@media (max-width: 767px) {
    .mgn-business .gotobottom {
        bottom: 40px;
    }

        .mgn-business .gotobottom > div {
            height: 40px;
        }
}*/

/*.magenta-one .p20 {
    padding: 20px !important;
}
.magenta-one .mgn-business {
    height:300px;
}*/

.mgn-business span.p-currency {
    max-width: 86px;
    text-align: center;
}

.mgn-business .p-uredi-cena {
    max-width: 225px;
}

.mgn-business .one-t-dicklaimer {
    position: absolute;
    right: 7px;
    top: 7px;
    left: 205px;
}

    .mgn-business .one-t-dicklaimer > span {
        left: 0px;
    }

.mgn-business .one-t-dicklaimer-message > p {
    padding: 10px;
}

/*Magenta 1 Business start*/
.table.table-blue.tritri ul li {
    display: block;
    background-image: url(../images/list-bullet.png);
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    margin-left: 15px;
}

.phone-box span.pripejd-valuta {
    font-size: 27px;
    letter-spacing: -0.02em;
    color: #E20074;
    margin: 0;
    text-align: center;
    font-family: 'tele-groteskfetregular';
}

.fixphones-pripejd span.pripejdPriceFormat {
    font-size: 27px;
    letter-spacing: -0.02em;
    color: #E20074;
    margin: 0;
    text-align: center;
    font-family: 'tele-groteskfetregular';
}

.fixphones-pripejd .txt-cena-naslovna {
    border-top: none;
}

.sim-card a {
    margin-top: 25px !important;
}

.sim-card .p-left {
    padding-right: 0px;
}

.fixphones-pripejd .p-left {
    padding-right: 0px;
}

.free-space img {
    position: absolute;
    top: -25px;
}

.groupContainere5ab69a3-002c-474a-a847-83f199efd082 .table-kanali tr:first-child > td {
    vertical-align: top;
}

.white-box-left .tariffbizH {
    height: 252px;
}

.ec-30-promo {
    position: absolute;
    left: 0px;
}

.product-item.lg-phones > h3 {
    color: #2F2F2F;
    font-size: 15px;
    text-transform: none;
    border-bottom: 1px solid #dadada;
    padding-bottom: 5px;
    font-family: 'tele-groteskhalregular';
    margin-bottom: 20px;
    width: 100%;
    height: 42px;
    vertical-align: middle;
    text-align: center;
}

.product-item.lg-phones span.price2 {
    font-size: 26px;
}

.product-item.lg-phones span.p-currency {
    font-size: 10px;
}

.product-item.lg-phones span.p-rates {
    font-size: 10px;
}

.product-item.lg-phones .lg-prices {
    height: 100px;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-top: 13px;
}

    .product-item.lg-phones .lg-prices > div {
        display: table-cell;
    }

.lg-prices .pl0 {
    padding-left: 0px;
}

.lg-prices .disclaimer-lgphones {
    font-size: 10px;
    color: gray;
    margin-top: -10px;
    text-align: left;
}

.lg-prices a {
    margin-top: 10px;
    font-size: 13px;
}

@media (max-width: 767px) {
    .product-item.lg-phones .lg-prices > div {
        display: block;
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .product-item.lg-phones .lg-prices > div {
        display: block;
    }

    .office-new-pack .p-uredi-cena .smaller-cena {
        font-size: 18px !important;
    }

    .office-new-pack .price2 {
        font-size: 23px !important;
    }

    div#bot-new .p-uredi-cena .ec {
        position: absolute;
        right: 0px;
        top: 0;
        width: 50px;
    }
}
/*@media (min-width: 992px) and (max-width:1199px) {
    .product-item.lg-phones .lg-prices > div {
        display: block;
    }

    .product-item.lg-phones span.p-currency {
        font-size: 8px;
    }

    .product-item.lg-phones span.p-rates {
        font-size: 8px;
    }

    .lg-prices .p-right {
        padding-left: 10px;
    }

    .product-item.lg-phones span.price2 {
        font-size: 23px;
    }
}*/
.lg-prices .p-right.biz-lg {
    width: 35%;
}

.lg-prices .disclaimer-lgphones-biz {
    font-size: 10px;
    color: gray;
    margin-top: -10px;
    margin-left: -20px;
}
/*Magenta1 uredi start*/
.table.table-blue.pink-head th {
    /*background-color: #fbe6f1 !important;*/
    /* background-color: #fbe6f1 !important; */
    background-image: url(../images/magenta1-accbg.png);
    color: #ffffff;
    width: 100%;
    background-size: 100%;
    background-position: 0;
}

.table.table-blue.pink-head td.magenta-borright {
    border-right: 1px solid #cecece;
}

.table.table-blue.pink-head td.box-magenta-borright {
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece !important;
}

.box-magenta-borright h3.mag1-title {
    color: #000000;
    font-size: 15px;
    padding-bottom: 25px;
    text-transform: uppercase;
    min-height: 60px;
}

.box-magenta-borright .webshop-device-thumbnail.mag1-phones {
    display: inline-block;
    height: 200px;
}

.mag1-phones .ec-mag1-promo {
    position: absolute;
    left: 0px;
    top: 10px;
}

.mag1-phones .ec-mag1-promo2 {
    position: absolute;
    left: 0px;
    top: 10px;
}

.mag1-phones .ec-mag1-promo3 {
    position: absolute;
    left: 0px;
    top: 10px;
}

.box-magenta-borright .p-uredi-cena {
    /*margin-left: 35px;*/
    margin-bottom: 20px;
    padding-top: 15px;
}

.box-magenta-borright .mag1-footerprice {
    background-color: #f9f9f9;
    margin: -10px;
    height: 115px;
}

.table.table-blue.pink-head .mag1-disclaimer {
    font-size: 13px;
}

.table.table-blue.pink-head td.mag1-txt {
    background-color: #ffffff;
    border-bottom: none !important;
    padding-bottom: 0px;
}

.mag1-footerprice .p-right > span.p-currency {
    border-bottom: 1px solid #e20074;
    max-width: 70px !important;
}


@media (max-width:768px) {
    .box-magenta-borright .mag1-footerprice .p-uredi-cena {
        margin: 0 auto;
        text-align: center;
        padding-bottom: 10px;
    }

    .box-magenta-borright .mag1-footerprice .p-left {
        float: none;
        display: inline-block;
        width: auto;
    }

    .box-magenta-borright .mag1-footerprice .p-right {
        float: none;
        display: inline-block;
        width: auto;
    }

    .mag1-phones .ec-mag1-promo {
        position: absolute;
        left: 30px;
        top: 10px;
    }

    .mag1-phones .ec-mag1-promo2 {
        position: absolute;
        left: 30px;
        top: 10px;
    }

    .mag1-phones .ec-mag1-promo3 {
        position: absolute;
        left: 30px;
        top: 10px;
    }
    /*.table.table-blue.pink-head tr > td.box-magenta-borright {
    display: block !important;
    width: 100%;
}*/

}




/*Magenta1 new*/
@media (max-width:1320px) {
    .one-t-dicklaimer-message {
        position: absolute;
        width: 160px;
        background-color: white;
        z-index: 3;
        bottom: 10px;
        left: auto;
        padding: 7px;
        border: 1px solid #DADADA;
        border-radius: 2px;
        font-size: 13px;
        opacity: 0;
        /* visibility: hidden; */
        -webkit-transition: all ease-in-out 0.2s;
        -moz-transition: all ease-in-out 0.2s;
        -ms-transition: all ease-in-out 0.2s;
        -o-transition: all ease-in-out 0.2s;
        transition: all ease-in-out 0.2s;
        right: 0px;
        /* top: -10px; */
        right: 0px;
        padding: 5px !important;
    }

    .magenta-one div.one-t-dicklaimer-message {
        padding: 5px !important;
    }
}

.collapse-bg-image {
    text-align: left;
    box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    border: 0 !important;
    font-weight: normal;
    font-family: tele-groteskfetregular;
    background-color: #dbecf4;
    cursor: pointer;
    color: #ffffff;
    width: 100%;
    background-size: 100%;
    background-position: 0;
}

    .collapse-bg-image p {
        background-image: url(../images/magenta1-accbg.png);
        text-shadow: none;
        background-repeat: no-repeat;
        margin: 0px;
        padding: 10px;
        font-size: 18px !important;
    }

.collapsed .collapse-bg-image p {
    background-image: none;
}

@media (max-width:370px) {
    .collapse-bg-image p {
        font-size: 15px !important;
    }
}

.collapsed .collapse-bg-image {
    background-image: url(../images/arrow_down_gray.png);
    background-color: #eee !important;
    border-bottom: 1px solid #ddd !important;
    color: #333333;
    margin-bottom: 15px;
}


.magenta1-tarifa {
    padding: 15px 0px 15px 10px;
    color: #e20074;
    border-bottom: 1px solid #eee !important;
    font-size: 18px;
}

.box-magenta-borright .mag1-footerprice {
    background-color: #f9f9f9;
    margin: 0;
    height: 115px;
}

.box-magenta-borright {
    border-bottom: 1px solid #cecece;
}

.info-text {
    color: #6C6C6C;
    font-size: 14px;
    line-height: 16px;
}

    .info-text p {
        padding: 5px 10px;
    }


@media (min-width:768px) {
    .box-magenta-borright:first-child, .box-magenta-borright:nth-child(2) {
        border-right: 1px solid #cecece;
    }
}


@media (max-width:767px) {
    .magenta-one .p-uredi-cena {
        margin: 0px auto;
        width: 100%;
        max-width: 185px;
        display: block;
        /* margin-right: 0px; */
        /* margin-left: 0; */
        position: absolute;
        bottom: 5px;
        right: 0;
    }
}


@media (max-width: 767px) {
    .table-responsive > .table.width-corr {
        width: 100% !important;
    }
}
/*Magenta1 uredi end*/

.white-box-left-m-klub-blue .black-friday-box {
    margin-bottom: 15px;
    position: relative;
}

.black-friday-box p.txt-more {
    position: absolute;
    color: #e20074;
    bottom: 0px;
    right: 20px;
}

/* Nagradna  igra START */

.white-box-left-m-klub-blue .m-width {
    width: 100%;
}


.white-box-left-m-klub-blue .m-game-tabs {
    top: -48px;
    z-index: 10;
    text-align: center;
    font-size: 17px;
    width: auto;
    display: inline-block;
    margin-left: -172px;
    position: relative;
    left: 50%;
}

.white-box-left-m-klub-blue h1.m-game-title {
    color: #e20074;
    text-transform: uppercase;
    font-size: 30px;
    margin-top: 20px;
    font-family: 'tele-groteskhalregular';
}

.white-box-left-m-klub-blue .m-game-subtitle {
    color: #e20074;
    font-size: 25px;
}

.white-box-left-m-klub-blue .m-game-subhead {
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 15px;
    font-family: 'tele-groteskhalregular';
}

.white-box-left-m-klub-blue span.m-game-subsub {
    font-size: 23px;
    color: #4b4b4b;
    font-weight: 600;
    padding-bottom: 20px;
    line-height: 22px;
    text-transform: uppercase;
}

.white-box-left-m-klub-blue span.m-game-subsub2 {
    font-size: 23px;
    color: #4b4b4b;
    font-weight: 600;
    padding-bottom: 20px;
    line-height: 22px;
}

.white-box-left-m-klub-blue .m-separator {
    border-bottom: 1px solid #a4a4a4;
    padding: 6px 0;
    width: 100%;
}

#full-wrapper .resp-tabs-list.tabs-middle {
    display: inline-block;
    width: auto;
    position: absolute;
    left: 30%;
    text-align: center;
    top: 10px;
}

.white-box-left-m-klub-blue .nagradna-igra-wrapper {
    margin-top: 45px;
}


.white-box-left-m-klub-blue .m-samgalaxy {
    display: block;
    /*padding-top: 47px;*/
}

/*.white-box-left-m-klub-blue .w100 {
    width: 100% !important;
}*/

.m-pad {
    padding: 10px 0px;
}

.white-box-left-m-klub-blue .m-pad ul li {
    display: block;
    background-image: url(../images/list-bullet.png);
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    margin-left: 15px;
}


.pt60 {
    padding-top: 60px;
}

.white-box-left-m-klub-blue .pr0dd {
    padding-right: 0px !important;
}

/*.white-box-left-m-klub-blue .samsung-container {
    height: 656px;
}*/

.white-box-left-m-klub-blue .m-tv {
    float: right;
    padding-bottom: 20px;
}

.specialbcg {
    background-image: url(../images/bgnagradna-igra.jpg) !important;
    background-size: cover;
    background-position: 50% 50%;
}

    .specialbcg .r-tabs .r-tabs-panel {
        background-color: transparent;
    }


@media only screen and (max-width:900px) and (min-width: 541px) {
    .white-box-left-m-klub-blue .m-tv {
        width: 400px !important;
    }
}

.nagradna-igra-wrapper .nagradna-igra-txt, .m-pad p, .m-pad ul li {
    font-size: 16px;
}

@media only screen and (max-width:768px) {
    .white-box-left-m-klub-blue .nagradna-igra-wrapper {
        margin-top: 0px;
    }

    .white-box-left-m-klub-blue .m-game-subhead {
        line-height: 20px;
    }
}

.table-blue .nagradna-igra-table > th {
    text-align: center;
    font-size: 18px !important;
}

.nagradna-igra-wrapper .table-blue {
    /*width: auto;*/
    height: 100%;
    min-height: 250px;
}

.nagradna-igra-wrapper .table > tbody > tr > td:first-child {
    font-family: 'tele-groteskhalregular';
}

/* Nagradna  igra END */


.btn-small-igra {
    width: 100px !important;
    padding-left: 25px !important;
}

.white-box-border-one.dimension-free h2 {
    min-height: 45px;
    font-size: 17px !important;
}

.r-tabs #groupItem1672 {
    padding: 20px 0px;
}

.lg-prices .p-left {
    width: auto;
    float: left;
}

.lg-prices .p-right {
    width: auto;
}

.white-box-max-tv.wo-popcorn {
    background-image: none;
}

.onlineDoc {
    margin: 10px 0px;
}

    .onlineDoc span {
        font-size: 13px;
        background-image: url('../images/pdf_icon.png');
        background-repeat: no-repeat;
        padding-bottom: 15px;
    }

        .onlineDoc span > a {
            margin-left: 20px;
        }


.white-box-left-m-klub-blue .mb20 {
    margin-bottom: 25px;
}

.phone-box-mb {
    height: 350px;
    text-align: center;
    padding: 15px 20px;
    background-color: transparent;
    box-shadow: none;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .phone-box-mb.borright {
        border-right: 1px solid #dedede;
    }

.p20 {
    padding: 20px;
}

.product-item.lg-phones.huawei-phones .ec-30-promo {
    position: absolute;
    left: 13%;
}

.product-item.lg-phones.huawei-phones .lg-prices .w40 {
    width: 40%;
}

.product-item.lg-phones.huawei-phones .lg-prices .w60 {
    width: 60%;
}

.product-item.huawei-phones .webshop-device-thumbnail {
    width: 300px;
}

@media (max-width: 991px) {
    .product-item.huawei-phones .ec-30-promo {
        position: absolute;
        left: 0px;
    }

    .product-item.huawei-phones .webshop-device-thumbnail {
        width: auto;
    }

    .lg-phones.huawei-phones p.disclaimer-lgphones {
        text-align: center;
    }

    .pull-right.reset, .pull-left.reset {
        float: none !important;
    }
}

.lg-phones.huawei-phones .p-uredi-cena {
    max-width: 90px;
}
/*Valentine gift websop start*/
.one-t-product-characteristics .gift-valentine {
    padding: 20px;
}

    .one-t-product-characteristics .gift-valentine h1 {
        font-size: 18px;
        color: #e20074;
        margin-bottom: 0;
        line-height: 20px;
    }

    .one-t-product-characteristics .gift-valentine h2 {
        font-size: 15px;
        color: #e20074;
        text-transform: uppercase;
        border-bottom: none;
    }

    .one-t-product-characteristics .gift-valentine img {
        margin-left: 45px;
        width: 150px;
    }

    .one-t-product-characteristics .gift-valentine p {
        text-align: left;
        line-height: 17px;
    }

.gift-valentine img {
    margin-bottom: 15px;
}

/*Valentine gift websop end*/
.info-text ul {
    padding: 5px 10px;
}

    .info-text ul > li {
        display: block;
        background-image: url(../images/list-bullet.png);
        background-position: 0 11px;
        background-repeat: no-repeat;
        padding-left: 15px;
        line-height: 145%;
        margin-bottom: 7px;
    }

.plati-onlajn-box p {
    min-height: 45px;
}

.eyecatcher.promo.valentine {
    left: 10%;
}

.eyecatcher.promo.valentinePromo {
    right: 15%;
}

.white-box.white-box-details .playComfortDiscount.valentine {
    margin-top: 0;
    line-height: 15px;
}

.white-box-left-popcorn {
    position: relative;
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    padding: 20px;
    margin-bottom: 15px;
    min-height: 247px;
    min-height: 180px\9;
    background-image: url(../images/max-tv-bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
}

    .white-box-left-popcorn h1 {
        color: #222222;
        border-bottom: 1px solid #e9e9e9;
        margin-top: 0;
        padding: 0 0 15px 0;
        color: #222222;
        border-bottom: 1px solid #e9e9e9;
        font-size: 19px;
        text-transform: uppercase;
        min-height: 50px;
        min-height: 0\9;
        font-family: tele-groteskfetregular;
    }

/*Tariff Smart table start*/
.table.table-blue.smart-table tr > th {
    background: #ededed !important;
    font-size: 20px !important;
}

table.smart-table > tbody > tr > td:first-child {
    font-family: 'tele-groteskhalregular';
}

.smart-table .p-left-smart {
    font-size: 30px;
    float: left;
    text-align: left;
    line-height: 1.2;
}

    .smart-table .p-left-smart span.price2 {
        line-height: 100%;
        color: #E20074;
        padding: 10px 0 8px;
        font-family: tele-groteskhalregular;
    }

.smart-table .p-right-smart {
    margin-left: 10px;
    float: left;
}

    .smart-table .p-right-smart span.p-currency {
        border-bottom: 0px solid #333;
    }

    .smart-table .p-right-smart span.p-rates {
        text-decoration: overline;
    }

.smart-table p.smart-tooltip {
    margin-top: 45px;
}

.table.smart-table > tbody > tr > td {
    padding: 10px 10px;
}

table.table-blue.smart-table th {
    padding: 15px 10px !important;
    border-bottom: none !important;
}

.smart-table tr.smart-none {
    cursor: pointer;
}

table.table-blue.smart-table > tbody > tr > td, table.table-blue.smart-table td + td + td {
    border-bottom: none !important;
    border-top: 0;
}

.smart-table .borderbtm {
    border-bottom: 1px solid #ddd;
}

.smart-table .borderbtm-smart {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.smart-link a {
    color: #6C6C73;
    font-size: 14px;
}

.icon-4g {
    position: relative;
}

    .icon-4g img {
        position: absolute;
        top: 0px;
        right: 15px;
    }

.help-box-gray.box-without-height {
    margin-top: 30px;
}

/*.smart-table span.smart-no {
    font-size: 17px;
}*/

.smart-table span.smart-no-color {
    color: #e20074;
    font-size: 17px;
}

.smart-table > div {
    padding: 0px 20px;
    display: block;
    position: relative;
}

    .smart-table > div .one-t-dicklaimer {
        position: relative;
    }

.smart-table p.smart-head {
    line-height: 35px;
    margin: 0;
    padding: 5px 0px;
}

.smart-table span.tariff-title {
    font-size: 50px;
}

.smart-table .smart-tarifa {
    background-color: #e0e0e0;
    font-size: 19px;
}



.smart-table .smart-pt15 {
    padding-top: 15px;
    height: 55px;
}

.smart-table .smart-padright {
    padding-right: 15px;
}
/*.smart-table .smart-pb15 {
    padding-bottom: 15px;
    
}*/

.smart-mr {
    margin-right: 10px;
}

.smart-table {
    border: 1px solid #e0e0e0;
    max-width: 250px;
    margin: 11px auto;
}

    .smart-table .smart-pb15 {
        padding: 10px 20px;
    }

    .smart-table .one-t-dicklaimer {
        position: relative;
        left: 135px;
        padding: 1px;
        line-height: 14px;
        bottom: 37px;
        width: 23px;
        height: 24px;
        background-color: transparent;
        border: none;
        margin-left: 15px;
        top: 10%;
    }

    .smart-table .smart-msg {
        padding-top: 40px;
    }

    .smart-table .one-t-dicklaimer-message {
        width: 200px;
    }

    /*.smart-table, .smart-table .smart-tarifa, .smart-table .smart-tarifa p {
        transition: all ease-in-out 0.3s;
    }*/

    .smart-table > div > img {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: 1px;
    }

    .smart-table .smart-pb15:last-child {
        margin-bottom: 10px;
    }

    .smart-table.smart-tariff-m .smart-pb15:last-child p {
        margin-bottom: 4px;
    }



    /*.smart-table:hover {
            border: 1px solid #e20074;
        }

            .smart-table:hover .smart-tarifa {
                background-color: #e20074;
            }

                .smart-table:hover .smart-tarifa p {
                    color: white;
                }*/
    .smart-table.smart-tariff-m {
        border: 3pt solid #e20074;
    }

        .smart-table.smart-tariff-m .smart-tarifa {
            background-color: #e20074;
        }

            .smart-table.smart-tariff-m .smart-tarifa p {
                color: white;
            }



.smart-text {
    padding-bottom: 20px;
}

.white-box-left-m-klub-blue:before, .white-box-left-m-klub-blue:after {
    content: '';
    clear: both;
    display: block;
}

.lg-prices .disclaimer-phones {
    font-size: 10px;
    color: gray;
    margin-top: -10px;
    text-align: left;
    position: absolute;
    bottom: -20px;
}

.product-item.lg-phones.smartphone .webshop-device-thumbnail {
    width: 218px;
}

.lg-prices .disclaimer-phones.smart-dsc {
    font-size: 12px;
}




/*Tariff Smart table start*/
.help-box-gray {
    background-color: #ededed;
    padding: 20px;
}

@media screen and (min-width:991px) and (max-width:1200px) {
    h2.text-magenta.smart-pt {
        padding-top: 50px;
    }
}



.white-box-left ul li a.mgn-strelce:after {
    color: #e20074;
}

.white-box-left-m-klub-blue .smartfon-h2 {
    font-size: 25px;
    border-bottom: none;
    margin-bottom: 0px;
    color: #333;
    padding-bottom: 0px;
    padding-top: 0px;
}

.white-box-left-m-klub-blue .smartfon-h3 {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 14px;
}

.white-box-left-m-klub-blue .google-play-icon {
    margin-top: 17px;
}

.kor-poddr .white-box-left-m-klub-blue:before, .white-box-left-m-klub-blue:after {
    display: inline;
}

.kor-poddr .white-box-left-m-klub-blue p {
    margin: 0;
}

a.recovery-deviceH:hover {
    text-decoration: none;
}

.recovery-device-box {
    position: relative;
    width: 100%;
    height: 235px;
    background-color: #F7F7F7;
}

    .recovery-device-box h2 {
        text-transform: uppercase;
        top: 0;
        padding: 20px 0;
        font-size: 15pt;
        font-family: 'tele-groteskfetregular';
        color: #E20074;
        border-bottom: 1px solid #E2E2E2;
        margin: 0 20px;
    }



    .recovery-device-box .recovery-device-p1 {
        padding: 15px 0;
        margin: 0 20px;
        color: #333;
    }


    .recovery-device-box .recovery-device-p2 {
        position: absolute;
        margin-left: 70px;
        bottom: 0px;
    }

a:focus.recovery-deviceH {
    text-decoration: none;
}

.white-box .tmstore-contact img {
    margin-left: 44px;
    margin-bottom: 20px;
}

.white-box .tmstore-contact h1 {
    color: #e20074;
    font-size: 22px;
    line-height: 18px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 15px;
}



a.dark-gray-link {
    text-transform: uppercase;
    color: #333 !important;
    padding: 15px 10px;
    position: relative;
    background-color: #e8e8e8;
    display: block;
    width: 100%;
    background-image: url(../content/images/dark-gray-arrow-right.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-position: right 15px center;
    text-decoration: none;
}

.e-bill-signup {
    width: 100%;
    height: 100%;
}

    .e-bill-signup iframe {
        width: 100%;
        height: 1400px;
        border: 0px !important;
        overflow: visible;
    }

a.third.btn.btn-magen.left.grey {
    background: #D8D8D8;
    background: -moz-linear-gradient(top, #D8D8D8 0, #C3C3C3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#D8D8D8), color-stop(100%,#C3C3C3));
    background: -webkit-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: -o-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: -ms-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: linear-gradient(to bottom, #D8D8D8 0,#D4D4D4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8D8D8', endColorstr='#C3C3C3',GradientType=0 );
    color: #333;
}

.btn-magen.btn-small-igra.greybtn {
    background: #D8D8D8;
    background: -moz-linear-gradient(top, #D8D8D8 0, #C3C3C3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#D8D8D8), color-stop(100%,#C3C3C3));
    background: -webkit-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: -o-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: -ms-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: linear-gradient(to bottom, #D8D8D8 0,#D4D4D4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8D8D8', endColorstr='#C3C3C3',GradientType=0 );
    color: #333;
    left: 10px;
    width: 80px !important;
    padding-left: 17px !important;
}

.discl-note {
    display: block;
    line-height: 15px;
    margin-top: -10px;
    margin-bottom: 10px;
    font-size: 12px;
}

.pickupcontactphone {
    display: block;
    line-height: 10px;
    font-size: 12px;
}

.mt5 {
    margin-top: 5px;
}

@media (max-width: 767px) {
    .discl-note {
        display: inline-block;
        line-height: 12px;
    }
}


/*.white-box-left-m-klub-blue ul li {
    display: block;
    background-image: url(../images/list-bullet.png);
    background-position: 0 6px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    margin-left: 15px;
}*/

.white-border.bigger p.officecall-txt {
    margin-bottom: 25px;
    margin-top: 25px;
}

.magenta-one.office-call .gray-border.smaller {
    height: 60px;
}

.magenta-one.office-call ul li {
    margin-left: 0px;
}

.magenta-one.office-call .p-uredi-cena {
    margin-left: 0% !important;
    right: 0px !important;
    max-width: 180px !important;
    position: relative;
    float: right;
}

.magenta-one.office-call .magenta-one-footer > div {
    padding: 5px !important;
}

@media (max-width: 767px) {

    .magenta-one.office-call .p-uredi-cena {
        max-width: 170px !important;
    }

    .magenta-one.office-call .magenta-one-footer > div {
        padding: 10px !important;
    }
}

@media (max-width: 374px) {

    .magenta-one.office-call .p-uredi-cena.cena-siva {
        max-width: 125px !important;
    }

    .magenta-one.office-call .p-uredi-cena {
        max-width: 160px !important;
    }
}



.magenta-one.office-call .p-uredi-cena.cena-siva span.price2,
.magenta-one.office-call .p-uredi-cena.cena-siva span.p-currency {
    color: #6b6b6b;
}


.magenta-one.office-call .p-uredi-cena .p-currency {
    position: relative !important;
    top: auto !important;
    border-bottom: 1px solid #e20074 !important;
}

.magenta-one.office-call .p-uredi-cena.cena-siva span.price2 {
    font-size: 23px;
}

.magenta-one.office-call .p-uredi-cena.cena-siva .p-currency {
    border-bottom: 0px solid #6b6b6b !important;
    padding-top: 7px;
}


.magenta-one.office-call .one-t-dicklaimer {
    margin-right: -10px;
    margin-top: -7px;
}

.magenta-one.office-call .p-currency {
    position: absolute;
    top: 25px;
    border-bottom: none;
}

.magenta-one.office-call .one-t-dicklaimer {
    position: absolute;
    top: auto;
    left: auto;
    right: 15px;
    bottom: auto;
    top: 25px;
    padding-left: 0px;
    margin-left: 0px;
}

    .magenta-one.office-call .one-t-dicklaimer p {
        padding: 5px;
    }

    .magenta-one.office-call .one-t-dicklaimer .one-t-dicklaimer-message.officecall-disc {
        bottom: -30px;
        left: -150px;
    }

    .magenta-one.office-call .one-t-dicklaimer:hover .one-t-dicklaimer-message.officecall-disc {
        bottom: -30px;
        left: -150px;
    }

.office-new-pack {
    position: relative;
}

    .office-new-pack .ec {
        position: absolute;
        right: -10px;
        top: -150px;
        width: 110px;
    }

    .office-new-pack .one-t-dicklaimer .one-t-dicklaimer-message {
        bottom: -30px;
        left: -60px;
    }

    .office-new-pack .p-uredi-cena .smaller-cena {
        font-size: 23px;
    }

    .office-new-pack .price2 {
        font-size: 26px;
        padding-right: 5px;
    }



h3.officecall-h3 {
    font-size: 20px;
}

h1.officecall-h1 {
    text-transform: none;
    font-size: 28px;
}

.office-new-pack .mgn-business h1 {
    font-size: 26px;
}

/*.office-new-pack .p-currency {
    position: absolute;
    top: 15px;
    border-bottom: none;
}*/

.office-new-pack .one-t-dicklaimer {
    top: 15px;
}

    .office-new-pack .one-t-dicklaimer p {
        padding: 5px;
    }

.office-new-pack .one-t-dicklaimer {
    right: -15px;
    top: 5px;
}

.office-new-pack p.officecall-txt {
    margin-bottom: 25px;
    margin-top: 25px;
}

.office-new-pack ul li {
    margin-left: 0px;
}


.office-new-pack .p-currency2 {
    max-width: 54px;
    text-transform: uppercase;
    display: block;
    border-bottom: none;
    font-family: 'tele-groteskhalregular';
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    margin: 0 auto;
    padding-top: 5px;
    color: #6b6b6b;
}

a.mceItemAnchor.maxsport-bullet:before {
    content: "";
    display: inline-block;
    height: auto;
    margin: auto;
}

.office-new-pack .ip-centrex .p-currency2 {
    border-bottom: 1px solid #6b6b6b;
}

.gray-border.smaller.magenta-one-footer.ip-centrex .p-left {
    width: 65%;
}

.gray-border.smaller.magenta-one-footer.ip-centrex .p-right {
    width: 35%;
}

@media (max-width: 320px) {
    .office-new-pack .price2 {
        font-size: 23px;
        padding-right: 5px;
    }

    .magenta-one-footer.ip-centrex .p-currency {
        font-size: 9px;
        line-height: 10px;
    }

    .magenta-one-footer.ip-centrex .p-rates {
        font-size: 9px;
    }

    .office-new-pack .p-uredi-cena .smaller-cena {
        font-size: 20px;
    }


    .office-new-pack .magenta-one-footer > div .p-uredi-cena .p-right {
        width: 45px;
    }
}

@media (min-width: 768px) and (max-width:991px) {

    .office-new-pack .magenta-one-footer > div .p-uredi-cena .p-right {
        width: 50%;
    }

    .office-new-pack .magenta-one-footer .price2 {
        font-size: 20px;
    }

    .office-new-pack .magenta-one-footer .p-currency {
        font-size: 9px;
        line-height: 10px;
    }

    .office-new-pack .magenta-one-footer .p-rates {
        font-size: 9px;
        line-height: 10px;
    }

    .office-new-pack .magenta-one-footer .price2 {
        font-size: 19px;
    }

    .office-new-pack .magenta-one-footer .p-currency2 {
        font-size: 9px;
        padding-left: 5px;
    }
}

/*.korisnichka .white-box-left-m-klub-blue ul li {
    display: block;
    background-image: none;
    background-position: 0 6px;
    background-repeat: no-repeat;
    padding-left: 0px;
    line-height: 0;
    margin-bottom: 0px;
    margin-left: 0px;
}

.mob-net-tabs ul li {
    display: block;
    background-image: none;
    background-position: 0px;
    background-repeat: no-repeat;
    padding-left: 0px;
    line-height: 0;
    margin-bottom: 0px;
    margin-left: 0px;
}*/

ul.ip-centrex-bullets li {
    display: block;
    background-image: url(../images/list-bullet.png);
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    margin-left: 15px;
}

.magentatv-banner {
    margin-bottom: 15px;
}

.image-box a.btn-magen.btn-small-igra-sq {
    padding: 5px 20px;
}

.lng-dropdown {
    position: relative;
}

    .lng-dropdown #tools-private {
        position: absolute;
        top: 10px;
        left: -10px;
    }

#tools-private-mob {
    position: absolute;
    top: 0;
    right: 135px;
}

/*@media screen and (min-width:769px) and (max-width:1200px) {
    #tools-private {
        left: -28px !important;
    }
}*/

.btn-magen.btn-small-igra.greybtn.greybtn-sq {
    width: 100px !important;
    padding: 5px 20px;
}


/*SPECIALFEATURES ACER JADE Z START*/

.one-t-product-characteristics-wrapper .paket-cena-promo {
    position: relative;
}

    .one-t-product-characteristics-wrapper .paket-cena-promo p {
        width: 220px;
        margin-left: 30px;
        margin-top: 0px;
        position: absolute;
        bottom: -45px;
    }
/*SPECIALFEATURES ACER JADE Z END*/


/*Nagradna igra za Magenta 1 start */

.white-box-left-m-klub-blue h1.m-game-title-magenta {
    color: #383838;
    font-size: 26px;
    text-align: center;
    margin-top: 30px;
}

.nagradna-igra-wrapper .padbtm {
    padding-bottom: 40px;
}

.btn-magen.btn-small-igra-grey {
    background: linear-gradient(to bottom, #D8D8D8 0,#D4D4D4 100%);
    color: #333;
}

.white-box-left-m-klub-blue .btn-evropsko-banner {
    position: relative;
}

    .white-box-left-m-klub-blue .btn-evropsko-banner p > a {
        position: absolute;
        bottom: 15px;
        left: 25px;
    }

@media (min-width: 768px) and (max-width:991px) {
    .white-box-left-m-klub-blue .btn-evropsko-banner p > a {
        left: 18px;
        bottom: 8px;
    }
}
/*Nagradna igra za Magenta 1 end */

/*Baneri za Magenta 1 start*/
#mag1-banners-hover > div {
    position: relative;
}

    #mag1-banners-hover > div:hover img:last-child {
        opacity: 1;
    }

    #mag1-banners-hover > div img:last-child {
        position: absolute;
        top: 0px;
        left: 0px;
        opacity: 0;
        transition: all ease-in-out 0.3s;
    }

#mag1-banners-hover > div {
    float: left;
    width: 33.33333333333333%;
}

/*Baneri za Magenta 1 end*/

.outer-content .accordionz .r-tabs-panel h1.travelsurf-title {
    color: #e20074;
    border-bottom: none;
    font-size: 27px;
}

table.travelsurf-table > tbody > tr > td:first-child {
    font-family: 'tele-groteskhalregular';
}

.carousel-inner.smartphone-gallery img {
    width: 100%;
}


.navbar-default .navbar-nav > li.tv:hover > .dropdown-menu > li.mobile-maxtv {
    display: none;
}

.navbar-default .navbar-nav > li.tv:hover > .dropdown-menu > li.webmax-tv {
    display: none;
}

#football-mania {
    margin-bottom: 50px;
}

    #football-mania h2 {
        margin-top: 30px;
        font-size: 36px;
        color: #e20074;
        border-bottom: 1px solid #dadada;
        padding-bottom: 10px;
        text-align: center;
    }

#questions-maxtvgo p {
    padding-left: 40px;
}

#questions-maxtvgo ul {
    padding-left: 25px;
}

#back-icon p {
    position: relative;
    float: right;
}

#back-icon span {
    font-size: 15px;
}

.fudbalsko-info {
    padding-left: 30px;
}

@media (max-width: 767px) {

    .office-new-pack .ec {
        top: -175px;
        width: 100px;
    }

    .fudbalsko-info {
        padding-top: 0px;
        padding-left: 30px;
    }

    .one-t-product-characteristics-wrapper .paket-cena-promo {
        margin-top: 55px;
    }
}

.ec-smart {
    position: absolute;
    right: 0;
    margin-right: 5px;
    margin-top: 20px;
}

@media (max-width:767px) {
    .logged {
        display: block;
        height: 50px;
    }
}

#ns-header .minheight {
    min-height: 42px;
}

#ns-header .rightpos {
    position: absolute;
    right: -133px;
}




/*#region kaspersky boxes*/
#kaspersky-boxes ul {
    text-align: left;
}

    #kaspersky-boxes ul li {
        display: block;
        background-image: url(../images/list-bullet.png);
        background-position: 0 11px;
        background-repeat: no-repeat;
        padding-left: 15px;
        color: #494949;
    }
/*#region kaspersky boxes*/
/*#kaspersky-boxes ul {
    text-align: left;
}

    #kaspersky-boxes ul li {
        display: block;
        background-image: url(../images/list-bullet.png);
        background-position: 0 8px;
        background-repeat: no-repeat;
        padding-left: 15px;
        color: #494949;
    }*/

.white-box.komunikacija-item .ksk-catcher {
    position: absolute;
    right: -25px;
    top: -20px;
}


@media (max-width:767px) {
    #ns-header .rightpos {
        position: absolute;
        right: -52px;
    }

    .white-box.komunikacija-item .ksk-catcher {
        position: absolute;
        right: 20px;
        top: 0;
    }
}

@media(max-width:991px) and (min-width:768px) {
    .white-box.komunikacija-item {
        margin-top: 65px;
    }

        .white-box.komunikacija-item .ksk-catcher {
            position: absolute;
            right: 0px;
            top: -50px;
            width: 80px;
        }
}
/*#endregion kaspersky boxes*/



#bts h4 {
    font-family: 'teleNeo-regular';
    padding: 0px 20px;
    color: #e20074;
    margin-top: 20px;
}

/*#region office-complete*/


#office-pack-new-2016 .one-t-dicklaimer {
    top: 9px;
}

#office-pack-new-2016 .p-currency2 {
    padding-top: 9px;
}

#office-complete-box-new {
    position: relative;
}

.office-magenta-box-new {
    position: absolute;
    background: transparent;
    height: 89px;
    bottom: 93px;
    border: 2px solid #e20074;
    width: 100%;
    z-index: 1;
}

.office-right-box-new {
    z-index: 10;
}

@media (max-width: 320px) {

    #office-pack-new-2016 .magenta-one-footer > div .p-uredi-cena .p-right {
        width: 50% !important;
    }
}


@media (max-width: 767px) {

    #office-pack-new-2016 .magenta-one-footer > div .p-uredi-cena-magenta-new .p-right {
        width: 46% !important;
    }
}

/*#endregion office-complete*/

/*#region webshop landing*/
.breadZ h2 {
    font-size: 15px;
    text-transform: inherit;
    margin: 0;
    /*color: #e20074;*/
    color: #383838;
    font-family: 'teleNeo-bold' !important;
    margin-top: 5px;
    display: inline-block;
}

#webshop-landing .white-box-landing {
    border: 1px solid #e0e0e0;
    padding: 20px;
    /*display: table;*/
    width: 100%;
    position: relative;
    margin-bottom: 14px;
}

    #webshop-landing .white-box-landing h2 {
        font-size: 21px;
        padding-right: 24px;
        text-align: left;
    }

#webshop-landing .landing-left-box-img {
    display: table-cell;
    width: 30%;
    vertical-align: middle;
}

#webshop-landing .webshop-kosnicka {
    font-family: 'teleicon-outline';
    font-size: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    color: #e20074;
    line-height: 1;
}

#webshop-landing .iphone.white-box-landing {
    background: #e20074;
    color: white;
    border: none !important;
    position: relative;
    text-align: right;
    font-size: 22px;
    margin: 0;
    padding: 10px 20px;
    margin-bottom: 15px;
    text-decoration: none;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.22);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.22);
}

#webshop-landing .banner-landing-promo {
    margin-bottom: 14px;
}

#webshop-landing .osigutuvanjeUrediLanding {
    margin: 14px 0 28px;
}

#webshop-landing a:hover {
    text-decoration: none !important;
}

#webshop-landing .iphone.white-box-landing img {
    position: absolute;
    bottom: 0;
    left: 5%;
}


#webshop-landing .white-box-landing-right {
    display: table-cell;
    width: 71%;
    vertical-align: top;
    padding-left: 15px;
    height: 134px;
}

#webshop-landing .white-box-landing a {
    color: #383838;
    margin: 3px 0;
    display: block;
}

    #webshop-landing .white-box-landing a span {
        padding-left: 3px;
    }

    #webshop-landing .white-box-landing a:hover {
        text-decoration: none;
        color: #00a0de;
    }

#webshop-landing .landing-left-box-img img {
    max-width: 130px;
}


#webshop-landing .landing-left-box-txt {
    display: table-cell;
    vertical-align: top;
}

#webshop-landing .landing-right-box-txt {
    display: table-cell;
    vertical-align: top;
    padding-left: 40px;
}

#webshop-landing .landing-text-box {
    margin-top: 5px;
}

#webshop-landing .uredi-bela-tehnika-wraper li {
    display: inline-block;
    float: left;
    width: 50%;
}

@media (max-width: 495px) {
    #webshop-landing .uredi-bela-tehnika-wraper li {
        width: 100%;
    }
}

@media (min-width: 768px) {
    #webshop-landing .pr7-ws {
        padding-right: 7px;
    }

    #webshop-landing .pl7-ws {
        padding-left: 7px;
    }
}


#webshop-landing .webshop-banner-landing {
    padding-bottom: 100px;
}

#webshop-landing .webshop-text-box {
    display: table-cell;
    width: 100%;
    height: 125px;
}


@media (min-width: 768px) and (max-width: 991px) {

    #webshop-landing .iphone.white-box-landing {
        text-align: left;
    }

    .pr0-small {
        padding-right: 0 !important;
    }

    #webshop-landing .iphone.white-box-landing img {
        display: none;
    }

    #webshop-landing .mobile-and-tablets {
        background-position: right 15px top 25px;
    }

    #webshop-landing .white-box-landing h2 {
        height: 50px;
    }

    #webshop-landing .white-box-landing-right {
        height: 182px;
    }

    #webshop-landing .webshop-text-box {
        height: 144px;
    }

    #webshop-landing .landing-left-box-txt {
        width: 50%;
        padding-right: 0px;
    }

    #webshop-landing .landing-right-box-txt {
        padding-left: 10px;
        width: 50%;
    }
}


@media (max-width: 767px) {

    #webshop-landing .iphone.white-box-landing {
        font-size: 21px;
    }

    .wl-prl0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    #webshop-landing .landing-left-box-img img {
        max-width: 100px;
    }

    #webshop-landing .landing-left-box-img {
        width: 25%;
    }

    #webshop-landing .white-box-landing-right {
        width: 75%;
        height: auto;
    }

    #webshop-landing .webshop-text-box {
        height: auto;
    }

    #webshop-landing .landing-left-box-txt {
        width: 50%;
        padding-right: 10px;
    }

    #webshop-landing .landing-right-box-txt {
        padding-left: 10px;
        width: 50%;
    }

    #webshop-landing .mobile-and-tablets.white-box-landing {
        margin-top: 0px;
    }

    #webshop-landing .white-box-landing > img {
        right: 15px;
    }

    #webshop-landing .webshop-banner-landing {
        padding-bottom: 55px;
    }
}

@media (max-width: 374px) {

    #webshop-landing .iphone.white-box-landing {
        font-size: 20px;
    }

    #webshop-landing .mobile-and-tablets {
        background-position: right 15px top 15px;
    }

    #webshop-landing .landing-left-box-txt {
        width: 50%;
        padding-right: 0px;
    }

    #webshop-landing .landing-left-box-img {
        width: 0;
        display: none;
    }

    #webshop-landing .white-box-landing-right {
        padding-left: 0px;
        width: 100%;
    }

    #webshop-landing .white-box-landing > img {
        right: 10px;
    }
}

/*#endregion webshop landing*/

/*#region webshop nov broj landing*/
#nov-broj-wshop * {
    color: #383838;
}

#nov-broj-wshop h2 {
    font-size: 21px;
    text-align: left;
}

#nov-broj-wshop p {
    font-size: 16px;
    color: #4a4b4c;
    opacity: 0.75;
}

#nov-broj-wshop .cardImgContainer {
    width: 30%;
    padding: 15px 0px !important;
    vertical-align: top !important;
}

    #nov-broj-wshop .cardImgContainer.imgCard {
        background-image: url(../images/sim-card-wshop.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

#nov-broj-wshop .card-net-sms {
    width: 35%;
}

#nov-broj-wshop .sms, #nov-broj-wshop .cardImgContainer {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0px 15px;
}

#nov-broj-wshop #godisna-karticka, #nov-broj-wshop #priceCard {
    display: table;
    margin-top: 14px;
    width: 100%;
}

#nov-broj-wshop .sms h1 {
    color: #e20074;
    margin: 0px;
    padding: 0px;
    margin-top: 7px !important;
}

#nov-broj-wshop .sms {
    text-align: center;
    padding-bottom: 10px;
}

#nov-broj-wshop .card-net-sms.last-part .sms {
    position: relative;
}

#nov-broj-wshop .sms {
    padding-bottom: 10px;
    display: block;
}

    #nov-broj-wshop .sms img {
        height: 36px;
    }

#nov-broj-wshop .last-part.sms:after {
    content: '';
    display: block;
    width: 1px;
    height: 90%;
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    background-color: black;
    opacity: 0.12;
}

@media(max-width: 767px) {
    #nov-broj-wshop .cardImgContainer {
        display: block;
        width: 100%;
        background-image: none !important;
        padding: 0px;
    }

    #nov-broj-wshop .card-net-sms.last-part .sms:after {
        display: none;
    }

    #nov-broj-wshop .cardImgContainer img {
        margin: auto;
    }

    #nov-broj-wshop .last-part.sms:after {
        display: none;
    }
}

.bannerLandingNewWebshop {
    margin-bottom: 14px;
}

/*#endregion webshop nov broj landing*/


/*#region webshopdevicelist mobile*/
@media(max-width:495px) {
    #webshop-landing .kompjuterska_oprema .landing-left-box-txt, #webshop-landing .kompjuterska_oprema .landing-right-box-txt, #webshop-landing .landing-right-box-txt {
        width: 100%;
        display: block;
        padding-left: 0px;
    }

    #webshop-landing .kompjuterska_oprema .landing-left-box-img {
        width: auto;
    }
}
/*#endregion webshopdevicelist mobile*/
.mobile-and-tablets {
    background-image: url(../images/kosnicka_black.png);
    background-repeat: no-repeat;
    background-position: right 30px top 30px;
}

#webshop-landing .kompjuterska_oprema .landing-left-box-img {
    width: 32%;
}

#webshop-landing .kompjuterska_oprema > .white-box-landing-right.landing-text-box {
    width: 81%;
}


/*#region odbor na direktori simona*/

#odbor-na-direktori .content, #izvestai-za-kvalitet .content, #usoglasenost .content, #kodeks .content {
    margin-top: 100px;
    font-size: 18px;
    padding-bottom: 50px;
}


    #odbor-na-direktori .content ul li, #usoglasenost .elementi ul li {
        display: block;
        background: url(../images/list-bullet.png) 0 11px no-repeat;
        padding-left: 15px;
        line-height: 1.2;
        margin-bottom: 15px;
        margin-left: 15px;
    }

    #odbor-na-direktori .content ul ul {
        padding-left: 20px;
        margin-bottom: 25px;
    }

        #odbor-na-direktori .content ul ul li {
            margin-bottom: 10px;
        }

    #odbor-na-direktori .content p,
    #odbor-na-direktori .content ul li {
        font-size: 18px;
        line-height: 1.2;
    }

    #odbor-na-direktori .content .mb-25 {
        margin-bottom: 25px;
    }

    #odbor-na-direktori .content .mt-25 {
        margin-top: 25px;
    }

#odbor-na-direktori .main-banner {
    background-image: url(../content/images/board-of-directors.png);
}

#izvestai-za-kvalitet .main-banner, #objavi .main-banner {
    background-image: url(../content/images/quality.png);
}

#usoglasenost .main-banner {
    background-image: url(../content/images/usoglasenost.png);
}

#odbor-na-direktori ol {
    padding-left: 15px;
}

    #odbor-na-direktori ol li {
        padding: 10px;
        line-height: 1;
    }



#odbor-na-direktori ol {
    list-style-type: none;
}

    #odbor-na-direktori ol.count {
        list-style: none;
        counter-reset: li 7;
    }

    #odbor-na-direktori ol li {
        counter-increment: li;
        font-size: 19px;
    }



        #odbor-na-direktori ol li::before {
            content: counter(li) ". ";
            color: #E20074;
            display: inline-block;
            width: 1em;
            margin-left: -1em;
            position: relative;
            left: -7px;
            font-weight: bold;
        }

        #odbor-na-direktori ol li span {
            color: #767676;
        }

#izvestai-za-kvalitet h2 {
    margin: 40px 0;
}

#izvestai-za-kvalitet .quality-box, #kodeks .quality-box {
    box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.07);
    position: relative;
    margin: 30px 0;
    transition: ease-in-out 500ms;
}

    #izvestai-za-kvalitet .quality-box:hover {
        box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.10);
    }

    #izvestai-za-kvalitet .quality-box a, #kodeks .quality-box a {
        padding: 30px;
        display: block;
        width: 100%;
        color: #202020;
        padding-top: 40px;
    }

    #kodeks .quality-box a {
        padding-left: 70px;
    }

        #kodeks .quality-box a:before {
            content: '';
            position: absolute;
            top: 0px;
            width: 100px;
            height: 100px;
            background-image: url(../content/images/link-magenta.png);
            background-repeat: no-repeat;
            background-position: center;
            left: -10px;
        }

        #izvestai-za-kvalitet .quality-box a:hover, #kodeks .quality-box a:hover {
            color: #202020;
            text-decoration: underline !important;
        }

        #izvestai-za-kvalitet .quality-box a :focus, #kodeks .quality-box a :focus {
            text-decoration: none;
            color: #202020;
        }

    #izvestai-za-kvalitet .quality-box .info-quartal {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 15px;
        background-color: #E20074;
        color: white;
        padding: 5px 10px;
    }

        #izvestai-za-kvalitet .quality-box .info-quartal span {
            padding: 0 6px;
        }

            #izvestai-za-kvalitet .quality-box .info-quartal span + span {
                border-left: 1px solid rgba(255, 255, 255, 0.7);
            }

    #izvestai-za-kvalitet .quality-box a {
        display: block;
        width: 100%;
        font-family: 'teleNeo-medium' !important;
    }

        #izvestai-za-kvalitet .quality-box a:after {
            content: " (.pdf)";
            height: 50px;
            width: 50px;
            font-size: 14px;
            opacity: 0.7;
        }

.opasity07 {
    opacity: 0.7;
}

#izvestai-za-kvalitet .quality-box .info-quartal .info-year {
    border-right: none !important;
    padding: 0 22px;
}

#izvestai-za-kvalitet a.moreless-button {
    margin: 0 auto;
    position: relative;
    padding: 8px 10px;
    border: 0;
    width: 100px;
    display: block;
    font-family: 'teleNeo-medium' !important;
    font-size: 18px;
}

@media (max-width:767px) {
    #izvestai-za-kvalitet .content, #kodeks .content {
        margin-top: 50px;
    }

    #kodeks h1 {
        font-size: 25px;
    }
}

@media (max-width: 991px) {
    #izvestai-za-kvalitet h2 {
        font-size: 24px;
    }

    #izvestai-za-kvalitet .quality-box a {
        padding-top: 50px;
    }
}

@media (max-width: 767px) {
    #odbor-na-direktori ol {
        margin: 0;
    }
}
/*#endregion odbor na direktori simona*/

/*Usoglasenost Simona*/

#usoglasenost .main-banner {
    margin-bottom: 0;
}

#usoglasenost .img {
    width: 100%;
    text-align: center;
    position: relative;
}

    #usoglasenost .img img {
        width: auto;
        margin: 20px auto;
    }

#usoglasenost .usoglasenost-img-box {
    background-image: url(../content/images/Nikola-Ljusev_Telekom.png);
    height: 330px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px;
    width: 100%;
    position: relative;
}

    #usoglasenost .usoglasenost-img-box .text {
        position: absolute;
        bottom: 10px;
        color: white;
        z-index: 1;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 0 10px;
    }

        #usoglasenost .usoglasenost-img-box .text p, #usoglasenost .usoglasenost-img-box .text h3 {
            margin: 0;
        }

    #usoglasenost .usoglasenost-img-box:after {
        content: '';
        position: absolute;
        bottom: 0;
        height: 50px;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.44), transparent);
        width: 100%;
        z-index: 0;
    }


#usoglasenost .shadow {
    box-shadow: 0px 12px 40px 0px rgba(0, 0, 0, 0.07);
    padding-top: 50px;
}

#usoglasenost .elementi ul {
    margin-bottom: 20px;
}

#usoglasenost .elementi img {
    margin: 20px auto;
    display: block;
}

#usoglasenost h2, #izvestai-za-kvalitet .content h2 {
    color: #E20074;
    margin: 50px 0px 30px 0px;
    text-transform: uppercase;
    font-family: 'teleNeo-bold' !important;
    padding-top: 50px;
}

#usoglasenost .merki .content, #usoglasenost .elementi .content {
    margin-top: 0px;
}

#usoglasenost .elementi, #usoglasenost .merki {
    background: linear-gradient(180deg, rgba(236,236,236,0.3) 0%, rgba(236,236,236,0.03) 35%, rgba(255,255,255,1) 100%);
}

#usoglasenost .white-box {
    padding: 30px;
    box-shadow: 0px 12px 40px rgba(0, 0, 0,0.07);
    -webkit-box-shadow: 0px 12px 40px rgba(0, 0, 0,0.07);
    min-height: 300px;
}

    #usoglasenost .white-box span {
        color: #e20074;
        font-weight: 600;
    }

    #usoglasenost .white-box p {
        line-height: 1.2;
    }

#usoglasenost .white-box1 {
    min-height: 100%;
    margin-bottom: 40px;
}

#usoglasenost .bioimg img {
    max-height: 400px;
    float: left;
    margin: 0 60px 20px 0;
    background: #fff;
}

#usoglasenost .name {
    padding: 20px 0;
}

    #usoglasenost .name h3 {
        margin: 0;
        font-weight: 600;
    }

    #usoglasenost .name p {
        color: #767676;
        margin: 0;
        font-size: 20px;
    }

@media (max-width: 991px) {
    #usoglasenost .main-banner {
        background-position: 20%;
    }

    #izvestai-za-kvalitet h2, #usoglasenost h2 {
        font-size: 24px;
    }

    #izvestai-za-kvalitet .content {
        font-size: 16px;
    }

    #izvestai-za-kvalitet .quality-box a {
        padding-top: 40px;
    }
}



@media (max-width: 767px) {
    #izvestai-za-kvalitet .main-banner, #kodeks .main-banner {
        background-size: cover !important;
        margin-bottom: 10px !important;
        padding: 6%;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        background-position: 80%;
    }

    #izvestai-za-kvalitet .main-banner {
        background-position: center;
    }

    #izvestai-za-kvalitet h1 {
        font-size: 30px;
    }

    #usoglasenost .content {
        margin-top: 50px;
    }

    #usoglasenost .bioimg img {
        float: unset;
        display: block;
        margin: 0 auto;
    }

    #usoglasenost .name {
        text-align: center;
    }

    #usoglasenost .elementi ul {
        margin-bottom: 0px;
    }

    #odbor-na-direktori ol {
        margin: 0;
    }

    #izvestai-za-kvalitet h2, #usoglasenost h2 {
        font-size: 21px;
    }
}

#einvoice .main-banner {
    background-size: cover;
    height: 500px;
    background-repeat: no-repeat;
    margin-bottom: 50px;
    background-image: url(../content/images/envoice/envoice-bg-banner.jpg);
    background-position: center;
}

    #einvoice .main-banner:before {
        background-image: url('../content/images/envoice/shape.png');
        content: '';
        width: 40%;
        height: 100%;
        background-size: contain;
        background-position: left bottom;
    }

#einvoice div.ict-integrated .main-banner:before {
    display: none;
}

#einvoice p {
    font-size: 18px;
}

#einvoice .main-banner .einvoice-title {
    color: white;
    padding: 0px 90px 40px 0px;
    width: 40%;
}

    #einvoice .main-banner .einvoice-title h1 {
        font-weight: 600;
        font-size: 48px;
        line-height: 1.1;
        color: white;
    }

    #einvoice .main-banner .einvoice-title p {
        font-size: 26px;
        line-height: 1.2;
        padding: 0px 50px 10px 0px;
    }

#einvoice .wrapper {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
}

    #einvoice .wrapper > div {
        width: 50%;
    }

#einvoice .main-banner .einvoice-img {
    background-image: url(../content/images/envoice/Shape-banner.png);
    background-size: contain;
    height: 100%;
    background-repeat: no-repeat;
    position: relative;
    width: 50%;
    background-position: top center;
}

    #einvoice .main-banner .einvoice-img img {
        height: 140px;
        margin-top: 50px;
    }

#einvoice h2 {
    position: relative;
    width: 520px;
    text-align: center;
    margin: 0 auto 30px auto;
    background-color: black;
    color: white;
    text-transform: uppercase;
    font-size: 40px;
    padding: 20px;
    transform: skew(30deg);
    bottom: 20px;
    margin-top: 100px;
}

    #einvoice h2 span {
        transform: skew(-30deg) !important;
        font-family: 'teleNeo-extra' !important;
        position: relative;
        transform: skewX( 25deg );
        position: relative;
        display: block;
        font-family: 'teleNeo-extra' !important;
    }


#einvoice .einvoice-tabs, #cisco .einvoice-tabs {
    box-shadow: 0px 30px 136px rgba(0, 0, 0, 0.1);
    margin-top: 100px;
    padding: 80px 0;
    min-height: inherit;
    z-index: 10;
    background-color: white;
    border-radius: 5px;
}

    #einvoice .einvoice-tabs ul li.active, #cisco .einvoice-tabs ul li.active {
        box-shadow: 0 0 35px 7px rgba(0, 0, 0, 0.12) !important;
    }

    #einvoice .einvoice-tabs #tab-3 > div {
        display: flex;
    }

#einvoice ul li, #cisco .tabs ul li {
    margin: 0 10px;
    background-color: #efeff3 !important;
    box-shadow: none !important;
    min-height: 100px;
}

#einvoice .last-sec ul li, #cisco .last-sec .tabs ul li {
    min-height: 80px;
}

#einvoice ul li.active, #cisco ul li.active {
    background-color: white !important;
}

#einvoice .einvoice-tabs h4 {
    font-weight: 600;
    padding: 20px;
}

#einvoice .box {
    width: 20%;
    padding: 20px;
}


#einvoice .e-invoice-specifikacija {
    background-image: url(../content/images/envoice/e-invoice-section3-bg.png);
    background-position: center;
    background-size: cover;
    background-color: transparent !important;
    height: auto;
    width: 100%;
    padding: 100px 0 !important;
    position: relative;
    margin-top: -50px;
}

    #einvoice .e-invoice-specifikacija h2 {
        transform: skew(0deg) !important;
        background-color: transparent !important;
        bottom: 0;
        margin: 0 auto 10px auto;
    }

    #einvoice .e-invoice-specifikacija .ceni-specifikacija {
        padding: 0;
    }

        #einvoice .e-invoice-specifikacija .ceni-specifikacija ul li {
            background-color: transparent !important;
            color: rgba(255, 255, 255, 0.5);
        }

            #einvoice .e-invoice-specifikacija .ceni-specifikacija ul li.active {
                background-color: transparent !important;
                color: rgba(255, 255, 255, 1);
            }

    #einvoice .e-invoice-specifikacija h3 {
        font-size: 26px;
        font-weight: 600;
    }

    #einvoice .e-invoice-specifikacija .column {
        width: 25%;
        margin: 30px 15px;
    }

    #einvoice .e-invoice-specifikacija .column-inner {
        border-radius: 10px;
        min-height: 520px;
        padding: 10px 30px;
    }

        #einvoice .e-invoice-specifikacija .column-inner ul {
            text-align: left;
        }

            #einvoice .e-invoice-specifikacija .column-inner ul li:before {
                content: "-";
                padding-right: 10px;
                color: #e20074;
                height: 10px;
                width: 10px;
            }

    #einvoice .e-invoice-specifikacija .wrap-class {
        background-color: transparent;
        bottom: 20px;
    }

#einvoice .last-sec .wrapper {
    position: relative;
    padding-top: 60px;
    box-shadow: 0 3px 46px rgba(0, 0, 0, .14);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    padding-top: 25px;
    height: auto;
    margin-top: 80px;
    margin-bottom: 80px;
    min-height: 350px;
    display: block;
}

    #einvoice .last-sec .wrapper .nav, #cisco .last-sec .wrapper .nav {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        margin: 10px auto;
    }

#einvoice .last-sec .dc-tab_container, #cisco .last-sec .dc-tab_container {
    overflow: hidden;
    background: none;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 30px;
    font-size: 15px;
}

    #einvoice .last-sec .dc-tab_container iframe, #cisco .last-sec .dc-tab_container iframe {
        width: 100%;
        height: 100%;
        border-radius: 17px;
    }

#einvoice .last-sec .nav-tabs > li {
    width: auto;
    text-align: center;
    text-transform: uppercase;
    z-index: 2;
    margin-right: 2px;
    line-height: 1.2;
    border: none;
    border-radius: 4px 4px 0 0;
    font-family: 'teleNeo-regular' !important;
    font-size: 18px;
    padding: 10px;
}

    #einvoice .last-sec .nav-tabs > li.active:before {
        border-bottom: none;
        height: 2px;
        background: #e20074;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    #einvoice .last-sec .nav-tabs > li.active:after {
        box-shadow: 0 23px 89px #3e3e3e1c;
        height: 2px;
        background: #e20074;
        content: '';
        position: absolute;
        right: -24px;
        top: 12px;
        width: 30px;
        border-bottom: 1px solid #e20074;
        transform: rotate(55deg);
    }

#einvoice .last-sec .video, #cisco .last-sec .video {
    position: relative;
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    width: 50%;
    margin: 0 auto;
    height: 350px;
}

#einvoice .video .overlay, #cisco .video .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    cursor: pointer;
}

    #einvoice .video .overlay:before, #cisco .video .overlay:before {
        content: '';
        position: absolute;
        background: #000;
        height: 100%;
        width: 100%;
        opacity: .87;
        border-radius: 17px;
        left: 0;
        right: 0;
    }

    #einvoice .video .overlay:after, #cisco .video .overlay:after {
        content: '';
        position: absolute;
        background-image: url(../content/images/ict-office-365/play.svg);
        background-size: contain;
        background-position: center;
        width: 30px;
        height: 30px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: 3;
    }

#einvoice .last-sec .nav-tabs {
    border: none;
}



#einvoice .last-sec .wrapper > div,
#cisco .last-sec .wrapper > div {
    width: 100%;
    margin: 0 auto;
}


#einvoice .last-sec ul li.active, #einvoice .last-sec ul li a:hover, #einvoice .last-sec .nav-tabs > li.active > a {
    color: #E20574 !important;
}

#einvoice .last-sec ul li.active {
}

#einvoice .btn-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 35%;
    margin: 70px auto;
}

    #einvoice .btn-wrapper .btn-magen {
        border: unset;
        padding: 10px 25px;
    }

#einvoice .e-invoice-specifikacija ul li {
    margin: 0 0px;
    background-color: white !important;
    box-shadow: none !important;
    padding-top: 3px;
    font-size: 16px;
    min-height: inherit;
}

#einvoice .specifikacija .column-inner .hdp-price span.price-den {
    display: block;
}

#einvoice .specifikacija span.price-den {
    padding-right: 0px;
}

#einvoice .last-sec ul li, #einvoice .last-sec ul li.active, #einvoice .last-sec ul li a:hover,
#cisco .last-sec ul li, #cisco .last-sec ul li.active, #cisco .last-sec ul li a:hover {
    background-color: transparent !important;
}

#einvoice .last-sec .wrap,
#cisco .last-sec .wrap {
    width: 78%;
    margin: 0 auto;
}

    #einvoice .last-sec .wrap .panel-group, #cisco .last-sec .wrap .panel-group {
        text-align: left;
    }

    #einvoice .last-sec .wrap .panel-default, #cisco .last-sec .wrap .panel-default {
        border: 0;
        box-shadow: none;
        background: transparent;
    }

        #einvoice .last-sec .wrap .panel-default:nth-child(1) .panel-heading,
        #cisco .last-sec .wrap .panel-default:nth-child(1) .panel-heading {
            border-top: 0;
        }

        #einvoice .last-sec .wrap .panel-default .panel-body,
        #cisco .last-sec .wrap .panel-default .panel-body {
            padding: 0;
        }

    #einvoice .last-sec .wrap .panel-heading,
    #cisco .last-sec .wrap .panel-heading {
        background-color: transparent;
        border-top: 1px solid #e5e5e5;
        padding: 0;
    }

        #einvoice .last-sec .wrap .panel-heading .panel-title,
        #cisco .last-sec .wrap .panel-heading .panel-title {
            padding: 0;
        }

#einvoice .last-sec .panel-title,
#cisco .last-sec .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: black;
    font-weight: 500;
}

#einvoice .last-sec .wrap .panel-heading .panel-title a,
#cisco .last-sec .wrap .panel-heading .panel-title a {
    font-size: 19px;
    display: block;
    padding: 25px 35px 25px 0;
    text-decoration: none;
    position: relative;
    z-index: 2;
}

    #einvoice .last-sec .wrap .panel-heading .panel-title a:after,
    #cisco .last-sec .wrap .panel-heading .panel-title a:after,
    #roaming-packages .last-sec .panel-heading .panel-title a:after {
        content: ']$';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 22px;
        top: 40px;
        right: 20px;
        margin: auto;
        transform: rotateZ(-180deg);
        transition-property: transform;
        transition-duration: .25s;
    }

    #einvoice .last-sec .wrap .panel-heading .panel-title a.collapsed:after,
    #cisco .last-sec .wrap .panel-heading .panel-title a.collapsed:after,
    #roaming-packages .last-sec .panel-heading .panel-title a.collapsed:after {
        content: ']$';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 22px;
        top: 32px;
        right: 20px;
        margin: auto;
        transform: rotateZ(0deg);
        transition-property: transform;
        transition-duration: .25s;
    }

#einvoice .last-sec .wrap .panel-default .panel-body p,
#cisco .last-sec .wrap .panel-default .panel-body p {
    font-size: 18px;
}

#einvoice .last-sec .row ul,
#cisco .last-sec .row ul {
    display: block;
}

    #einvoice .last-sec .row ul li,
    #cisco .last-sec .row ul li {
        padding: 10px 20px;
        width: 100%;
        text-align: left;
    }

#einvoice .last-sec .panel-body,
#cisco .last-sec .panel-body {
    font-size: 18px;
}

#einvoice section.partners {
    background: #ededed;
    padding: 2%;
}

@media (min-width:1600px) {
    #einvoice .main-banner .einvoice-title {
        width: 40%;
        left: 0px;
        position: relative;
    }

    #einvoice .e-invoice-specifikacija .column {
        width: 20%;
    }
}

@media (max-width:1991px) {

    #einvoice .main-banner .einvoice-title h1 {
        font-size: 42px;
    }

    #einvoice .main-banner .einvoice-title p {
        font-size: 22px;
    }



    #einvoice h2 {
        margin-top: 0;
    }

    #einvoice .btn-wrapper .btn-magen {
        margin: 0 10px;
    }
}

@media (max-width: 1199px) {
    #einvoice .last-sec .video, #cisco .last-sec .video {
        width: 85%;
    }

    #einvoice .last-sec .dc-tab_container {
        padding: 30px 60px;
    }

    #einvoice .main-banner .einvoice-title p {
        padding: 0px 50px 10px 0px;
    }

    #einvoice .main-banner {
        height: 400px;
    }
}

@media(min-width: 1200px) and (max-width: 1400px) {
    #einvoice .main-banner:before {
        width: 50%;
    }

    #einvoice .main-banner .einvoice-title {
        color: white;
        padding: 0px 100px 30px 25px;
        width: 50%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #einvoice .main-banner:before {
        width: 50%;
    }

    #einvoice .e-invoice-specifikacija .column-inner {
        padding: 10px 20px;
        min-height: 600px;
    }

    #einvoice .main-banner .einvoice-title {
        color: white;
        padding: 0px 100px 20px 0px;
        width: 50%;
    }

        #einvoice .main-banner .einvoice-title h1 {
            font-size: 30px;
            padding-right: 70px;
        }

    #einvoice .tab-wrapper ul#myTab-ict li {
        min-height: 100px;
        padding: 25px 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #einvoice .main-banner:before {
        width: 55%;
    }

    #einvoice section.partners {
        background: #ededed;
        padding: 2% 0 4%;
    }

    #einvoice .box {
        padding: 10px;
    }

    #einvoice .main-banner .einvoice-title {
        width: 40%;
    }

    #einvoice .e-invoice-specifikacija .column-wrapper {
        display: block !important;
    }

    #einvoice .e-invoice-specifikacija .column {
        width: 50%;
        margin: 30px auto;
    }

    #einvoice .tab-wrapper ul#myTab-ict li {
        min-height: 80px;
        font-size: 17px;
        margin: 0 7px;
        padding: 20px 10px;
    }
}

@media (max-width:991px) {

    #einvoice .main-banner {
        height: 400px;
    }

        #einvoice .main-banner .einvoice-img {
            width: 80%;
        }

        #einvoice .main-banner .einvoice-title {
            margin-top: 70px;
            padding: 0;
        }

            #einvoice .main-banner .einvoice-title h1 {
                font-size: 29px;
                padding-right: 10px;
            }

            #einvoice .main-banner .einvoice-title p {
                font-size: 20px;
                padding: 0px;
            }

    #einvoice h2 {
        width: 450px;
        font-size: 34px;
    }

    #einvoice .e-invoice-specifikacija h2 {
        font-size: 28px;
    }

    #einvoice .e-invoice-specifikacija .list-inline {
        margin-top: 0;
    }

    #einvoice .last-sec .wrap {
        width: 100%;
        margin: 20px auto;
    }
}

@media (max-width:767px) {
    #einvoice section.partners {
        background: #ededed;
        padding: 6% 0 12%;
    }

    #einvoice .main-banner {
        height: 300px;
    }

        #einvoice .main-banner:before {
            width: 60%;
        }

        #einvoice .main-banner .einvoice-title {
            color: white;
            padding: 0px 30px 0px 0px;
            width: 60%;
        }

        #einvoice .main-banner .einvoice-img img {
            height: 120px;
            position: absolute;
            right: 0;
            top: -250px;
        }

    #einvoice .custom-container {
        padding: 0 25px;
        display: block;
        margin: 0 auto;
    }


    #cisco .custom-container {
        padding: 0;
    }

    #einvoice .wrapper > div {
        width: 100%;
    }

    #einvoice .e-invoice-specifikacija .column {
        width: 100%;
    }

    #einvoice .e-invoice-specifikacija .column-inner {
        min-height: 460px;
    }

    #einvoice .main-banner .einvoice-img {
        background-image: none;
        background-size: contain;
        width: 100%;
        float: right;
        height: 220px;
    }

    #einvoice .last-sec iframe {
        width: 100%;
    }

    #einvoice div#myTabContent-ict h3 {
        font-size: 20px;
    }

    #einvoice div#myTabContent-ict h4 {
        font-size: 20px;
        padding: 20px 10px 0px 20px;
    }

    div#myTabContent-ict div.dc-tab_content {
        text-align: left;
    }

        div#myTabContent-ict div.dc-tab_content p {
            padding-left: 20px;
        }

    #einvoice .einvoice-tabs #tab-3 > div {
        display: block;
    }

    #einvoice .box {
        width: 100%;
        padding: 20px;
        text-align: center;
    }

    #einvoice .einvoice-tabs {
        padding: 30px 0;
        min-height: 300px;
    }

    #einvoice .last-sec .video,
    #cisco .last-sec .video {
        width: 100%;
    }

    #einvoice .last-sec .dc-tab_container,
    #cisco .last-sec .dc-tab_container {
        padding: 30px 0;
    }

    #einvoice .e-invoice-specifikacija h3 {
        font-size: 26px;
        font-weight: 600;
        background-color: transparent;
    }

    #cisco .last-sec .wrap {
        width: 100%;
    }

        #einvoice .last-sec .wrap .panel-default,
        #cisco .last-sec .wrap .panel-default {
            padding: 0 10px;
        }

    #einvoice .last-sec .row ul {
        margin: 0;
    }

    #einvoice .last-sec h3.dc-active img, #cisco .last-sec h3.dc-active img {
        background: white;
    }
}

@media(min-width: 320px) and (max-width: 500px) {
    #einvoice .main-banner:before {
        width: 100%;
    }

    #einvoice .main-banner .einvoice-title {
        color: white;
        padding: 0px 0px 0px 0px;
        width: 100%;
    }
}

@media (max-width:587px) {


    .e-invoice-specifikacija {
        padding: 100px 0 !important;
    }

    #einvoice .main-banner .einvoice-title h1 {
        font-size: 23px;
    }

    #einvoice .main-banner .einvoice-title p {
        font-size: 18px;
    }

    #einvoice .main-banner .einvoice-img img {
        top: -220px;
    }

    #einvoice .main-banner .einvoice-title p {
        padding: 0px 0px 10px 0px;
    }

    #einvoice h2 {
        width: 300px;
        font-size: 30px;
    }

    #einvoice .btn-wrapper {
        display: block;
        width: 100%;
        margin: 0 auto;
        margin: 70px auto;
    }


        #einvoice .btn-wrapper a {
            margin-top: 10px !important;
            width: 250px;
        }
}

/*#region cisco webex*/

#cisco .main-banner {
    background-size: cover;
    height: 400px;
    background-repeat: no-repeat;
    margin-bottom: 50px;
    background-image: url(../content/images/cisco/main-banner.png);
}


    #cisco .main-banner:before {
        background-image: url(../content/images/cisco/shape-banner.png);
        width: 45%;
        height: 100%;
        background-size: contain;
        content: '';
        position: absolute;
        bottom: 0;
        background-repeat: no-repeat;
        background-position: left bottom;
        left: 0;
    }

#cisco .cisco-title {
    position: absolute;
    width: 25%;
    bottom: 40px;
}

    #cisco .cisco-title h1 {
        color: white;
        font-size: 40px;
        position: relative;
        top: 50%;
        text-transform: initial;
        line-height: 1.1;
        font-family: 'teleNeo-bold' !important;
    }

    #cisco .cisco-title p {
        width: 30%;
        position: relative;
        top: 50%;
        font-size: 26px;
    }

#cisco .intro {
    padding: 50px 100px;
}

    #cisco .intro h2 {
        color: #E20074;
        font-weight: bold;
        padding-bottom: 20px;
        font-size: 28px;
    }

#cisco .tabs-title h2 {
    position: relative;
    width: 40%;
    text-align: center;
    margin: 0 auto;
    background-color: black;
    color: white;
    text-transform: uppercase;
    font-size: 35px;
    padding: 20px;
}

#cisco .einvoice-tabs {
    margin-top: 0;
    padding: 100px 0;
}

#cisco #tab-1 strong {
    color: #E20074;
}

#cisco #tab-1 a {
    color: black;
}


#cisco #tab-3 {
    text-align: left;
}

    #cisco #tab-3 p::before {
        content: '-';
        color: #e20074;
        font-size: 20px;
        position: absolute;
        left: 0px;
    }

    #cisco #tab-3 h4 {
        font-weight: bold;
    }

#cisco #tab-4 > div {
    display: flex;
}

#cisco #tab-4 h3 {
    font-size: 18px;
    font-weight: bold;
    height: 45px;
    color: black;
}

#cisco #tab-4 .box {
    width: 25%;
    padding: 0 20px;
}

#cisco #tab-4 img {
    height: 45px;
}

#cisco #tab-4 p {
    line-height: 1.1;
}

#cisco .section3 h2 {
    text-align: center;
}

#cisco .section3 {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../content/images/cisco/Section3-bg.png);
    margin-top: -200px;
}

    #cisco .section3 h2 {
        padding: 50px;
        font-weight: bold;
    }

    #cisco .section3 .wrapper {
        padding: 250px 0 150px;
    }

#cisco .table-responsive {
    position: relative;
    background: white;
    margin: 0 auto;
    box-shadow: 0px 30px 136px rgba(0, 0, 0, 0.10);
    width: 100%;
    padding: 70px 35px;
}

#cisco table td + td, #cisco table th + th {
    background: white;
    text-align: center;
}

#cisco table {
    margin: 0 auto;
    width: 90%;
    height: 100%;
}

    #cisco table th {
        background: white;
        padding: 0;
        font-size: 27px !important;
        font-weight: bold;
    }

div#cisco table tr td {
    border-bottom: 1px solid #e9e9e9;
    padding: 30px 0 10px 0;
    font-size: 17px;
}

#cisco table tr td strong {
    color: #e20074;
}

#cisco tbody > tr:last-child > td {
    border-bottom: 0;
}

div.ict-integrated .tab-wrapper .panel-body ul {
    display: block;
    margin: 20px 0;
}

    div.ict-integrated .tab-wrapper .panel-body ul li {
        box-shadow: unset;
        width: 100%;
        padding: 2px;
        text-align: left;
    }

        div.ict-integrated .tab-wrapper .panel-body ul li:before {
            content: '-';
            color: #d5006d;
            font-size: 18px;
            padding-right: 10px;
        }

@media (min-width:1600px) {
    #cisco .cisco-title {
        width: 25%;
    }

    #cisco .main-banner:before {
        width: 45%;
        background-size: cover;
    }
}


@media (max-width: 1199px) {
    #cisco .intro {
        padding: 50px 0;
    }

        #cisco .intro h2 {
            font-size: 28px;
        }

    #cisco #tab-2, #cisco #tab-3 {
        padding: 0;
    }


    #cisco #tab-4 h3 {
        font-size: 16px;
        height: 40px;
    }

    #cisco #tab-4 .box {
        padding: 0 10px;
    }

    #cisco .section3 {
        padding: 0;
    }

    #cisco .last-sec .tabs ul li {
        min-height: 80px;
    }

    #cisco .cisco-title {
        width: 38%;
        bottom: 30px;
    }

    #cisco .main-banner:before {
        width: 55%;
    }
}

@media (max-width: 991px) {
    #cisco #tab-4 > div {
        display: block;
    }

    #cisco #tab-4 .box {
        width: 100%;
        margin: 30px 0;
    }

    #cisco #tab-4 h3 {
        height: auto;
    }

    #cisco .tabs ul li {
        min-height: 125px !important;
    }

    #cisco .last-sec .tabs ul li {
        min-height: 100px !important;
    }

    #cisco .main-banner {
        height: 400px;
    }

        #cisco .main-banner:before {
            width: 60%;
        }

    #cisco .cisco-title h1 {
        font-size: 30px;
    }

    #cisco .cisco-title {
        bottom: 20px;
    }

    #cisco .section3 .wrapper {
        padding: 250px 0 150px;
    }
}

@media (max-width: 767px) {

    #cisco .intro {
        padding: 20px 0;
        width: 90%;
        margin: 0 auto;
    }

        #cisco .intro h2 {
            font-size: 24px;
        }

    #cisco .tabs-title h2 {
        width: 90%;
        font-size: 30px;
        margin: 30px auto;
    }

    #cisco .text-wrap p {
        padding-left: 0px !important;
    }

    #cisco .text-wrap {
        padding: 20px;
    }

    #cisco .box img {
        margin: 0 auto;
        display: block;
    }

    #cisco #tab-2, #cisco #tab-3 {
        padding: 0 20px;
    }

        #cisco #tab-3 p::before {
            left: 0px;
        }

    #cisco #tab-4 h3 {
        background-color: white;
        text-align: center;
        padding: 10px 0 0 0;
    }

    #cisco #tab-4 .box {
        margin: 50px 0;
    }

    #cisco .table-responsive {
        width: 100%;
        padding: 50px 10px;
    }

    #cisco .section3 h2 {
        padding: 50px;
        font-weight: bold;
        font-size: 26px;
    }

    #cisco table th {
        font-size: 22px !important;
    }

    #cisco .section3 {
        padding: 250px 0px 50px;
    }

    #cisco .main-banner:before {
        width: 65%;
    }

    #cisco .cisco-title {
        width: 44%;
    }

        #cisco .cisco-title h1 {
            font-size: 26px;
        }

    #cisco .main-banner {
        height: 300px;
        background-position: 80% 0;
    }

    #cisco .section3 .wrapper {
        padding: 0px;
    }
}

@media (max-width:587px) {
    #cisco .intro {
        padding: 0;
    }

        #cisco .intro h2 {
            font-size: 24px;
        }

    #cisco .tabs-title h2 {
        font-size: 26px;
    }

    #cisco .cisco-title {
        width: 55%;
        bottom: 10px;
    }

    #cisco .main-banner:before {
        width: 80%;
    }

    #cisco .cisco-title h1 {
        font-size: 24px;
    }
}

@media (min-width: 320px) and (max-width: 400px) {
    #cisco .last-sec ol {
        padding-left: 20px;
    }

    #cisco .last-sec li {
        font-size: 16px !important;
    }

    #cisco .cisco-title {
        width: 70%;
    }

    #cisco .main-banner:before {
        width: 100%;
    }
}

/*#endregion cisco webex*/



/*#region cisco umbrella*/
/*Cisco Umbrella*/

#cisco-umbrella .main-banner {
    background-image: url(../content/images/cisco-umbrella/banner-pic.png);
    position: relative;
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

    #cisco-umbrella .main-banner:before {
        content: '';
        position: absolute;
        width: 100%;
        background-image: url(../content/images/cisco-umbrella/shape-magenta.png);
        height: 100%;
        bottom: -36px;
        background-size: auto;
        background-repeat: no-repeat;
        background-position: left bottom;
        left: 0;
    }

    #cisco-umbrella .main-banner .header {
        position: absolute;
        bottom: 50px;
        width: 40%;
        padding-left: 0px;
    }

        #cisco-umbrella .main-banner .header h1 {
            color: white;
            font-size: 37px;
            font-family: 'teleNeo-bold' !important;
            text-transform: none;
        }

        #cisco-umbrella .main-banner .header .ec {
            position: absolute;
            right: -40px;
            top: -120px;
            width: 100px;
        }

#cisco-umbrella .content {
    text-align: center;
    padding: 100px 0 50px;
    background-image: url(../content/images/cisco-umbrella/section-bg-1.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

    #cisco-umbrella .content h2 {
        padding: 20px 0;
        font-weight: bold;
        color: black;
    }

    #cisco-umbrella .content p {
        font-size: 20px;
        color: black;
        padding: 5px 30px;
    }

#cisco-umbrella .sec-three {
    background-color: black;
    position: relative;
    overflow: visible;
    color: white;
    padding: 3% 0;
    color: white;
    padding: 50px 0 55px;
    overflow: visible;
    background-size: cover;
    width: 100%;
    min-height: 500px;
}

    #cisco-umbrella .sec-three .wrapper {
        display: flex;
    }

        #cisco-umbrella .sec-three .wrapper .bg-magenta {
            position: relative;
            left: 50px;
            padding: 20px 25px 20px 0px;
        }

    #cisco-umbrella .sec-three:before {
        top: 0px;
        content: '';
        position: absolute;
        width: 52%;
        background-image: url(../content/images/cisco-umbrella/shape-left.png);
        background-repeat: no-repeat;
        height: 587px;
        background-size: cover;
        background-position: left top;
    }

    #cisco-umbrella .sec-three::after {
        bottom: -7px;
        content: '';
        position: absolute;
        width: 150px;
        background-image: url(../content/images/cisco-umbrella/security.png);
        background-repeat: no-repeat;
        height: 150px;
        background-size: contain;
        background-position: center;
        right: 0;
    }

#cisco-umbrella .bg-black {
    padding: 20px 200px 20px 50px;
    z-index: 10;
    position: relative;
    left: 180px;
}

    #cisco-umbrella .bg-magenta h3, #cisco-umbrella .bg-black h3 {
        font-size: 28px;
        font-weight: bold;
        min-height: 65px;
    }

    #cisco-umbrella .bg-black h3 {
        width: 70%;
        position: relative;
    }

        #cisco-umbrella .bg-black h3:after {
            content: '';
            width: 5px;
            height: 60px;
            background-color: white;
            position: absolute;
            top: -10px;
            left: -20px;
        }

    #cisco-umbrella .bg-magenta ol li, #cisco-umbrella .bg-black p {
        font-size: 18px;
        padding: 10px 0 0 10px;
    }

#cisco-umbrella .bg-magenta ol {
    padding-left: 15px !important;
}

#cisco-umbrella .wrapper table {
    width: 100%;
    text-align: center;
}

    #cisco-umbrella .wrapper table tr > th {
        text-align: center;
    }

        #cisco-umbrella .wrapper table tr > td:first-of-type,
        #cisco-umbrella .wrapper table tr > th:first-of-type {
            text-align: left;
        }

    #cisco-umbrella .wrapper table thead tr th, #cisco-umbrella .wrapper table td {
        background-color: transparent;
        padding: 15px 30px;
        font-size: 18px !important;
    }

    #cisco-umbrella .wrapper table thead tr th, #cisco-umbrella .wrapper table tbody tr td b {
        color: #e20074;
        font-size: 19px !important;
    }

    #cisco-umbrella .wrapper table thead tr th {
        padding-bottom: 25px;
    }

        #cisco-umbrella .wrapper table thead tr th strong {
            color: black;
        }


    #cisco-umbrella .wrapper table tbody tr td span.number {
        font-size: 30px !important;
        font-weight: 600;
    }

    #cisco-umbrella .wrapper table td {
        border-bottom: 1px solid #e9e9e9 !important;
        line-height: 1.2;
    }

#cisco-umbrella .last-sec p {
    font-weight: 600;
}

#cisco-umbrella .wrapper table td strong {
    font-size: 17px !important;
}

#cisco-umbrella tbody > tr:last-child > td {
    border-bottom: 0 !important;
}

#cisco-umbrella .last-sec {
    padding: 100px 0 50px;
    background-image: url(../content/images/cisco-umbrella/section-bg-1.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

    #cisco-umbrella .last-sec .wrapper {
        margin: 20px 0;
        background-color: white;
    }

    #cisco-umbrella .last-sec h2 {
        text-align: center;
        padding: 20px 0;
        font-weight: bold;
        color: black;
        text-transform: uppercase;
    }

    #cisco-umbrella .last-sec p {
        font-size: 17px;
        font-weight: 600;
    }

    #cisco-umbrella .last-sec table img {
        max-width: 225px;
    }

    #cisco-umbrella .last-sec .hdp-price-left.hdp-price-top,
    #cisco-umbrella .last-sec .hdp-price-body {
        display: inline-block;
    }

    #cisco-umbrella .last-sec span.bts-paket-no-ddv.three,
    #cisco-umbrella .last-sec span.bts-paket-ddv.three {
        font-size: 30px !important;
        font-family: 'teleNeo-bold' !important;
    }

#cisco-umbrella .price-den {
    font-size: 15px;
}

#cisco-umbrella .cisco-partner {
    position: relative;
    background-color: white;
    padding: 10px;
    text-align: right;
}

@media(min-width: 1850px) {
    #cisco-umbrella .main-banner:before {
        background-image: none;
    }

    #cisco-umbrella .main-banner .svg {
        position: relative;
        height: 100%;
    }

        #cisco-umbrella .main-banner .svg:before {
            content: '';
            position: absolute;
            left: -900%;
            height: 292px;
            background: #e20074;
            right: 100%;
            display: block;
            bottom: 0;
        }

        #cisco-umbrella .main-banner .svg svg {
            bottom: -35px;
            top: auto;
            left: 0;
            right: auto;
            position: absolute;
        }

    #cisco-umbrella .sec-three {
        overflow: hidden;
    }

        #cisco-umbrella .sec-three:before {
            height: 700px;
        }
}

@media(max-width: 1849px) {
    #cisco-umbrella .main-banner svg {
        display: none;
    }
}

@media (min-width:1600px) {
    #cisco-umbrella .main-banner .header {
        width: 35%;
    }

    #cisco-umbrella .sec-three .wrapper .bg-magenta {
        position: relative;
        left: 50px;
        padding: 20px 0px;
    }

    #cisco-umbrella .bg-black {
        padding: 20px 200px 20px 150px;
        z-index: 10;
        position: relative;
        left: 150px;
    }

    #cisco-umbrella .sec-three::after {
        bottom: -7px;
        width: 180px;
        height: 180px;
    }
}

@media (max-width:1199px) {
    #cisco-umbrella .main-banner .header {
        width: 45%;
        padding-left: 20px;
    }

    #cisco-umbrella .main-banner:before {
        width: 65%;
        background-position: bottom;
    }

    #cisco-umbrella .sec-three {
        overflow: hidden;
    }

        #cisco-umbrella .sec-three:before {
            height: 900px;
        }

    #cisco-umbrella .bg-magenta h3, #cisco-umbrella .bg-black h3 {
        font-size: 22px;
    }

    #cisco-umbrella .content h2 {
        font-size: 28px;
    }

    #cisco-umbrella .sec-three .wrapper .bg-magenta {
        left: 30px;
        padding: 0 0 30px;
    }

    #cisco-umbrella .bg-black {
        padding: 0px 200px 20px 50px;
    }

    #cisco-umbrella .last-sec {
        padding: 80px 0;
    }
}

@media(min-width: 1200px) and (max-width: 1400px) {
    #cisco-umbrella .sec-three {
        overflow: hidden;
    }

        #cisco-umbrella .sec-three:before {
            height: 700px;
        }
}

@media (max-width:992px) {
    #cisco-umbrella .main-banner:before {
        width: 80%;
        background-size: contain;
        bottom: -35px;
    }

    #cisco-umbrella .main-banner .header h1 {
        font-size: 34px;
    }

    #cisco-umbrella .sec-three .wrapper .bg-magenta {
        padding: 20px 0;
    }

    #cisco-umbrella .bg-black {
        padding: 20px 80px;
        left: 100px;
    }

    #cisco-umbrella .main-banner .header {
        width: 55%;
        bottom: 20px;
    }

        #cisco-umbrella .main-banner .header h1 {
            font-size: 32px;
        }
}

@media (max-width:767px) {
    #cisco-umbrella .main-banner {
        height: 350px;
    }

        #cisco-umbrella .main-banner:before {
            width: 80%;
        }

        #cisco-umbrella .main-banner .header {
            width: 60%;
        }

    #cisco-umbrella .sec-three .wrapper {
        display: block;
    }

        #cisco-umbrella .sec-three .wrapper .bg-magenta {
            padding: 20px 0;
            left: 0;
        }

    #cisco-umbrella .main-banner .header h1 {
        font-size: 27px;
    }

    #cisco-umbrella .bg-black {
        padding: 20px 10px;
        left: 0;
        margin-top: 40px;
    }

    #cisco-umbrella .sec-three:before {
        width: 100%;
        height: 50%;
    }

    #cisco-umbrella .bg-black h3 {
        padding-top: 30px;
    }

        #cisco-umbrella .bg-black h3::after {
            top: 25px;
        }

    #cisco-umbrella .content {
        padding: 50px 0;
    }

        #cisco-umbrella .content img {
            width: 80px;
        }

        #cisco-umbrella .content h2 {
            font-size: 24px;
            padding: 20px 0 10px;
        }

        #cisco-umbrella .content p {
            padding: 5px 0px;
        }

    #cisco-umbrella .last-sec {
        padding: 50px 0;
    }

        #cisco-umbrella .last-sec .table-responsive {
            overflow: auto;
        }

    #cisco-umbrella .bg-magenta ol {
        padding-right: 40px;
    }

    #cisco-umbrella .bg-magenta h3, #cisco-umbrella .bg-black h3 {
        min-height: 0;
    }

    #cisco-umbrella .bg-magenta h3 {
        margin-top: 0;
    }

    #cisco-umbrella .bg-black h3 {
        margin-top: 50px;
    }

    #cisco-umbrella .cisco-partner {
        padding: 15px 0px 30px !important;
    }
}

@media (max-width:587px) {

    #cisco-umbrella .main-banner .header h1 {
        font-size: 22px;
    }

    #cisco-umbrella .main-banner:before {
        bottom: -20px;
    }

    #cisco-umbrella .main-banner .header {
        width: 70%;
    }

    #cisco-umbrella .main-banner .header {
        padding-left: 15px;
        bottom: 20px;
    }

    #cisco-umbrella .bg-magenta ol {
        padding-right: 0;
    }
}

@media (min-width:320px) and (max-width:400px) {
    #cisco-umbrella .main-banner:before {
        width: 100%;
    }

    #cisco-umbrella .main-banner .header {
        width: 85%;
        bottom: 0;
        padding: 0px 15px 8px;
    }
}
/*#endregion cisco umbrella*/




/*#region objavi i objavi arhiva*/

/*Objavi*/

#objavi h2 {
    margin: 0 !important;
    color: #E20074;
    margin: 50px 0px 30px 0px;
    text-transform: uppercase;
    font-family: 'teleNeo-bold' !important;
    padding-top: 50px;
}

#objavi h3 {
    font-size: 19px;
    font-family: 'teleNeo-bold' !important;
    margin-top: 30px;
    margin-bottom: 0 !important;
}

#objavi .quality-box {
    box-shadow: 0px 12px 40px rgba(0, 0, 0, .07);
    position: relative;
    margin: 30px 0;
    transition: ease-in-out 500ms;
}

    #objavi .quality-box a {
        font-size: 18px;
        padding: 25px !important;
        display: block;
        width: 100%;
        font-family: 'teleNeo-medium' !important;
        color: #202020;
        padding-top: 40px;
    }

        #objavi .quality-box a.pdf:after,
        #objavi .mb-wrapper a.pdf:after {
            content: " (.pdf)";
            height: 50px;
            width: 50px;
            font-size: 14px;
            opacity: 0.7;
        }

    #izvestai-za-kvalitet .quality-box .info-quartal,
    #objavi .quality-box .info-quartal {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 15px;
        background-color: #E20074;
        color: white;
        padding: 5px 10px;
    }

#objavi .toggle-box {
    margin-bottom: 20px;
}


    #objavi .toggle-box a {
        color: #333;
        font-family: 'teleNeo-bold' !important;
        font-size: 18px;
        background-color: #f2f2f2;
        padding: 10px 20px;
        margin-top: 20px;
        position: relative;
        padding-left: 35px;
        margin: 20px 0 0 0;
        display: block;
    }

        #objavi .toggle-box a:last-child {
            margin-bottom: 20px;
        }

        #objavi .toggle-box a:before {
            content: ']$';
            font-family: 'teleicon-outline';
            position: absolute;
            color: #e20074;
            font-size: 22px;
            top: 9px;
            left: 10px;
            margin: auto;
            transform: rotateZ(-180deg);
            transition-property: transform;
            transition-duration: .5s;
        }

        #objavi .toggle-box a.collapsed:before {
            transform: rotateZ(0deg);
        }

#objavi .mb-box a, #arhiva .mb-box a, #sednici .archive-text a {
    display: block;
    background-color: white;
    padding: 0;
    margin-top: 0;
    font-size: 18px;
    font-family: 'teleNeo-regular' !important;
    color: #333;
    display: block;
    padding-left: 25px;
    margin: 0;
    position: relative;
}

    #objavi .mb-box a:before, #arhiva .mb-box a:before, #sednici .archive-text a:before {
        content: "";
    }

#objavi .mb-box, #arhiva .mb-box {
    padding-left: 35px;
    margin-bottom: 60px;
}

    #objavi .mb-box a:hover, #objavi .mb-box a:focus,
    #arhiva .mb-box a:hover, #arhiva .mb-box a:focus,
    #sednici .archive-text a:hover, #sednici .archive-text a:focus {
        text-decoration: underline;
    }

    #objavi .mb-box h3 span, #arhiva .mb-box h3 span {
        color: #E20074;
        font-family: 'teleNeo-bold' !important;
    }

#sednici .archive-text a {
    padding-left: 35px !important;
}

    #objavi .mb-box a:before,
    #arhiva .mb-box a:before,
    #sednici .archive-text a:before {
        content: "";
        width: 15px;
        height: 30px;
        background: url(../content/images/link-magenta.png);
        position: absolute;
        background-repeat: no-repeat;
        left: 10px;
        background-size: contain;
        background-position: center;
        top: 0;
        bottom: 0;
        margin: auto;
    }



#objavi a.moreless-button {
    width: auto;
    display: inline-block;
    margin: 10px auto 0 auto;
    text-align: center;
    position: relative;
    left: 0;
    right: 0;
    padding: 8px 15px;
}


#objavi .wrapper-link {
    text-align: center;
    margin-bottom: 30px;
}

#objavi .panel-default {
    border-bottom: 0 !important;
    box-shadow: none;
}

#objavi .quality-box {
    margin: 20px 0;
}

@media (max-width:1199px) {
    #objavi .main-banner {
        height: 300px;
    }

    #objavi h1 {
        padding: 3% 4%;
        bottom: -45px;
    }
}

@media (max-width: 767px) {
    #objavi .content {
        margin-top: 0px;
    }

    #objavi .main-banner {
        margin-bottom: 60px !important;
        background-position: 60%;
    }

    #objavi h2 {
        font-size: 22px;
    }

    #objavi .list-wrap {
        flex-direction: column;
    }

    #objavi .wrapper {
        width: 100%;
    }

    #objavi h3 {
        margin-top: 10px;
    }

    #objavi .mb-box, #arhiva .mb-box {
        padding-left: 15px;
    }

    #objavi h2 {
        padding-top: 20px;
    }

    #objavi a.moreless-button {
        margin: 15px auto 0 auto;
    }

    #objavi h1 {
        bottom: -60px;
    }
}

@media (min-width: 400px) and (max-width: 587px) {
    #objavi h1 {
        bottom: -60px;
    }
}


@media (min-width: 320px) and (max-width: 400px) {
    #objavi h1 {
        bottom: -50px;
    }

    #objavi .mb-box, #arhiva .mb-box {
        padding-left: 0;
    }
}


/*Objavi arhiva*/
#arhiva h1 {
    font-family: 'teleNeo-bold' !important;
    font-size: 30px;
}

#objavi .mb-box h2, #arhiva h1 {
    padding: 40px 30px;
    background-color: #F5F7F9;
    margin: 20px 0 30px !important;
    background: linear-gradient(90deg, #F5F7F9, #f5f7f947);
}

#arhiva .mb-box h2 {
    font-size: 20px;
    font-family: 'teleNeo-bold' !important;
}


#objavi .mb-box .wrapper {
    padding: 0 30px;
}

#objavi ol.carousel-indicators li {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    cursor: pointer;
    text-indent: unset;
    background: none;
    text-align: left;
    font-size: 20px;
    font-family: 'teleNeo-bold' !important;
    padding: 5px 0;
    position: relative;
    margin: 20px 0;
    text-align: center;
}


    #objavi ol.carousel-indicators li:hover, #objavi ol.carousel-indicators li.active {
        color: #e20074;
    }

    #objavi ol.carousel-indicators li:after {
        content: "";
        width: 60%;
        height: 2px;
        background-color: #d0d0d0;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    #objavi ol.carousel-indicators li:hover:after, #objavi ol.carousel-indicators li.active:after {
        background-color: #e20074;
    }


#objavi .indicators {
    bottom: 0;
    position: relative;
    margin-left: 0 !important;
    width: 100%;
    left: auto;
}

#objavi ol.carousel-indicators {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto !important;
    list-style: none;
    z-index: 2;
    height: 100%;
}

#objavi .mb-box h3:first-of-type {
    margin-top: 0 !important;
}

#objavi .carousel h2 {
    padding: 30px;
}

#objavi .carousel h4 {
    font-family: 'teleNeo-bold' !important;
    margin-bottom: 5px;
}

#objavi .carousel i {
    position: relative;
    font-size: 32px;
    color: #181818;
    text-align: left;
    top: 20px;
}

#objavi .carousel ol button {
    color: #4b4b4b;
    font-size: 34px;
    text-shadow: none !important;
    background-color: transparent !important;
}

@media (max-width: 767px) {
    #objavi .indicators {
        margin-bottom: 40px;
    }

    #objavi ol.carousel-indicators {
        flex-wrap: wrap;
        justify-content: flex-start;
        flex-direction: row;
    }

        #objavi ol.carousel-indicators li {
            width: auto;
            margin: 10px;
        }
}
/*#endregion objavi i objavi arhiva*/


/*#region Struktura na akcioneri*/
#struktura-akcioneri {
    position: relative;
    width: 100%;
    height: 100%;
}

    #struktura-akcioneri .main-banner .container {
        position: relative;
        height: 100%;
    }

    #struktura-akcioneri .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/korporativno-upravuvanje-banner.png);
        background-size: cover;
        height: 520px;
        background-position: center;
        background-repeat: no-repeat;
    }

        #struktura-akcioneri .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #struktura-akcioneri h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #struktura-akcioneri .content {
        padding: 110px 0 70px;
    }

        #struktura-akcioneri .content .text-wrap {
            font-size: 18px !important;
            margin-top: 125px;
            margin-bottom: 40px;
        }

            #struktura-akcioneri .content .text-wrap p {
                line-height: 1.2;
            }

    #struktura-akcioneri .table-responsive {
        position: relative;
        box-shadow: 0 30px 99px rgba(0, 0, 0, .19);
        border-radius: 8px;
        overflow: visible;
        width: 100%;
    }

        #struktura-akcioneri .table-responsive .tableTest {
            margin: 0 auto;
            background: #fff;
            width: 100% !important;
        }

    #struktura-akcioneri h2 {
        color: #e20074;
        margin-bottom: 25px !important;
        font-size: 22px;
    }

@media (max-width: 991px) {
    #struktura-akcioneri .table-responsive {
        overflow: auto !important;
    }

        #struktura-akcioneri .table-responsive .tableTest {
            overflow: visible;
            touch-action: auto;
        }
}

@media (max-width: 767px) {
    #struktura-akcioneri .main-banner {
        background-position: 85% 0% !important;
    }

    #struktura-akcioneri h2 {
        font-size: 26px;
        text-align: center;
    }

    #struktura-akcioneri .header {
        padding: 30px !important;
        width: 90% !important;
    }

        #struktura-akcioneri .header h1 {
            font-size: 30px !important;
        }

    #struktura-akcioneri .content {
        padding: 90px 0 70px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #struktura-akcioneri .main-banner {
        background-position: 80% 0%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #struktura-akcioneri .main-banner {
        background-position: 80%;
    }
}

@media (min-width: 1200px) and (max-width: 1575px) {
    #struktura-akcioneri .main-banner {
        background-position: 80%;
    }
}
/*#endregion Struktura na akcioneri*/
/*#region korporativno upravuvanje*/
#korporativno-upravuvanje {
    position: relative;
    width: 100%;
    height: 100%;
}

    #korporativno-upravuvanje .main-banner .container {
        position: relative;
        height: 100%;
    }

    #korporativno-upravuvanje .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/korporativno-upravuvanje-banner.png);
        background-size: cover;
        height: 520px;
        background-position: center;
        background-repeat: no-repeat;
    }

        #korporativno-upravuvanje .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -75px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 50px;
            width: 80%;
            margin: 0 auto;
        }

    #korporativno-upravuvanje h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #korporativno-upravuvanje .content .text-wrap {
        font-size: 18px !important;
        margin-top: 125px;
        margin-bottom: 40px;
    }

        #korporativno-upravuvanje .content .text-wrap p {
            line-height: 1.2;
        }

        #korporativno-upravuvanje .content .text-wrap ul li {
            margin-bottom: 15px;
            margin-left: 0;
        }

@media (max-width: 767px) {
    #korporativno-upravuvanje .main-banner {
        background-position: 85% 0% !important;
    }

    #korporativno-upravuvanje .header {
        padding: 30px !important;
        width: 90% !important;
    }

        #korporativno-upravuvanje .header h1 {
            font-size: 30px !important;
        }

    #korporativno-upravuvanje .content .text-wrap {
        font-size: 17px !important;
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #korporativno-upravuvanje .main-banner {
        background-position: 80% 0%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #korporativno-upravuvanje .main-banner {
        background-position: 80%;
    }
}

@media (min-width: 1200px) and (max-width: 1575px) {
    #korporativno-upravuvanje .main-banner {
        background-position: 80%;
    }
}

/*#endregion korporativno upravuvanje*/
/*#region struktura na Makedonski Telekom*/
#struktura-MKT {
    position: relative;
    width: 100%;
    height: 100%;
}

    #struktura-MKT .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/timg.jpg);
        background-size: cover;
        height: 520px;
        background-position: left;
        background-repeat: no-repeat;
    }

        #struktura-MKT .main-banner .container {
            position: relative;
            height: 100%;
        }

        #struktura-MKT .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #struktura-MKT h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #struktura-MKT .content .text-wrap {
        font-size: 18px;
        margin-top: 125px;
        margin-bottom: 40px;
    }

        #struktura-MKT .content .text-wrap p {
            line-height: 1.2;
        }

        #struktura-MKT.content .text-wrap ul li {
            margin-bottom: 15px;
            margin-left: 0;
        }

@media(max-width: 767px) {
    #struktura-MKT .main-banner {
        background-position: 80% !important;
    }

    #struktura-MKT .header {
        padding: 30px !important;
        width: 90% !important;
    }

    #struktura-MKT h1 {
        font-size: 30px !important;
    }

    #struktura-MKT .content .text-wrap {
        font-size: 17px !important;
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #struktura-MKT .main-banner {
        background-position: 15% !important;
    }

        #struktura-MKT .main-banner .header {
            bottom: -60px !important;
            padding: 35px !important;
            width: 95% !important;
        }

    #struktura-MKT h1.text-center {
        font-size: 34px !important;
    }

    #struktura-MKT .content .text-wrap {
        font-size: 17px !important;
        padding: 20px;
        margin-top: 100px !important;
        margin-bottom: 30px !important;
    }
}
/*#endregion struktura na Makedonski Telekom*/

/*#region Sobranie */
#sobranie {
    position: relative;
    width: 100%;
    height: 100%;
}

    #sobranie .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/timg.jpg);
        background-size: cover;
        height: 520px;
        background-position: center;
        background-repeat: no-repeat;
    }

        #sobranie .main-banner .container {
            position: relative;
            height: 100%;
        }

        #sobranie .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #sobranie h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #sobranie .content .text-wrap {
        font-size: 18px;
        margin-top: 125px;
        margin-bottom: 40px;
    }


        #sobranie .content .text-wrap p {
            line-height: 1.2;
        }

    #sobranie ol {
        list-style-type: none;
        padding-left: 15px;
    }

    #sobranie .content .text-wrap ol li {
        counter-increment: li;
        padding: 10px;
        line-height: 1;
    }

    #sobranie ol li::before {
        content: counter(li) ". ";
        color: #E20074;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
        position: relative;
        left: -7px;
        font-weight: bold;
    }

@media(max-width: 767px) {
    #sobranie .main-banner .header {
        padding: 30px;
        bottom: -55px !important;
    }

    #sobranie h1.text-center {
        font-size: 30px;
    }

    #sobranie ol {
        margin-bottom: 0;
    }

    #sobranie .main-banner {
        background-position: 80% !important;
    }

    #sobranie .header {
        padding: 30px !important;
        width: 90% !important;
    }

    #sobranie h1 {
        font-size: 30px !important;
    }

    #sobranie .content .text-wrap {
        font-size: 17px !important;
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }

        #sobranie .content .text-wrap p {
            font-size: 17px !important;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    #sobranie .main-banner {
        background-position: 15% !important;
    }

        #sobranie .main-banner .header {
            bottom: -60px !important;
            padding: 30px !important;
            width: 95% !important;
        }

    #sobranie h1.text-center {
        font-size: 34px !important;
    }

    #sobranie .content .text-wrap {
        font-size: 17px !important;
        padding: 20px;
        margin-top: 100px !important;
        margin-bottom: 30px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #sobranie .main-banner {
        background-position: 15% !important;
    }

        #sobranie .main-banner .header {
            bottom: -55px !important;
            padding: 30px !important;
        }
}

/*#endregion Sobranie*/


/*#region Glaven izvrshen direktor*/
#izvrshen-direktor {
    position: relative;
    width: 100%;
    height: 100%;
}

    #izvrshen-direktor .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/investor-relations.jpg);
        background-size: cover;
        height: 520px;
        background-position: center;
        background-repeat: no-repeat;
    }

        #izvrshen-direktor .main-banner .container {
            position: relative;
            height: 100%;
        }

        #izvrshen-direktor .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #izvrshen-direktor h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #izvrshen-direktor .content .text-wrap {
        font-size: 18px;
        margin-top: 125px;
        margin-bottom: 40px;
    }

        #izvrshen-direktor .content .text-wrap p {
            line-height: 1.2;
            margin-bottom: 30px;
        }

        #izvrshen-direktor .content .text-wrap ul li {
            margin-bottom: 15px;
            margin-left: 0;
        }

@media(max-width: 767px) {
    #izvrshen-direktor .main-banner {
        background-position: 90%;
    }

        #izvrshen-direktor .main-banner .header {
            bottom: -60px !important;
            padding: 20px !important;
            width: 90% !important;
        }

    #izvrshen-direktor h1 {
        font-size: 30px !important;
    }

    #izvrshen-direktor .header h1 {
        font-size: 30px;
    }

    #izvrshen-direktor .content .text-wrap {
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }

    #izvrshen-direktor .text-wrap,
    #izvrshen-direktor .text-wrap p {
        font-size: 17px !important;
    }

    #izvrshen-direktor .content .text-wrap p {
        margin-bottom: 20px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #izvrshen-direktor .main-banner {
        background-position: 80% !important;
    }

        #izvrshen-direktor .main-banner .header {
            bottom: -50px !important;
            padding: 30px !important;
            width: 95% !important;
        }

    #izvrshen-direktor h1.text-center {
        font-size: 34px !important;
    }

    #izvrshen-direktor .content .text-wrap {
        font-size: 17px !important;
        padding: 20px;
        margin-top: 60px !important;
        margin-bottom: 10px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #izvrshen-direktor .main-banner {
        background-position: 80% !important;
    }
}
/*#endregion Glaven izvrshen direktor*/
/*#region Statut*/
#statut {
    position: relative;
    width: 100%;
    height: 100%;
}

    #statut .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/pres-centar-banner.png);
        background-size: cover;
        height: 520px;
        background-position: left;
        background-repeat: no-repeat;
    }

        #statut .main-banner .container {
            position: relative;
            height: 100%;
        }

        #statut .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #statut h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #statut .content .text-wrap {
        font-size: 18px;
        margin-top: 125px;
        margin-bottom: 40px;
    }

        #statut .content .text-wrap p {
            line-height: 1.2;
        }

    #statut ol {
        list-style-type: none;
        padding-left: 15px;
    }

    #statut .content .text-wrap ol li {
        counter-increment: li;
        padding: 10px;
        line-height: 1;
    }

    #statut ol li::before {
        content: counter(li) ". ";
        color: #E20074;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
        position: relative;
        left: -7px;
        font-weight: bold;
    }

@media(max-width:767px) {
    #statut .main-banner .header {
        padding: 30px !important;
    }

    #statut h1 {
        font-size: 30px;
    }

    #statut .main-banner {
        background-position: 10% !important;
    }

        #statut .main-banner .header {
            bottom: -45px !important;
            padding: 20px !important;
            width: 90% !important;
        }

    #statut h1 {
        font-size: 30px !important;
    }

    #statut .header h1 {
        font-size: 30px;
    }

    #statut .content .text-wrap {
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }

    #statut .text-wrap,
    #statut .text-wrap p {
        font-size: 17px !important;
    }

    #statut .content .text-wrap p {
        margin-bottom: 20px !important;
    }

    #statut ol {
        margin: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #statut .main-banner {
        background-position: 15% !important;
    }

        #statut .main-banner .header {
            bottom: -50px !important;
            padding: 30px !important;
            width: 95% !important;
        }

    #statut h1.text-center {
        font-size: 34px !important;
    }

    #statut .content .text-wrap {
        font-size: 17px !important;
        padding: 20px;
        margin-top: 60px !important;
        margin-bottom: 10px !important;
    }
}
/*#endregion Statut*/

/*#region Delovnik za rabota na odborot na dirketori*/

#delovnik {
    position: relative;
    width: 100%;
    height: 100%;
}

    #delovnik .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/timg.jpg);
        background-size: cover;
        height: 520px;
        background-position: 80%;
        background-repeat: no-repeat;
    }

        #delovnik .main-banner .container {
            position: relative;
            height: 100%;
        }

        #delovnik .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #delovnik h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #delovnik .content .text-wrap {
        font-size: 18px;
        margin-top: 125px;
        margin-bottom: 40px;
    }

        #delovnik .content .text-wrap p {
            line-height: 1.2;
        }

    #delovnik ol {
        list-style-type: none;
        padding-left: 15px;
    }

    #delovnik .content .text-wrap ol li {
        counter-increment: li;
        padding: 10px;
        line-height: 1;
    }

    #delovnik ol li::before {
        content: counter(li) ". ";
        color: #E20074;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
        position: relative;
        left: -7px;
        font-weight: bold;
    }

@media (min-width: 1200px) and (max-width: 1550px) {
    #delovnik .main-banner {
        background-position: 15% !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #delovnik .main-banner {
        background-position: 15% !important;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    #delovnik .main-banner {
        background-position: 15% !important;
    }

        #delovnik .main-banner .header {
            bottom: -50px !important;
            padding: 30px !important;
            width: 95% !important;
        }

    #delovnik h1.text-center {
        font-size: 34px !important;
    }

    #delovnik .content .text-wrap {
        font-size: 17px !important;
        padding: 20px;
        margin-top: 60px !important;
        margin-bottom: 10px !important;
    }
}

@media(max-width: 767px) {
    #delovnik .header {
        padding: 30px !important;
    }

        #delovnik .header h1 {
            font-size: 30px;
        }

    #delovnik .main-banner {
        background-position: 85% !important;
    }

        #delovnik .main-banner .header {
            bottom: -60px !important;
            padding: 20px !important;
            width: 90% !important;
        }

    #delovnik h1 {
        font-size: 30px !important;
    }

    #delovnik .header h1 {
        font-size: 30px;
    }

    #delovnik .content .text-wrap {
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }

    #delovnik .text-wrap,
    #delovnik .text-wrap p {
        font-size: 17px !important;
    }

    #delovnik .content .text-wrap p {
        margin-bottom: 20px !important;
    }

    #delovnik ol {
        margin: 0 !important;
    }
}



/*#endregion Delovnik za rabota na odborot na dirketori*/

/*#region Upravuvanje so rizik*/


#rizik {
    position: relative;
    width: 100%;
    height: 100%;
}

    #rizik .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/korporativno-upravuvanje-banner.png);
        background-size: cover;
        height: 520px;
        background-position: 80%;
        background-repeat: no-repeat;
    }

        #rizik .main-banner .container {
            position: relative;
            height: 100%;
        }

        #rizik .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #rizik h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #rizik .content .text-wrap {
        font-size: 18px;
        margin-top: 125px;
        margin-bottom: 40px;
    }

        #rizik .content .text-wrap h2 {
            color: #e20074;
            margin-bottom: 25px;
            text-align: center;
        }

        #rizik .content .text-wrap p {
            line-height: 1.2;
        }

@media(max-width: 767px) {

    #rizik h2 {
        font-size: 24px;
    }

    #rizik .main-banner {
        background-position: 85% !important;
    }

    #rizik .header {
        padding: 30px !important;
        width: 90% !important;
    }

    #rizik h1 {
        font-size: 30px !important;
    }

    #rizik .content .text-wrap {
        font-size: 17px !important;
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }

    #rizik .text-wrap p {
        font-size: 17px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #rizik .main-banner {
        background-position: 80% !important;
    }

        #rizik .main-banner .header {
            bottom: -60px !important;
            padding: 35px !important;
            width: 95% !important;
        }

    #rizik h1.text-center {
        font-size: 34px !important;
    }

    #rizik .content .text-wrap {
        font-size: 17px !important;
        padding: 20px;
        margin-top: 100px !important;
        margin-bottom: 30px !important;
    }
}

/*#endregion Upravuvanje so rizik*/


/*#region Revizori*/
#revizori {
    position: relative;
    width: 100%;
    height: 100%;
}

    #revizori .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/investor-relations.jpg);
        background-size: cover;
        height: 520px;
        background-position: center;
        background-repeat: no-repeat;
    }

        #revizori .main-banner .container {
            position: relative;
            height: 100%;
        }

        #revizori .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #revizori h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #revizori .content .text-wrap {
        font-size: 18px;
        margin-top: 125px;
        margin-bottom: 40px;
    }

        #revizori .content .text-wrap .white-box {
            min-height: 100%;
            margin-bottom: 40px;
            -webkit-box-shadow: 0 12px 40px rgba(0, 0, 0, .07);
            padding: 40px;
        }

        #revizori .content .text-wrap p {
            line-height: 1.2;
        }

    #revizori ol {
        list-style-type: none;
        padding-left: 15px;
    }

    #revizori .content .text-wrap ol li {
        counter-increment: li;
        padding: 10px;
        line-height: 1.2;
    }

    #revizori ol li::before {
        content: counter(li) ". ";
        color: #E20074;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
        position: relative;
        left: -7px;
        font-weight: bold;
    }

@media(max-width: 767px) {
    #revizori .main-banner .header {
        padding: 30px !important;
    }

    #revizori h1 {
        font-size: 30px;
    }

    #revizori .main-banner {
        background-position: 88% !important;
    }


        #revizori .main-banner .header {
            bottom: -45px !important;
            padding: 20px !important;
            width: 90% !important;
        }

    #revizori h1 {
        font-size: 30px !important;
    }

    #revizori .header h1 {
        font-size: 30px;
    }

    #revizori .content .text-wrap {
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }

    #revizori .text-wrap,
    #revizori .text-wrap p {
        font-size: 17px !important;
    }

    #revizori .content .text-wrap p {
        margin-bottom: 20px !important;
    }

    #revizori ol {
        margin: 0 !important;
    }

    #revizori .content .text-wrap .white-box {
        padding: 25px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #revizori .main-banner {
        background-position: 85% !important;
    }

        #revizori .main-banner .header {
            bottom: -50px !important;
            padding: 30px !important;
            width: 95% !important;
        }

    #revizori h1.text-center {
        font-size: 34px !important;
    }

    #revizori .content .text-wrap {
        font-size: 17px !important;
        padding: 20px;
        margin-top: 60px !important;
        margin-bottom: 10px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #revizori .main-banner {
        background-position: 80% !important;
    }

        #revizori .main-banner .header {
            bottom: -55px !important;
            padding: 30px !important;
        }
}
/*#endregion Revizori*/
 


/*#region Sednici*/
.btn-magen {
    padding: 8px 20px !important;
    font-size: 17px !important;
    border-radius: 4px !important;
    margin-top: 20px;
}

    .btn-magen:hover {
        border: 0 !important;
    }

#sednici {
    position: relative;
    width: 100%;
    height: 100%;
}

    #sednici .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/timg.jpg);
        background-size: cover;
        height: 520px;
        background-position: center;
        background-repeat: no-repeat;
    }

        #sednici .main-banner .container {
            position: relative;
            height: 100%;
        }

        #sednici .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #sednici h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #sednici .content .wrapper {
        font-size: 18px;
        margin-top: 125px;
        margin-bottom: 40px;
    }

        #sednici .content .wrapper .white-box {
            min-height: 100%;
            margin-bottom: 40px;
            -webkit-box-shadow: 0 12px 40px rgba(0, 0, 0, .07);
            padding: 40px;
        }

        #sednici .content .wrapper p {
            line-height: 1.2;
        }

    #sednici .quality-box {
        box-shadow: 0 12px 40px rgba(0, 0, 0,.07);
        position: relative;
        margin: 30px 0;
        transition: ease-in-out 500ms;
    }

        #sednici .quality-box a {
            display: block;
            width: 100%;
            font-family: 'teleNeo-medium' !important;
            color: #202020;
            padding-top: 10px;
            padding: 20px;
        }

        #sednici .quality-box .info-quartal {
            display: inline-block;
            position: absolute;
            top: 0;
            right: 15px;
            background-color: #e20074;
            color: #fff;
            padding: 3px 0px;
            min-width: 110px;
            text-align: center;
        }

            #sednici .quality-box .info-quartal span {
                padding: 0 6px;
            }

                #sednici .quality-box .info-quartal span + span {
                    border-left: 1px solid rgba(255,255,255,.7);
                }

    #sednici .content h2 {
        color: #e20074;
        margin: 0px 0 30px 0;
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
        padding-top: 50px;
    }

    #sednici .sednici-more, .arhiva-more {
        text-align: center;
        margin-bottom: 30px;
    }

        #sednici .sednici-more .show-more, .arhiva-more {
            padding-top: 45px;
            cursor: pointer;
            font-size: 18px;
            display: block !important;
            transition: all ease-in .3s;
        }

            #sednici .sednici-more .show-more:after, .arhiva-more:after {
                content: '';
                display: block;
                clear: both;
                margin-top: -48px;
                background-image: url(../content/images/all-inOne/arrow-down-magenta.png);
                background-size: contain;
                background-repeat: no-repeat;
                width: 33px;
                height: 30px;
                margin: 15px auto;
                margin-top: -48px;
                transition: all ease-in .3s;
            }

            #sednici .sednici-more .show-more.xz:after {
                margin-top: -60px;
                transform: rotate(180deg);
                transition: all ease-in .3s;
            }

        #sednici .sednici-more .show-less {
            padding-top: 45px;
            cursor: pointer;
            font-size: 18px;
            display: block;
        }

            #sednici .sednici-more .show-less:after {
                content: '';
                display: block;
                clear: both;
                margin-top: -48px;
                background-image: url(../content/images/all-inOne/arrow-up-magenta.png);
                background-size: contain;
                background-repeat: no-repeat;
                width: 33px;
                height: 30px;
                margin: 15px auto;
                margin-top: -48px;
            }

    #sednici .quality-box.hidden {
        transition: all 1s linear;
    }

    #sednici .quality-box.less {
        display: none;
    }

    #sednici a.show-more, a.show-less {
        color: #000000;
    }

    #sednici .wrapper {
        position: relative;
        height: 100%;
        width: 100%;
    }

        #sednici .wrapper .archive-text {
            margin: 60px 0px;
            font-size: 18px;
        }

            #sednici .wrapper .archive-text h2 {
                text-align: center;
                text-transform: uppercase;
                font-family: 'teleNeo-bold' !important;
                margin: 30px 0 50px;
                font-size: 35px;
            }

    #sednici .sednici-more a.btn.btn-magen {
        font-size: 18px;
    }

@media (min-width: 1200px) and (max-width: 1550px) {
    #sednici .main-banner {
        background-position: 15% !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #sednici .main-banner {
        background-position: 15% !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #sednici .main-banner {
        background-position: 15% !important;
    }
}

@media(max-width: 767px) {
    #sednici .main-banner .header {
        padding: 30px !important;
    }

    #sednici h1 {
        font-size: 30px;
    }

    #sednici .main-banner {
        background-position: 80% !important;
    }


        #sednici .main-banner .header {
            bottom: -45px !important;
            padding: 20px !important;
            width: 90% !important;
        }

    #sednici h1 {
        font-size: 30px !important;
    }

    #sednici .content .text-wrap {
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }

    #sednici .text-wrap,
    #sednici .text-wrap p {
        font-size: 17px !important;
    }

    #sednici .content .text-wrap p {
        margin-bottom: 20px !important;
    }

    #sednici ol {
        margin: 0 !important;
    }

    #sednici .content .text-wrap .white-box {
        padding: 25px !important;
    }

    #sednici .quality-box a {
        padding-top: 40px;
    }

    #sednici .quality-box .info-quartal {
        min-width: 100px !important;
        font-size: 17px;
    }
}
/*#endregion Sednici*/

/*#region Kalendar na nastani*/
#kalendar {
    position: relative;
    width: 100%;
    height: 100%;
}

    #kalendar .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/korporativno-upravuvanje-banner.png);
        background-size: cover;
        height: 520px;
        background-position: 80%;
        background-repeat: no-repeat;
    }

        #kalendar .main-banner .container {
            position: relative;
            height: 100%;
        }

        #kalendar .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #kalendar h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #kalendar .content .wrapper {
        font-size: 18px;
        margin-top: 125px;
        margin-bottom: 40px;
    }

        #kalendar .content .wrapper .white-box {
            min-height: 100%;
            margin-bottom: 40px;
            -webkit-box-shadow: 0 12px 40px rgba(0, 0, 0, .07);
            padding: 40px;
        }

        #kalendar .content .wrapper p {
            line-height: 1.2;
        }

    #kalendar .finansii .quality-box a {
        cursor: default;
    }

    #kalendar .quality-box {
        box-shadow: 0 12px 40px rgba(0, 0, 0,.07);
        position: relative;
        margin: 30px 0;
        transition: ease-in-out 500ms;
        padding-bottom: 20px;
    }

        #kalendar .quality-box p,
        #kalendar .quality-box a {
            display: block;
            width: 100%;
            font-family: 'teleNeo-medium' !important;
            color: #202020;
            padding-top: 10px;
            padding: 20px;
            padding-right: 140px;
            height: 100%;
            line-height: 1.2;
        }

        #kalendar .quality-box .info-quartal {
            display: inline-block;
            position: absolute;
            top: 0;
            right: 15px;
            background-color: #e20074;
            color: #fff;
            padding: 3px 0px;
            min-width: 110px;
            text-align: center;
        }

            #kalendar .quality-box .info-quartal span {
                padding: 0 6px;
            }

                #kalendar .quality-box .info-quartal span + span {
                    border-left: 1px solid rgba(255,255,255,.7);
                }

    #kalendar .year2014 .quality-box a:after {
        content: " (.pdf)";
        height: 50px;
        width: 50px;
        font-size: 14px;
        opacity: .7;
    }

    #kalendar .quality-box .archive-text a:after {
        content: " ";
        height: 50px;
        width: 50px;
        font-size: 14px;
        opacity: .7;
    }

    #kalendar .content h2 {
        color: #e20074;
        margin: 0px 0 30px 0;
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
        padding-top: 50px;
    }


    #kalendar .quality-box.hidden {
        transition: all 1s linear;
    }

    #kalendar .quality-box.less {
        display: none;
    }

    #kalendar .wrapper {
        position: relative;
        height: 100%;
        width: 100%;
    }

        #kalendar .wrapper .archive-text {
            margin-top: 60px;
            font-size: 18px;
        }

            #kalendar .wrapper .archive-text h2 {
                text-align: center;
                text-transform: uppercase;
                font-family: 'teleNeo-bold' !important;
                margin: 30px 0 50px;
                font-size: 35px;
            }

    #kalendar .kalendar-more a.btn.btn-magen {
        font-size: 18px;
    }

    #kalendar .archive-text .quality-box a {
        padding-left: 70px;
        display: block;
        width: 100%;
        color: #202020;
        padding-top: 25px;
    }

        #kalendar .archive-text .quality-box a:before {
            content: '';
            position: absolute;
            top: -15px;
            width: 100px;
            height: 100px;
            background-image: url(../content/images/link-magenta.png);
            background-repeat: no-repeat;
            background-position: center;
            left: -10px;
        }

@media(max-width: 767px) {
    #kalendar .main-banner {
        background-position: 85% !important;
    }

        #kalendar .main-banner .header {
            bottom: -45px !important;
            padding: 20px !important;
            width: 90% !important;
        }

    #kalendar h1 {
        font-size: 30px !important;
    }

    #kalendar .content h2 {
        margin: 0px 0 20px 0 !important;
        padding-top: 0px !important;
        font-size: 26px !important;
    }

    #kalendar .content .wrapper {
        margin-top: 80px !important;
    }

    #kalendar .content .text-wrap {
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }

    #kalendar .text-wrap,
    #kalendar .text-wrap p {
        font-size: 17px !important;
    }

    #kalendar .content .text-wrap p {
        margin-bottom: 20px !important;
    }

    #kalendar ol {
        margin: 0 !important;
    }

    #kalendar .content .text-wrap .white-box {
        padding: 25px !important;
    }

    #kalendar .quality-box p,
    #kalendar .quality-box a {
        padding-top: 50px;
        padding-right: 0;
        font-size: 17px;
    }

    #kalendar .quality-box .info-quartal {
        min-width: 100px !important;
        font-size: 17px;
    }
}
/*#endregion Kalendar na nastani*/

/*#region Kontakt i servis*/

#kontakt-servis {
    position: relative;
    width: 100%;
    height: 100%;
}

    #kontakt-servis .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/korporativno-upravuvanje-banner.png);
        background-size: cover;
        height: 520px;
        background-position: 80%;
        background-repeat: no-repeat;
    }

        #kontakt-servis .main-banner .container {
            position: relative;
            height: 100%;
        }

        #kontakt-servis .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #kontakt-servis h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #kontakt-servis .content .wrapper {
        font-size: 18px;
        margin-top: 125px;
        margin-bottom: 40px;
    }

        #kontakt-servis .content .wrapper h2 {
            color: #e20074;
            margin-bottom: 25px;
            text-align: center;
        }

        #kontakt-servis .content .wrapper p {
            line-height: 1.2;
        }

@media(max-width: 767px) {
    #kontakt-servis .main-banner {
        background-position: 85% !important;
    }

    #kontakt-servis .header {
        padding: 30px !important;
        width: 90% !important;
    }

    #kontakt-servis h1 {
        font-size: 30px !important;
    }

    #kontakt-servis .content .text-wrap {
        font-size: 17px !important;
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    #kontakt-servis .main-banner .header {
        bottom: -60px !important;
        padding: 35px !important;
        width: 95% !important;
    }

    #kontakt-servis h1.text-center {
        font-size: 34px !important;
    }

    #kontakt-servis .content .text-wrap {
        font-size: 17px !important;
        padding: 20px;
        margin-top: 100px !important;
        margin-bottom: 30px !important;
    }
}

/*#endregion Kontakt i servis*/
/*#region Datum Sednici na sobranie*/
#data-sednici {
    position: relative;
    width: 100%;
    height: 100%;
}

    #data-sednici .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/timg.jpg);
        background-size: cover;
        height: 520px;
        background-position: center;
        background-repeat: no-repeat;
    }

        #data-sednici .main-banner .heading-wrapper {
            position: relative;
            height: 300px;
        }

            #data-sednici .main-banner .heading-wrapper .header {
                position: absolute;
                left: 0;
                right: 0;
                bottom: -65px;
                background-color: #fff;
                box-shadow: 0px 30px 89px #0000001a;
                padding: 30px 50px;
                width: 80%;
                margin: 0 auto;
            }

    #data-sednici h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 26px;
        color: #000000;
    }

    #data-sednici .quality-box {
        box-shadow: 0 12px 40px rgba(0, 0, 0, .07);
        position: relative;
        margin: 30px 0;
        transition: ease-in-out 500ms;
        padding-bottom: 20px;
    }

        #data-sednici .quality-box a {
            padding-left: 55px;
            display: block;
            width: 100%;
            color: #202020;
            padding-top: 25px;
            font-size: 18px;
        }

            #data-sednici .quality-box a:before {
                content: '';
                position: absolute;
                width: 20px;
                height: 20px;
                background-image: url(../content/images/link-magenta.png);
                background-repeat: no-repeat;
                background-position: center;
                left: 20px;
                top: 0;
                bottom: 0;
                margin: auto;
                background-size: contain;
            }

    #data-sednici section.content {
        margin: 95px 0px 40px;
    }

    #data-sednici ul.t-ul-new-magenta li {
        font-size: 18px !important;
    }

    #data-sednici p {
        font-size: 18px;
    }

    #data-sednici h2 {
        color: #e20074;
        font-size: 24px;
        margin: 10px 0px;
    }

    #data-sednici ol {
        list-style-type: none;
        counter-reset: item;
        margin: 0;
        padding: 0;
    }

        #data-sednici ol > li {
            display: table;
            counter-increment: item;
            margin-bottom: 20px;
            font-size: 18px;
        }

            #data-sednici ol > li:before {
                content: counters(item, ".") ". ";
                display: table-cell;
                padding-right: 0.6em;
                color: #e20074;
                width: 1em;
                margin-left: -1em;
                position: relative;
                left: -7px;
                font-family: 'teleNeo-bold' !important;
                font-size: 19px;
            }

            #data-sednici ol > li ol li {
                margin: 10px 0;
            }

    #data-sednici li ol > li:before {
        content: counters(item, ".") " ";
    }
    #data-sednici ul.sobranie-dokumenti li{
        margin-bottom: 10px;
    }
        #data-sednici ul.sobranie-dokumenti li a{
            display: flex;
            align-items: flex-start;
        }
            #data-sednici ul.sobranie-dokumenti li a strong{
                padding-right: 10px;
            }
        #data-sednici ul.sobranie-dokumenti li ul{
            margin-top: 10px;
        }
        @media (min-width: 768px) and (max-width: 991px) {
            #data-sednici .main-banner {
        background-position: 80% !important;
    }

        #data-sednici .main-banner .header {
            bottom: 70px !important;
            padding: 35px !important;
            width: 95% !important;
        }

    #data-sednici h1.text-center {
        font-size: 34px !important;
    }

    #data-sednici .content .text-wrap {
        font-size: 17px !important;
        padding: 20px;
        margin-top: 100px !important;
        margin-bottom: 30px !important;
    }
}

@media(max-width: 767px) {
    #data-sednici .main-banner {
        background-position: 85% !important;
    }

        #data-sednici .main-banner .heading-wrapper .header {
            padding: 30px !important;
            width: 100% !important;
            bottom: 70px;
        }

    #data-sednici h1 {
        font-size: 30px !important;
    }

    #data-sednici.content {
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }
}




/*#endregion Datum Sednici na sobranie*/

/*#region dividenden kalendar -- da se prefrli vo ns-one2*/
#dividenden-kalendar {
    position: relative;
    width: 100%;
    height: 100%;
}

    #dividenden-kalendar .main-banner .container {
        position: relative;
        height: 100%;
    }

    #dividenden-kalendar .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/korporativno-upravuvanje-banner.png);
        background-size: cover;
        height: 520px;
        background-position: center;
        background-repeat: no-repeat;
    }

        #dividenden-kalendar .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #dividenden-kalendar h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #dividenden-kalendar .content {
        padding: 110px 0 70px;
    }

        #dividenden-kalendar .content .text-wrap {
            font-size: 18px !important;
            margin-top: 125px;
            margin-bottom: 40px;
        }

            #dividenden-kalendar .content .text-wrap p {
                line-height: 1.2;
            }

    #dividenden-kalendar .table-responsive {
        position: relative;
        box-shadow: 0 30px 99px rgba(0, 0, 0, .19);
        border-radius: 8px;
        overflow: visible;
        width: 100%;
    }

        #dividenden-kalendar .table-responsive .tableTest {
            margin: 0 auto;
            background: #fff;
            width: 100% !important;
        }

        #dividenden-kalendar .table-responsive thead th {
            line-height: 1.2;
            font-size: 18px !important;
        }

        #dividenden-kalendar .table-responsive tbody td {
            width: 25%;
            padding: 10px 30px;
            font-size: 19px;
        }

@media (max-width: 991px) {
    #dividenden-kalendar .table-responsive {
        overflow: auto !important;
    }

        #dividenden-kalendar .table-responsive .tableTest {
            overflow: visible;
            touch-action: auto;
        }
}

@media (max-width: 767px) {
    #dividenden-kalendar .main-banner {
        background-position: 85% 0% !important;
    }

    #dividenden-kalendar h2 {
        font-size: 26px;
        text-align: center;
    }

    #dividenden-kalendar .header {
        padding: 30px !important;
        width: 90% !important;
    }

        #dividenden-kalendar .header h1 {
            font-size: 30px !important;
        }

    #dividenden-kalendar .content {
        padding: 90px 0 70px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #dividenden-kalendar .main-banner {
        background-position: 80% 0%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #dividenden-kalendar .main-banner {
        background-position: 80%;
    }
}

@media (min-width: 1200px) and (max-width: 1575px) {
    #dividenden-kalendar .main-banner {
        background-position: 80%;
    }
}
/*#endregion dividenden kalendar */

.h100 {
    height: 100% !important;
}


.fancy-slider .row {
    position: relative;
    z-index: 1;
}

    .fancy-slider .row:hover {
        z-index: 2;
    }

.fancy-box-md {
    height: 65%;
    position: relative;
    z-index: 1;
}

    .fancy-box-md:hover {
        z-index: 2;
    }

        .fancy-box-md:hover .fancy-slider-content {
            top: -7.5%;
            left: -8%;
            width: 116%;
            height: 169.3%;
        }




.fancy-box-sm {
    height: 35%;
    width: 50%;
    float: left;
    position: relative;
    z-index: 1;
}

    .fancy-box-sm:hover {
        z-index: 2;
    }

        .fancy-box-sm:hover .fancy-slider-content {
            top: -199.5%;
            left: -16%;
            width: 232%;
            height: 314.3%;
        }

    .fancy-box-sm.right-box:hover .fancy-slider-content {
        top: -199.5%;
        left: -116%;
        width: 232%;
        height: 314.3%;
    }

.fancy-box-lg {
    height: 100%;
    position: relative;
    z-index: 1;
}

    .fancy-box-lg:hover {
        z-index: 2;
    }

        .fancy-box-lg:hover .fancy-slider-content {
            top: -5%;
            left: -8%;
            width: 116%;
            height: 110%;
        }

.fancy-slider-content {
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    transition: all linear 0.2s;
    -webkit-box-shadow: 0 0 0 0 #dedede;
    -webkit-box-shadow: 0 0 0 0 rgba(196,196,196,0.5);
    -moz-box-shadow: 0 0 0 0 #dedede;
    -moz-box-shadow: 0 0 0 0 rgba(196,196,196,0.5);
    box-shadow: 0 0 0 0 #dedede;
    box-shadow: 0 0 0 0 rgba(196,196,196,0.5);
}


    .fancy-slider-content:hover {
        -webkit-box-shadow: 6px 6px 5px 0 #dedede;
        -webkit-box-shadow: 6px 6px 5px 0 rgba(196,196,196,0.5);
        -moz-box-shadow: 6px 6px 5px 0 #dedede;
        -moz-box-shadow: 6px 6px 5px 0 rgba(196,196,196,0.5);
        box-shadow: 6px 6px 5px 0 #dedede;
        box-shadow: 6px 6px 5px 0 rgba(196,196,196,0.5);
    }

.fancy-slider-content {
    background: white;
}

    .fancy-slider-content img {
        position: absolute;
        width: 100%;
        opacity: 1;
        transition: all linear 0.2s;
        height: auto;
    }

    .fancy-slider-content:hover img {
        position: absolute;
        width: 100%;
        opacity: 0.6;
        height: auto;
    }

    .fancy-slider-content .fancy-content {
        position: absolute;
        z-index: 2;
        width: 80%;
        transition: all linear 0.2s;
        bottom: 8px;
        left: 8px;
    }

.fancy-box-sm .fancy-slider-content .fancy-content {
    width: 88%;
}



@media (max-width:767px) {
    .fancy-box-md:hover .fancy-slider-content, .fancy-box-lg:hover .fancy-slider-content, .fancy-box-sm:hover .fancy-slider-content {
        top: 0;
        left: 0;
        width: 100%;
        height: 159%;
    }

    .fancy-box-lg:hover .fancy-slider-content {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .fancy-box-sm.right-box:hover .fancy-slider-content {
        top: -199.5%;
        left: -100%;
        width: 200%;
        height: 314.3%;
    }

    .fancy-box-sm:hover .fancy-slider-content {
        top: -199.5%;
        left: 0;
        width: 200%;
        height: 300.3%;
    }

    .fancy-slider {
        height: 290px;
    }
}

.fancy-content h1 {
    font-size: 18px;
    display: inline-block;
    text-overflow: ellipsis;
}

    .fancy-content h1:after {
        content: '...';
        display: inline-block;
    }

.fancy-content:hover h1:after {
    content: '';
    display: inline-block;
}

.fancy-slider-content:hover .fancy-content {
    padding: 15px !important;
}

.fancy-box-lg .fancy-slider-content .fancy-content, .fancy-box-md .fancy-slider-content .fancy-content {
    /*height: 70px;*/
    padding: 5px 10px;
    overflow: hidden;
}

.fancy-box-sm .fancy-slider-content .fancy-content {
    height: 38px;
    padding: 10px;
    overflow: hidden;
}

.fancy-box-sm .fancy-content h1 {
    height: 19px;
    overflow: hidden;
}

.fancy-box-sm .fancy-content h4 {
    margin: 0;
    overflow: hidden;
    height: 20px;
}

.fancy-box-sm .fancy-slider-content:hover .fancy-content h1, .fancy-box-sm .fancy-slider-content:hover .fancy-content h4 {
    height: auto;
    margin: 5px 0;
}


.fancy-box-sm .fancy-content h1:after {
    content: '...';
    display: inline-block;
}


.fancy-slider-content:hover .fancy-content {
    width: 80%;
    height: auto;
}

.fancy-slider-content .fancy-content a {
    display: block;
    /*position: absolute;
    bottom: 24px;*/
    color: white;
    opacity: 0;
}

.fancy-slider-content:hover .fancy-content a {
    display: block;
    opacity: 1;
    transition-delay: 1s;
    transition: opacity linear 0.5s;
}

.fancy-slider-content .fancy-content p {
    display: none;
    height: 0;
    transition: all linear 0.2s;
    overflow: hidden;
    color: white;
    line-height: 16px;
}

.fancy-slider-content:hover .fancy-content p {
    display: block;
}

.fancy-slider-content:hover .fancy-content p {
    height: auto;
}

.fancy-magenta .fancy-slider-content .fancy-content {
    background-color: rgb(63, 143, 154);
    background-color: rgba(63, 143, 154, 0.8);
}

.fancy-magenta2 .fancy-slider-content .fancy-content {
    background-color: rgb(226, 0, 116);
    background-color: rgba(226, 0, 116, 0.8);
}

.fancy-magenta-light .fancy-slider-content .fancy-content {
    background-color: rgb(159, 76, 151);
    background-color: rgba(159, 76, 151,0.8);
}

.fancy-blue .fancy-slider-content .fancy-content {
    background-color: rgb(70, 123, 171);
    background-color: rgba(70, 123, 171, 0.8);
}

.fancy-orange .fancy-slider-content .fancy-content {
    background-color: rgb(159, 76, 151);
    background-color: rgba(159, 76, 151,0.8);
}

.fancy-magenta .news-arrow {
    background-color: rgb(63, 143, 154);
    background-color: rgba(63, 143, 154, 0.8);
    left: 84%;
    bottom: 8px;
}

.fancy-magenta2 .news-arrow {
    background-color: rgb(226, 0, 116);
    background-color: rgba(226, 0, 116, 0.8);
    left: 84%;
    bottom: 8px;
}

.fancy-magenta-light .news-arrow {
    background-color: rgb(159, 76, 151);
    background-color: rgba(159, 76, 151,0.8);
    left: 84%;
    bottom: 8px;
}

.fancy-blue .news-arrow {
    background-color: rgb(70, 123, 171);
    background-color: rgba(70, 123, 171, 0.8);
    left: 84%;
    bottom: 8px;
}

.fancy-orange .news-arrow {
    background-color: rgb(159, 76, 151);
    background-color: rgba(159, 76, 151,0.8);
    left: 84%;
    bottom: 8px;
}

@media screen and (min-width: 1200px) {
    .fancy-slider {
        margin-top: 10px;
        height: 350px;
        position: relative;
    }
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
    .fancy-slider {
        margin-top: 10px;
        /*background-color: white;*/
        height: 265px;
        position: relative;
    }

        .fancy-slider h1 {
            font-size: 18px;
            color: white;
            margin-top: 5px;
            font-family: tele-groteskhalregular;
            text-transform: uppercase;
        }
}

@media screen and (max-width: 768px) {
    .fancy-slider {
        margin-top: 10px;
        /*background-color: white;*/
        height: 0;
        position: relative;
    }

        .fancy-slider .h100 {
            height: 100% !important;
            padding: 0;
            /*background-color: white;*/
        }

    .row.h100 {
        margin: 0;
    }

    .fancy-slider h1 {
        font-size: 16px;
        color: white;
        margin-top: 5px;
        font-family: tele-groteskhalregular;
        text-transform: uppercase;
    }
}























































/*slide*/
.slider {
    margin-top: 10px;
}

/*.slider .col-xs-6.one:hover, .slider .col-xs-6.two:hover, .slider .col-xs-6.three:hover, .slider .col-xs-12:hover .slide.blue, .slider .col-xs-12:hover .slide.top {
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        height: 353px;
        z-index: 5;
        box-shadow: 5px 5px 5px #aaa;
        box-shadow: 5px 5px 5px rgba(0,0,0, .3);
        -webkit-transition: box-shadow 0.2s ease-in;
        -moz-transition: box-shadow 0.2s ease-in;
        -ms-transition: box-shadow 0.2s ease-in;
        -o-transition: box-shadow 0.2s ease-in;
        transition: box-shadow 0.2s ease-in;
    }*/

/*.slider .col-xs-6.one:hover .slide.bottom, .slider .col-xs-6.two:hover .slide.bottom, .slider .col-xs-6.three:hover .slide.bottom,
        .slider .col-xs-6.one:hover .slide.bottom .slImg, .slider .col-xs-6.two:hover .slide.bottom .slImg, .slider .col-xs-6.three:hover .slide.bottom .slImg, .slider .col-xs-12.big:hover .slide.top .slImg {
            height: 353px !important;
            overflow: visible;
            -webkit-transition: all 0.2s ease-in, background 0 initial;
            -moz-transition: all 0.2s ease-in, background 0 initial;
            -ms-transition: all 0.2s ease-in, background 0 initial;
            -o-transition: all 0.2s ease-in, background 0 initial;
            transition: all 0.2s ease-in, background 0 initial;
        }*/

.slide, .slider {
    position: relative;
}

.big {
    min-height: 225px;
}


.slider:hover .slide {
    opacity: 0.3;
    transition: opacity ease-in-out 0.3s;
}

    .slider:hover .slide:hover {
        opacity: 1;
        transition: opacity ease-in-out 0.3s;
        z-index: 9;
        box-shadow: 5px 5px 5px #aaa;
        box-shadow: 5px 5px 5px rgba(0,0,0, .3);
    }

.slide .title-box {
    position: absolute;
    bottom: 10px;
    width: 75%;
    left: 10px;
    padding: 10px;
    right: auto;
    transition: top ease-in-out 0.3s;
}

.slide:hover .title-box {
    position: absolute;
    bottom: 10px;
    width: 75%;
    left: 10px;
    padding: 10px;
    top: 10px !important;
    right: auto;
}


/*.slide:hover .title-box {
        padding: 30px;
    }*/

/*.slide:hover {
        position: absolute;
        z-index: 5;
    }*/

/*.slider .col-xs-6:hover .slide .title-box, .slider .col-xs-12:hover .slide .title-box {
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        position: relative;
        height: 353px;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }*/

.slide .title-box h1, .slide .title-box a, .slide .title-box p, /*.slide .title-box a:hover,*/ .slide .title-box a:focus {
    color: white !important;
}

.slide .title-box h1 {
    text-transform: none;
    font-size: 18px;
    margin: 0;
}

.slide .title-box p {
    text-transform: none;
    font-size: 17px;
    margin: 30px 0;
}

.slide:hover .title-box p {
    display: block;
}

.slide .title-box a {
    display: block;
}

.slide:hover .title-box a {
    display: block;
    position: absolute;
    bottom: 8px;
}

.slide.magenta .title-box {
    background-color: #e46ba7;
    background-color: rgba(230,0,150,0.6);
}

.slide.blue .title-box {
    background-color: #7fc4e8;
    background-color: rgba(100,185,230,0.6);
}

.slide.orange .title-box {
    background-color: #fee3a4;
    background-color: rgba(255,210,105,0.6);
}

.slide .slImg {
    position: relative;
}

.slide.top .slImg {
    height: 225px;
    overflow: hidden;
}

.slide.blue .slImg {
    height: 353px;
    overflow: hidden;
}

.slide.bottom .slImg {
    height: 128px;
    overflow: hidden;
}


.slide.blue img {
    width: 100%;
    height: 100%;
}

.slide.top .slImg img {
    margin-top: -60px;
}

.slide.bottom {
    height: 128px;
    overflow: hidden;
}

    .slide.bottom .slImg img {
        margin-top: -40px;
    }

    .slide.bottom a, .slide p {
        display: none;
    }

/*.slide.bottom:hover a, .slide:hover p {
            display: block;
        }*/

.slImg {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: 50% !important;
}

    .slImg:hover {
        height: 395px !important;
    }

.news-arrow {
    position: absolute;
    bottom: 10px;
    left: 80%;
    width: 35px;
    height: 73px;
    background-image: url(../images/news-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
}


.fancy-box-sm .news-arrow {
    display: none;
}

.fancy-box-sm:hover .news-arrow {
    display: block;
}

.slide.magenta .news-arrow {
    background-color: #e46ba7;
    background-color: rgba(230,0,150,0.7);
}

.slide.blue .news-arrow {
    background-color: #7fc4e8;
    background-color: rgba(100,185,230,0.7);
}

/*.slide:hover .news-arrow {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.slide.blue:hover .news-arrow {
    background-color: #5592be;
    background-color: rgba(90,150,190,0.6);
}

.slide.magenta:hover .news-arrow {
    background-color: #c50264;
    background-color: rgba(185,5,95,0.7);
}

.slide.orange:hover .news-arrow {
    background-color: #fee3a4;
    background-color: rgba(250,220,145,0.6);
}*/

.slide.orange .news-arrow {
    background-color: #fee3a4;
    background-color: rgba(255,210,105,0.7);
}

.slide.bottom .news-arrow {
    display: none;
}

/*.slide.bottom:hover .news-arrow {
    display: block;
}*/

.center-iphone-button {
    padding: 10px;
    background-attachment: scroll;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    -moz-background-origin: padding-box;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    background-size: auto;
    border-bottom-color: rgb(150, 150, 150);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(150, 150, 150);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(150, 150, 150);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(150, 150, 150);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgb(150, 150, 150);
    cursor: pointer;
    direction: ltr;
    /* display: block; */
    float: none;
    font-family: 'Myriad Set Pro', Arial;
    font-size: 12px;
    font-weight: normal;
    height: 32px;
    line-height: 31px;
    opacity: 1;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    top: auto;
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-property: -webkit-transform, opacity;
    -o-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: -webkit-transform, opacity;
    -moz-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    z-index: 15;
    -ms-zoom: 1;
    zoom: 1;
    font-size: 14px;
    padding: 0px 40px;
    border: 1px solid #C5C5C5;
    position: absolute;
    top: 70%;
    left: 50%;
    margin-left: -52px;
}

    .center-iphone-button:hover {
        text-decoration: none;
        background: transparent;
        color: rgb(150, 150, 150);
    }



@media (max-width:768px) {
    .center-iphone-button {
        display: none;
    }
}

.left-iphone-button {
    padding: 10px;
    background-attachment: scroll;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    -moz-background-origin: padding-box;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    background-size: auto;
    border-bottom-color: rgb(150, 150, 150);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(150, 150, 150);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(150, 150, 150);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(150, 150, 150);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgb(150, 150, 150);
    cursor: pointer;
    direction: ltr;
    /* display: block; */
    float: none;
    font-family: 'Myriad Set Pro', Arial;
    font-size: 12px;
    font-weight: normal;
    height: 32px;
    line-height: 31px;
    opacity: 1;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    top: auto;
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-property: -webkit-transform, opacity;
    -o-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: -webkit-transform, opacity;
    -moz-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    z-index: 15;
    -ms-zoom: 1;
    zoom: 1;
    font-size: 14px;
    padding: 0px 40px;
    border: 1px solid #C5C5C5;
    position: absolute;
    /*top: 70%;
    left: 50%;
    margin-left: -52px;
        left: 50% !important;
    margin-left: -120px !important;*/
    left: 71% !important;
    top: 55%;
}

    .left-iphone-button:hover {
        text-decoration: none;
        background: transparent;
        color: rgb(150, 150, 150);
    }

.right-iphone-button {
    padding: 10px;
    background-attachment: scroll;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    -moz-background-origin: padding-box;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    background-size: auto;
    border-bottom-color: rgb(150, 150, 150);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(150, 150, 150);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(150, 150, 150);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(150, 150, 150);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgb(150, 150, 150);
    cursor: pointer;
    direction: ltr;
    /* display: block; */
    float: none;
    font-family: 'Myriad Set Pro', Arial;
    font-size: 12px;
    font-weight: normal;
    height: 32px;
    line-height: 31px;
    opacity: 1;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    top: auto;
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-property: -webkit-transform, opacity;
    -o-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: -webkit-transform, opacity;
    -moz-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    z-index: 15;
    -ms-zoom: 1;
    zoom: 1;
    font-size: 14px;
    padding: 0px 40px;
    border: 1px solid #C5C5C5;
    position: absolute;
    top: 70%;
            right: 50% !important;
    /*margin-right: -175px !important;*/
    margin-right: -63px;
}

    .right-iphone-button:hover {
        text-decoration: none;
        background: transparent;
        color: rgb(150, 150, 150);
    }
/*end slide*/

/*#region GENERAL CLASSES*/
.box-title {
    margin: 0 0 10px !important;
    /*margin: -20px -20px 10px !important;*/
    font-size: 22px;
    font-family: 'tele-groteskhalregular';
    color: #e20074;
    border-bottom: 1px solid #eee;
    padding: 0 0 10px;
    /*padding: 10px;*/
    font-weight: normal;
    display: block;
    text-transform: uppercase;
}

a.box-title:after {
    content: url(../images/shoppingcart-one.png);
    display: inline;
    opacity: 1;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    float: right;
}

a.box-title:hover {
    color: #e20074;
    text-decoration: none;
    border-bottom-color: #e20074;
}

    a.box-title:hover:after {
        opacity: 1;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }



.pr0 {
    padding-right: 0;
}

a {
    cursor: pointer;
}

.btn-grey-dark {
    background: #c6c6c6;
    color: #fff;
    text-transform: none;
    font-size: 16px;
    padding: 9px 25px;
    font-family: 'tele-groteskhalregular';
    border-radius: 0;
    display: block;
    min-width: 0;
    -webkit-box-shadow: inset 0 -3px 0 #999;
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 -3px 0 #999;
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    box-shadow: inset 0 -3px 0 #999;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-bottom: 3px solid #bfbfbf\9;
    font-size: 16px;
    padding: 5px 20px;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .btn-grey-dark:hover {
        background: #DCDCDC;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        color: #fff;
        text-decoration: none;
    }


/*.white-box {
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    padding: 15px;
}*/

.white-box-footer {
    padding-top: 20px;
}

p.info-box {
    font-size: 14px;
    padding: 8px;
    border: 1px solid;
}

    p.info-box.info-box-gray {
        color: #909090;
        background-color: #fafafa;
        border-color: #f0f0f0;
    }
/*#endregion*/

/*#region PROMOTION ITEM*/

/*.webshop-device-thumbnail {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 240px;
    width: 180px;
}*/

.product-item {
    position: relative;
    text-align: center;
}

    .product-item .device-spec-title {
        margin: 10px 0;
        font-family: 'tele-groteskfetregular';
        text-align: center;
        font-size: 17px;
        /*height: 50px;*/
        height: 34px;
        text-transform: uppercase;
    }

    .product-item .webshop-device-thumbnail {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        /*height: 240px;*/
        height: 220px;
        width: 180px;
        position: relative;
    }

        .product-item .webshop-device-thumbnail img {
            /*max-height: 210px;*/
            max-height: 175px;
        }

    .product-item .device-spec-price {
        display: block;
        /*font-size: 30px;*/
        font-size: 24px;
        letter-spacing: -0.02em;
        color: #E20074;
        margin: 0;
        text-align: center;
        font-family: 'tele-groteskfetregular';
    }

    .product-item .tariff {
        /*margin-top: 20px !important;*/
        color: #8b8b8b;
        font-size: 14px;
        margin: 0 0 10px;
        display: block;
        line-height: 16px;
    }

        .product-item .tariff span {
            color: #e20074;
            display: block;
        }

.webshop-device-box {
    background-color: #fff;
    box-shadow: 0 2px 2px #eee;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    margin: 5px;
    position: relative;
}

    .webshop-device-box.webshop-device-box-xs {
        height: 260px;
    }

    .webshop-device-box.webshop-device-box-md {
        height: 410px;
    }

    .webshop-device-box .eyecatcher,
    .product-item .eyecatcher {
        position: absolute;
        top: 10px;
        right: 0px;
        display: block;
        /*width: 110px;
        height: 36px;
        background-color: #f3d56b;
        background-color: rgba(243, 213, 107, 0.9);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);*/
    }

    .webshop-device-box .device-spec-title {
        font-family: 'tele-groteskhalregular';
        color: #777777;
        border-bottom: 1px solid #dadada;
        /*height: 55px;*/
        font-size: 18px;
        vertical-align: middle;
        line-height: 1;
        padding: 10px 0;
        margin: 0 10px;
    }

    .webshop-device-box .webshop-deivce-specs .tarriff span {
        color: #e20074;
    }

    .webshop-device-box .device-spec-price {
        display: block;
        font-size: 22px;
        letter-spacing: -0.02em;
        color: #E20074;
        margin-top: 35px;
    }

    .webshop-device-box .webshop-device-thumbnail img {
        max-height: 140px;
    }

    .webshop-device-box .webshop-box-content {
        padding: 12px;
        height: 270px;
    }

    .webshop-device-box .webshop-box-footer {
        padding: 10px;
        background-color: #fafafa;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

        .webshop-device-box .webshop-box-footer .btn-magen {
            max-width: none;
            min-width: 0;
            padding: 6px;
            width: 100%;
            display: block;
            text-align: center;
            font-size: 16px;
        }

    /*#region XS VARIANT*/
    .webshop-device-box.webshop-device-box-xs .webshop-box-content {
        padding: 10px;
        height: 160px;
    }
/*#endregion*/

/*#endregion*/
.p-20-0-35 {
    padding: 20px 0 35px;
}

.small-login-description {
    font-size: 12px;
    font-weight: normal;
    color: #777;
    display: block;
    /* padding-left: 20px; */
    padding-top: 5px;
}

.h60 {
    height: 60px;
}



/*#region PRODUCT-LIST ADDONS*/
.dropdown-lg-magen {
    background-color: #E20074;
    height: 45px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 0;
    box-shadow: 1px 1px 1px #eee;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    border: 1px solid #eee;
    border: 1px solid rgba(0,0,0,0.1);
}

    .dropdown-lg-magen option {
        padding: 10px;
        display: block;
        background-color: #fff;
        color: #e20074;
        font-size: 16px;
    }

.dropdown-lg-white {
    background-color: #ffffff;
    height: 45px;
    color: #e20074;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 0;
    box-shadow: 1px 1px 1px #eee;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    border: 1px solid #eee;
    border: 1px solid rgba(0,0,0,0.1);
}

/*#endregion*/
/*#region preporacuvame slajder*/
.recomended-slider-holder .slick-prev {
    left: -21px;
    z-index: 9;
    background: url('../images/left-arrow-m.png');
    top: -14px;
    right: 25px;
    left: inherit;
    height: 47px;
    background-repeat: no-repeat;
}

.recomended-slider-holder .slick-next {
    z-index: 9;
    background: url('../images/right-arrow-m.png');
    top: -14px;
    right: 0;
    left: inherit;
    height: 47px;
    background-repeat: no-repeat;
}

.recomended-slider-holder {
    max-height: 254px;
}
/*#endregion*/


/*#region compare*/
table.ns-table img {
    width: auto;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    display: block;
}

/*price filter*/
.one-t-price-filter {
    padding: 0px 10px;
}

    .one-t-price-filter .ui-slider-handle {
        border: 0px !important;
        background: #e20074 !important;
        border-radius: 100px !important;
        width: 15px !important;
        height: 15px !important;
        outline: 0px !important;
    }

    .one-t-price-filter .ui-slider-range {
        background: rgba(226, 0, 116, 0.42) !important;
    }

    .one-t-price-filter .ui-slider {
        height: 6px !important;
        background: #EAEAEA !important;
        border: 0px;
    }

.slider-price-numbers {
    text-align: center;
}

/*#phone-list .white-box {
    padding: 10px 15px;
}*/

.product-filters > div.affix {
    top: 70px;
    bottom: 0;
    padding-bottom: 70px;
    overflow: auto;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

@media (min-width: 992px) {
    .product-filters > div.affix {
        width: 227.5px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .product-filters > div.affix {
        width: 165px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .product-filters > div.affix {
        background-color: #D4D4D4;
        top: 54px;
        left: 0;
        bottom: 0;
        padding: 10px;
        width: 25%;
    }
}

@media (max-width: 767px) {
    .product-filters > div.affix {
        width: 100%;
        position: static;
    }
}

@media (max-width:991px) {
    .product-item .webshop-device-thumbnail {
        display: block;
        width: 100%;
        max-width: 260px;
        margin: 0 auto;
    }
}

.product-filters .white-box {
    padding: 10px 15px;
}

.product-filters .form-control {
    margin-bottom: 10px;
}

.product-filters .compare-button {
    width: 100%;
    max-width: none;
    height: auto;
    padding: 8px;
    border-bottom: 4px solid #5B8E18;
    box-shadow: 0 0 0;
    -moz-animation-name: blinker;
    -o-animation-name: blinker;
    -webkit-animation-name: blinker;
    animation-name: blinker;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: 2;
    -o-animation-iteration-count: 2;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
}



.product-filters select {
    width: 100%;
    /* padding: 5px 10px; */
    padding: 7px 25px 7px 10px;
    color: #e20074;
    margin-bottom: 8px;
    font-family: 'tscreen-medium';
    background-image: url('../../images/arrow_down_magenta.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
    font-size: 16px;
    height: auto;
    border-radius: 0;
    /* box-shadow: 1px 1px 1px rgba(0,0,0,0.15); */
    border: 1px solid rgba(0,0,0,0.1);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    .product-filters select::-ms-expand {
        display: none;
    }

    .product-filters select:hover {
        box-shadow: none;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        background-color: #f3f3f3;
    }


    .product-filters select:focus {
        outline: none;
        outline-offset: 0;
        box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
        border: 1px solid rgba(0,0,0,0.1);
    }

    .product-filters select option {
        color: #666666;
    }

        .product-filters select option:hover {
            background-color: #e20074;
            color: #ffffff;
        }

.ns-table.ns-ctrl {
    background-color: transparent;
}

table.table-blue.ns-table.ns-ctrl th {
    background-color: white;
}

    table.table-blue.ns-table.ns-ctrl th:first-child {
        background-color: #f9f9f9 !important;
        background-repeat: no-repeat;
        background-position: bottom left;
    }

@media (min-width: 768px) and (max-width:991px) {
    table.table-blue.ns-table.ns-ctrl th:first-child {
        background-color: #f9f9f9 !important;
        background-image: none !important;
        background-repeat: no-repeat;
        background-position: bottom left;
    }
}

.ns-table.ns-ctrl h2 {
    font-size: 18px;
    color: #333;
    min-height: 50px;
}
/*#endregion compare*/
/*region movie*/
.movie-box {
    border: 1px solid #ddd;
    padding: 15px;
    height: 415px;
    margin-bottom: 30px;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    .movie-box:hover {
        background-color: #eee;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .movie-box > h3 {
        font-size: 20px;
        font-family: 'tele-groteskfetregular';
        color: #333;
        margin: 0 0 15px;
        height: 55px;
        line-height: 18px;
    }

    .movie-box > p {
        color: #666;
        margin: 5px 0 20px;
        height: 30px;
        line-height: 14px;
    }

    .movie-box > img {
        display: block;
        height: 180px;
        margin: 0 auto;
    }

    .movie-box > span {
        color: #666;
        margin: 10px 0 20px;
        height: 22px;
        display: block;
        line-height: 1;
        font-size: 14px;
    }

    .movie-box > a {
        width: 100%;
        display: block;
        max-width: none;
        text-align: center;
    }

.movie-cover-reccommended {
    position: relative;
    opacity: 0.75;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    .movie-cover-reccommended > img {
        width: 100%;
        max-height: 255px;
        margin-bottom: 30px;
    }

    .movie-cover-reccommended > h4 {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 20px;
        background-color: rgba(29, 29, 29, 0.85);
        padding: 10px;
        margin: 0;
        color: #ffffff;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .movie-cover-reccommended > label {
        position: absolute;
        bottom: -30px;
        color: #909090;
        font-size: 14px;
        font-weight: normal;
        visibility: hidden;
        opacity: 0;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .movie-cover-reccommended:hover {
        opacity: 1;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

        .movie-cover-reccommended:hover > h4 {
            background-color: rgba(226, 0, 116, 0.85);
            -moz-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

        .movie-cover-reccommended:hover > label {
            visibility: visible;
            opacity: 1;
            -moz-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

.mr0 {
    margin-right: 0 !important;
}

.ml0 {
    margin-left: 0 !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.w100 {
    width: 100% !important;
}

#videoDetails .white-box {
    position: relative;
    height: 400px;
}

    #videoDetails .white-box > .form-group {
        overflow: auto;
        position: absolute;
        top: 60px;
        right: 15px;
        left: 30%;
        bottom: 15px;
    }

.white-box-price-movie {
    text-align: center;
    background: url('../images/box-movie-bg.png') center bottom #fff no-repeat;
    background-size: 100%;
}

    .white-box-price-movie > h1 {
        color: #e20074;
        font-size: 28px;
        margin-top: 30px;
    }

    .white-box-price-movie > p {
        color: #aaaaaa;
    }

.ic_circle_fb {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #537bbd;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    cursor: pointer;
    display: inline-block;
    margin: 5px;
    position: relative;
}

    .ic_circle_fb > span {
        color: #fff;
        font-size: 12px;
        display: block;
        text-align: center;
        width: auto;
        padding-top: 3px;
    }

.social-tooltip {
    visibility: hidden;
    opacity: 0;
    background-color: #4f4f4f;
    color: #ffffff;
    padding: 5px;
    font-size: 12px;
    border-radius: 4px;
    position: absolute;
    bottom: -30px;
    white-space: nowrap;
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.ic_circle_fb:hover {
    background-color: #6991d3;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .ic_circle_fb:hover .social-tooltip {
        visibility: visible;
        opacity: 1;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

/*#endregion movie*/

/*cart*/
.cart-radio-text {
    line-height: 12px;
    padding: 10px;
}

.cart-radio-label {
    display: block;
    padding: 10px;
}

/*#region MAP SHOPS*/
.shopmap .filter-holding {
    padding: 10px;
}

.shopmap .box-title {
    border: none;
    margin: 0 !important;
    padding: 10px 10px 10px 25px;
}

.shopmap .innerLabelWrapper label {
    position: absolute;
    left: 24px;
    top: 13px;
    margin: 0;
    color: #434343;
    font-size: 14px;
    font-family: 'tele-groteskhalregular';
    font-weight: normal;
}

@media (max-width:767px) {
    .shopmap .innerLabelWrapper label {
        position: absolute;
        left: 10px;
        top: 12px;
        margin: 0;
        color: #434343;
        font-size: 14px;
        font-family: 'tele-groteskhalregular';
        font-weight: normal;
    }

    .innerLabelWrapper {
        padding: 0px;
    }
}

.shopmap .innerLabelWrapper .form-control {
    padding: 10px 10px 10px 70px;
    text-transform: uppercase;
    color: #e20074;
    font-family: 'tele-groteskfetregular';
    font-size: 14px;
    height: auto;
    border-radius: 0;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    border: 1px solid rgba(0,0,0,0.1);
}

.shopmap table {
    width: 100%;
    margin: 0;
    font-size: 14px;
    table-layout: fixed;
}

    .shopmap table thead th {
        background: #fff;
        color: #3f3f3f;
        font-weight: normal;
        padding: 10px;
        font-size: 16px !important;
        text-transform: uppercase;
        font-family: 'tele-groteskhalregular';
        border-bottom: 2px solid #ddd !important;
    }

    .shopmap table tbody td {
        padding: 5px 10px;
        border-bottom: 1px solid #eee !important;
        background-color: #fbfbfb;
    }

/*#endregion*/

#overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 9999;
    opacity: 0.8;
}

#confirm-dialog {
    width: 320px;
    background-color: #F5F5F5;
    z-index: 10000;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    height: 150px;
    margin-top: -75px;
    padding: 20px;
    padding-top: 47px;
}

.confirm-box-title {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #e20074;
    display: block;
    margin: 0px;
    height: 40px;
    color: white;
    padding: 11px 20px;
}

#confirm-dialog > div {
    margin-top: 14px;
}

.yes-btn {
    float: right;
    margin-right: 30px;
}

.no-btn {
    float: left;
    margin-left: 30px;
}

.loading {
    display: block;
    position: fixed;
    z-index: 1;
    background-color: white;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

    .loading img {
        display: block;
        margin: -100px 0 0 -100px;
        width:54px;
		height:54px;
        position: fixed;
        top: 50%;
        left: 0;
        right: 0;
        margin: auto;
    }

    .loading.showLoading {
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        visibility: visible;
        opacity: 1;
    }

    .loading.hideLoading {
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        visibility: hidden;
        opacity: 0;
    }

/*@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
        box-shadow: 0 0 0 #90d437;
    }

    50% {
        opacity: 0.5;
        box-shadow: 0 0 15px #90d437;
    }

    100% {
        opacity: 1.0;
        box-shadow: 0 0 0 #90d437;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
        box-shadow: 0 0 0 #90d437;
    }

    50% {
        opacity: 0.5;
        box-shadow: 0 0 15px #90d437;
    }

    100% {
        opacity: 1.0;
        box-shadow: 0 0 0 #90d437;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
        box-shadow: 0 0 0 #90d437;
    }

    50% {
        opacity: 0.5;
        box-shadow: 0 0 15px #90d437;
    }

    100% {
        opacity: 1.0;
        box-shadow: 0 0 0 #90d437;
    }
}*/

#stickyTableHeader.affix {
    top: 100px;
}

#stickyTableHeader {
    display: table;
    padding: 0;
}

    #stickyTableHeader > span {
        display: table-cell;
        width: 25%;
        padding: 10px;
        color: #e20074;
        background: #fff;
    }

table.table-blue.ns-table th + th, table.table-blue.ns-table th, table.table-blue.ns-table th + th + th {
    box-shadow: none;
    border: 1px solid #e5e5e5 !important;
}

.ns-products.ns-ctrl .compare-products th {
    position: relative;
    padding-bottom: 95px !important;
    border: none !important;
    vertical-align: top !important;
}

    .ns-products.ns-ctrl .compare-products th:first-child {
        vertical-align: middle !important;
    }

.ns-products.ns-ctrl .compare-products .product-filters {
    position: absolute;
    bottom: 0px;
    left: 5px;
    right: 5px;
}

.ns-products.ns-ctrl .product-filters select {
    background-color: #fff;
    margin-bottom: -1px !important;
}

    .ns-products.ns-ctrl .product-filters select:focus, .ns-products.ns-ctrl .product-filters select:active {
        box-shadow: none;
    }

.ns-products.ns-ctrl .compare-products th img {
    height: 164px;
}

.compareProductZTitle {
    color: #333;
    text-align: left;
    margin-top: 50px;
    width: 50%;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
}

@media (min-width:768px) and (max-width:991px) {
    .compareProductZTitle {
        width: 100%;
    }
}

.compareBtnZ {
    float: right;
    margin-right: 5px !important;
    margin-top: 10px !important;
    border: none !important;
    padding: 7px 15px !important;
}

.compareTblZ {
    margin-top: 20px !important;
    background-color: transparent !important;
    border-top: 1px solid #cacaca !important;
    border-collapse: collapse !important;
}

    .compareTblZ b {
        font-family: 'tscreen-medium' !important;
    }

/*#region compare ctrl*/
.comapreTblZ.table-blue tbody tr td, .comapreTblZ.table-blue tbody tr td span, .comapreTblZ.table-blue tbody tr td.bold, .comapreTblZ.table-blue tbody tr td.bold span {
    font-family: tscreen-bold !important;
}

@media (min-width:768px) {
    .compareTblZ tr th:first-child, .compareTblZ tr td:first-child {
        margin-top: 20px !important;
        background-color: #f9f9f9;
    }
}

.comapreTblZ.table-blue tbody tr th:first-child span, .comapreTblZ.table-blue tbody tr td:first-child span {
    font-family: tscreen-regular !important;
}

@media (max-width:767px) {
    .ns-products.ns-ctrl.ns-table h2 {
        background: transparent !important;
        margin-bottom: 20px !important;
    }

    .compareProductZTitle {
        text-align: center;
        margin-bottom: 20px;
    }
}

/*#endregion compare ctrl*/



/*#region Core*/

html, body {
    font-family: 'teleNeo-regular' !important;
    font-size: 15px;
}

* {
    font-family: 'teleNeo-regular' !important;
}

strong, b {
    font-family: 'teleNeo-bold' !important;
}

h1, .h1, h2, .h2 {
    font-family: 'teleNeo-medium' !important;
}

.inner-cont h3 {
    font-size: 17px;
}

.inner-cont h1 {
    color: #333;
    padding: 15px 0;
    border-bottom: none;
    text-transform: none;
    color: #383838;
    font-size: 26px;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 30px;
    text-align: center;
    margin-top: 30px;
}

label {
    font-weight: normal !important;
    font-family: 'teleNeo-medium' !important;
    line-height: 16px;
    display: block;
}

/*table.table-blue thead tr th {
    font-size: 16px !important;
    font-family: 'teleNeo-medium' !important;
}

table > tbody > tr > td:first-child {
    font-family: 'teleNeo-medium';
    font-size: 17px;
}

table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    line-height: 22px;
    vertical-align: middle;
}

table.table-blue > tbody > tr > td, table.table-blue td + td + td {
    border-top: 0;
    border-bottom: 1px solid #eee !important;
    font-size: 15px;
    line-height: 17px;
    padding: 10px 10px;
}


table.table-blue.ns-table th + th, table.table-blue.ns-table th {
    font-size: 17px !important;
}

    table.table-blue.ns-table th:first-child {
        background-color: #dbecf4;
    }*/

h4.left-nav-title a {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    color: #383838;
    padding: 10px 15px;
    /*border-bottom: 1px solid #efefef;*/
    display: block;
}

#container-one #left-wrapper .left-menu.inZ li a {
    padding: 15px 10px 15px 25px;
    display: block;
    color: #383838;
    border-bottom: 1px solid #ECECEC;
    background: #fbfbfb;
    line-height: 18px;
}

#ns-header {
    background: white;
    position: relative;
    z-index: 10000;
}

#container-one #left-wrapper .left-nav-title.active-title a {
    background: #e9e9e9;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    color: #383838;
}

.sidebar {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

h3.left-nav-title {
    font-size: 14px;
    padding: 17px 15px;
    background: transparent;
}

#container-one #left-wrapper h3.left-nav-title a {
    margin: 0;
    font-family: teleNeo-bold !important;
    font-size: 17px !important;
    color: #e20074 !important;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    /* padding: 10px; */
}

    #container-one #left-wrapper h3.left-nav-title a:hover {
        color: #fff !important;
    }

.recommended-module-v1, .recommended-module-v2 {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: 1px solid #eaeaea;
    position: relative;
    background-color: #fff;
    margin-bottom: 15px;
    /*display: none;*/
}

#container-one #left-wrapper .left-menu.inZ li a {
    padding: 13px 10px 13px 25px;
    display: block;
    color: #383838;
    border-bottom: 0px solid #ECECEC;
    background: #fcfcfc;
    line-height: 18px;
}

.left-nav-title:last-of-type a {
    border-bottom: 0px solid #efefef;
}

h3.left-nav-title a {
    margin: 0;
    font-family: teleNeo-bold !important;
    font-size: 17px !important;
    color: #e20074 !important;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    /* padding: 10px; */
}

    h3.left-nav-title a:hover {
        color: #fff !important;
        text-decoration: none;
    }

@media (min-width: 1200px) {
    .container {
        width: 1024px;
    }
}

.inner-cont {
    /*margin-bottom: 15px;*/
    background: transparent;
    border: 0px solid #e9e9e9;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    /*padding: 10px;*/
    position: relative;
    margin-bottom: 25px;
}

    .inner-cont.empty-cell {
        margin-bottom: 0;
        padding: 0 10px;
    }

.outer-content {
    padding: 0px 10px 10px 10px;
}

    .outer-content .white-box-left-m-klub-blue:first-of-type {
        z-index: 10;
        display: block;
        position: relative;
    }

@media (min-width: 1200px) {
    #left-wrapper, #right-wrapper {
        width: 25%;
    }

    /*   #container-one #middle-wrapper {
        width: 75%;
    }*/
}

#ns-content {
    padding-bottom: 140px;
    padding-top: 0;
}

#header {
    z-index: 100;
    -moz-transition: height .3s ease-out;
    -webkit-transition: height .3s ease-out;
    -o-transition: height .3s ease-out;
    transition: height .3s ease-out;
    position: static;
    left: 0;
    right: 0;
    background: #e20074;
    height: 65px;
    width: 100%;
}

.main-menu-holder {
    background: transparent;
}

.t-logo-link {
    display: block;
    padding: 10px 0;
}


#subheaderOut #top-bar-left .mini-menu li:last-child {
    display: none;
}
/*#endregion Core*/
/*#region menu*/
@media (min-width: 768px) {
    #aboutTelekom .white-box-left-m-klub-blue {
        background: #f8f8f8;
        padding: 15px 0px;
    }

    #aboutTelekom .icon-land {
        width: 100px;
        height: 86px;
        background-size: 82px !important;
    }

    .main-menu-holder .nav.navbar-nav.menu_mk.sm .club {
        display: none;
    }

    .main-menu-holder .nav.navbar-nav.menu_sq.sm .club {
        display: none;
    }

    .main-menu-holder .nav.navbar-nav.menu_mk.sm .user .dropdown-menu .dropdown-menu {
        display: none;
    }

    .main-menu-holder .nav.navbar-nav.menu_sq.sm .user .dropdown-menu .dropdown-menu {
        display: none;
    }


    .myAcc > a:hover, .myAcc > a:focus, .payOnlineHomeBox > a:hover, .payOnlineHomeBox > a:focus, .dopolni-pripejd-kredit a:hover, .dopolni-pripejd-kredit a:focus {
        text-decoration: none;
        cursor: default;
    }

    #accountActions .collapse, #accountActions .collapsing, #accountActions .collapsed,
    #vodich .collapse, #vodich .collapsing, #vodich .collapsed {
        display: block;
        height: auto !Important;
    }

    .navbar-nav {
        float: left;
        margin: 0;
        display: flex;
        margin: 0 0 0 auto;
        table-layout: fixed;
        padding: 0;
        list-style: none;
        position: relative;
        text-align: right;
        position: static;
    }

    .main-menu .navbar-nav > li {
        float: left;
        position: relative;
        position: static;
        display: table-cell;
        z-index: 50;
        margin: 0;
        vertical-align: middle;
        height: 60px;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

        .main-menu .navbar-nav > li > a, .main-menu .navbar-nav > li > span {
            color: #262626;
            text-transform: uppercase;
            font-size: 13px;
            padding: 10px 15px;
            font-family: 'teleNeo-regular';
            text-align: left;
            white-space: normal;
            padding: 0;
            font-size: 16px;
            width: 100%;
            display: table;
            height: 60px;
            padding: 9px 10px;
            line-height: 16px;
            max-width: 160px;
            text-transform: none;
            white-space: nowrap;
            cursor: pointer;
            background: transparent !important;
        }

        .main-menu .navbar-nav > li:first-child > a,
        .main-menu .navbar-nav > li:first-child > span {
            padding-left: 0;
        }

    .nav.navbar-nav.sm > li > a:hover, .nav.navbar-nav.sm > li > a:focus, .navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > li:focus,
    .nav.navbar-nav.sm > li > span:hover, .nav.navbar-nav.sm > li > span:focus, .navbar-default .navbar-nav > li.active, .navbar-default .navbar-nav > li:focus {
        color: #e20074 !important;
        background-color: transparent !important;
    }

        .navbar-default .navbar-nav > li:hover > .dropdown-menu,
        .navbar-default .navbar-nav > li.active > .dropdown-menu {
            background: transparent;
            padding: 60px 4px !important;
            border: none;
        }

            .navbar-default .navbar-nav > li:hover > .dropdown-menu:before,
            .navbar-default .navbar-nav > li.active > .dropdown-menu:before {
                content: "";
                position: absolute;
                top: 0px;
                left: -500%;
                width: 1000%;
                height: 100%;
                background: white;
                border-top: 1px solid #EAEAEA;
                border-bottom: 1px solid #EAEAEA;
                z-index: -1;
            }

    .main-menu .navbar-nav > li > .dropdown-menu, .main-menu .dropdown-menu {
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
    }

    .navbar-default .navbar-nav > li:hover > .dropdown-menu > li > a,
    .navbar-default .navbar-nav > li.active > .dropdown-menu > li > a {
        border-right: 0px solid #DCDCDC !important;
    }

        .navbar-default .navbar-nav > li:hover > .dropdown-menu > li > a.strelche,
        .navbar-default .navbar-nav > li.active > .dropdown-menu > li > a.strelche {
            background-image: none !important;
        }

    .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li:focus > a,
    .navbar-default .navbar-nav > li.active > span, .navbar-default .navbar-nav > li:focus > span {
        color: #e20074 !important;
    }

    .navbar-default .navbar-nav > li:hover > .dropdown-menu > li > a, .navbar-default .navbar-nav > li:hover > .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav > li.active > .dropdown-menu > li > a, .navbar-default .navbar-nav > li.active > .dropdown-menu > li > a:hover {
        background-color: transparent !important;
        color: #e20074;
        font-size: 18px;
        padding: 20px;
        padding: 15px 20px 10px;
        font-family: 'teleNeo-bold';
        line-height: 1.2;
    }

    .navbar-nav .dropdown-menu > li > a,
    .navbar-nav .dropdown-menu > li > span {
        white-space: normal;
        line-height: 14px;
        padding: 12px;
        padding: 6px 3px;
        font-size: 17px;
        text-align: left;
    }


    .navbar-default .navbar-nav > .communication:hover > .dropdown-menu > li > .dropdown-menu > li.tarifi > .dropdown-menu .dropli a,
    .navbar-default .navbar-nav > .communicationD:hover > .dropdown-menu > li > .dropdown-menu > li.tarifi > .dropdown-menu .dropli a,
    .navbar-default .navbar-nav > .communicationD:hover > .dropdown-menu > li > .dropdown-menu > li.tarifi_fixD > .dropdown-menu .dropli a,
    .navbar-default .navbar-nav > .communication.active > .dropdown-menu > li > .dropdown-menu > li.tarifi > .dropdown-menu .dropli a,
    .navbar-default .navbar-nav > .communicationD.active > .dropdown-menu > li > .dropdown-menu > li.tarifi > .dropdown-menu .dropli a,
    .navbar-default .navbar-nav > .communicationD.active > .dropdown-menu > li > .dropdown-menu > li.tarifi_fixD > .dropdown-menu .dropli a,
    .navbar-default .navbar-nav > .fiksniD.active > .dropdown-menu > li > .dropdown-menu > li.net_paketiD > .dropdown-menu .dropli a {
        padding: 10px 12px;
        color: #838383;
    }

    .navbar-default li.net_paketiD > .dropdown-menu > li.officeD {
        padding: 10px 0px;
    }

        .navbar-default li.net_paketiD > .dropdown-menu > li.officeD a {
            color: #838383;
        }

    .navbar-default .navbar-nav > li a:hover, .navbar-default .navbar-nav > li a:focus, li.open,
    .navbar-default .navbar-nav > li a.active-in:hover,
    .navbar-default .navbar-nav > li a.active-in:focus {
        color: #e20074 !important;
        background-color: transparent !important;
    }

    .navbar-default .navbar-nav > li.katalog > .dropdown-menu li.dropli {
        width: 33.3333%;
    }

    .navbar-default .navbar-nav > li.katalog > .dropdown-menu li.mob_devices, .navbar-default .navbar-nav > li.katalog > .dropdown-menu li.dop_oprema, .navbar-default .navbar-nav > li.katalog > .dropdown-menu li.onlineDiscount {
        width: 33.3333%;
    }

    /*.navbar-default .navbar-nav > li.katalog:hover > .dropdown-menu > li.mob_devices > a,
    .navbar-default .navbar-nav > li.katalog:hover > .dropdown-menu > li.dop_oprema > a,
    .navbar-default .navbar-nav > li.katalog:hover > .dropdown-menu > li.onlineDiscount > a {
        background-image: url(../images/cart-redesign.png) !important;
        background-repeat: no-repeat !important;
        padding-left: 35px !important;
        background-position: left top 10px !important;
    }*/

    .navbar-default .navbar-nav > li.katalog:hover > .dropdown-menu > li.mob_devices > a,
    .navbar-default .navbar-nav > li.katalog.active > .dropdown-menu > li.mob_devices > a {
        background-image: url(../images/cart-redesign.png) !important;
        background-repeat: no-repeat !important;
        background-position: center right 60% !important;
    }

    .navbar-default .navbar-nav > li.katalog:hover > .dropdown-menu > li > a, .navbar-default .navbar-nav > li.katalog:hover > .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav > li.katalog.active > .dropdown-menu > li > a, .navbar-default .navbar-nav > li.katalog.active > .dropdown-menu > li > a:hover {
        background-color: transparent !important;
        color: #e20074;
        font-size: 16px;
        padding: 20px;
        padding: 12px 35px 12px;
        font-family: 'teleNeo-bold';
        padding-left: 20px !important;
    }

    .navbar-default .navbar-nav > li.katalog > .dropdown-menu > li > .dropdown-menu > li {
        width: auto !important;
    }

    .navbar-default .navbar-nav > li.tv:hover > .dropdown-menu > li,
    .navbar-default .navbar-nav > li.tv.active > .dropdown-menu > li {
        display: block;
        width: 25%;
        float: left;
        border-right: 0 solid #E0E0E0;
        padding-right: 20px;
    }

    /*za delovni korisnici mobilni uslugi*/

    .navbar-default .navbar-nav > li.mobilniD:hover > .dropdown-menu > li,
    .navbar-default .navbar-nav > li.mobilniD.active > .dropdown-menu > li {
        width: 20%;
    }

    .navbar-default .navbar-nav > li.uslugi:hover > .dropdown-menu > li,
    .navbar-default .navbar-nav > li.uslugi.active > .dropdown-menu > li {
        display: block;
        width: 33.3333%;
        float: left;
        border-right: 0 solid #E0E0E0;
    }

    .navbar-default .navbar-nav > li:hover > .dropdown-menu > li.mobApp-privatni > .dropdown-menu,
    .navbar-default .navbar-nav > li.active > .dropdown-menu > li.mobApp-privatni > .dropdown-menu {
        display: none !Important;
    }

    .navbar-default .navbar-nav > li.internetD:hover > .dropdown-menu > li,
    .navbar-default .navbar-nav > li.internetD.active > .dropdown-menu > li {
        /* width: 20%; */
        width: 20%;
    }

        .navbar-default .navbar-nav > li.internetD:hover > .dropdown-menu > li > a,
        .navbar-default .navbar-nav > li.internetD.active > .dropdown-menu > li > a {
            border-bottom: 0px solid #DEDEDE;
        }

    .navbar-default .navbar-nav > li.tvD:hover > .dropdown-menu > li,
    .navbar-default .navbar-nav > li.tvD.active > .dropdown-menu > li {
        width: 50%;
    }
}


@media(max-width:1199px) and (min-width:768px) {
    .main-menu .navbar-nav > li > a {
        font-size: 16px;
        white-space: normal;
    }

    #loginNameMove a#loginFullName {
        padding: 0;
        width: 100%;
        color: transparent !important;
        height: 100%;
    }
}

/*#endregion menu*/

/*#region moj telekom*/
.btn-moj-telekom .moj-telekom-holder {
    visibility: hidden;
    display: none;
}

.btn-moj-telekom:hover .moj-telekom-holder {
    visibility: visible;
    display: block;
}

.btn-moj-telekom, div.btn.btn-moj-telekom {
    padding: 0;
    height: 42px;
    /*overflow: hidden;*/
}

    .btn-moj-telekom > span, div.btn.btn-moj-telekom span {
        padding: 0px 0;
        display: inline-block;
    }

        div.btn.btn-moj-telekom span:last-of-type {
            font-size: 15px;
            font-family: 'teleNeo-bold' !important;
        }

.btn-moj-telekom, div.btn.btn-moj-telekom {
    background-color: transparent;
    color: #383838;
    text-transform: none;
    font-family: 'teleNeo-regular';
    font-size: 17px;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    .btn-moj-telekom:hover, .btn-moj-telekom:focus, .btn-moj-telekom:active,
    div.btn.btn-moj-telekom:hover, div.btn.btn-moj-telekom:focus, div.btn.btn-moj-telekom:active {
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        color: transparent;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
        border: 0;
    }

#loginNameMove a.logged {
    color: transparent;
    height: 88px;
    width: 40px;
    transition: none;
    text-align: right;
}

div#loginNameMove a svg * {
    transition: all ease-in-out .3s;
}

div#loginNameMove:hover a svg * {
    fill: #e20074;
    transition: all ease-in-out .3s;
}

@media (min-width: 320px) {
    #loginNameMove a.logged {
        height: 60px;
    }
}

@media (min-width: 1024px) {
    #loginNameMove a.logged {
        height: 72px;
    }

    #ns-header.affix #loginNameMove a.logged {
        height: 72px;
    }
}

@media (min-width: 1280px) {
    #loginNameMove a.logged {
        height: 64px;
    }

    #ns-header.affix #loginNameMove a.logged {
        height: 72px;
    }
}

@media (min-width: 1680px) {
    #ns-header .mainMenu-holder {
        height: 88px;
    }

    #loginNameMove a.logged {
        height: 88px;
    }

    #ns-header.affix #loginNameMove a.logged {
        height: 72px;
    }
}




#loginNameMove a:hover, #loginNameMove a:focus, #loginNameMove a:active {
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    color: #e20074;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

img.m-t-user {
    margin-right: 6px;
    padding: 0px 0;
    vertical-align: text-bottom;
}

span.m-t-user-icon {
    font-family: 'teleicon-outline' !important;
    color: #000000;
    font-size: 22px;
    margin-right: 6px;
    margin-bottom: 3px;
    padding: 0 0 !important;
    vertical-align: middle;
}

ul.moj-telekom-menu-1 li > ul.moj-telekom-menu-1-sub {
    width: 450px;
}

.moj-telekom-holder {
    background: rgba(255,255,255,.95);
    position: absolute;
    width: 100%;
    max-width: 450px;
    top: 40px;
    right: -20px;
    left: inherit;
    /*border: 1px solid rgba(0, 0, 0, 0.1);*/
    z-index: 1001;
}

.affix .moj-telekom-holder {
    top: 60px;
}

.mini-shopping-cart-inner {
    top: 37px;
}

@media (min-width: 1680px) {
    .moj-telekom-holder, .mini-shopping-cart-inner {
        top: 60px;
    }
}
/*#endregion moj telekom*/

/*#region search*/


.kosnicka-wrapper {
    display: inline-block;
}
/*.search-icon > div {
    position: relative;
}*/
.search-icon > div:first-of-type {
    width: 100%;
    height: 100%;
    position: relative;
}

.moj-telekom-menu-1 {
    display: block;
    float: right;
    position: static;
}

    .moj-telekom-menu-1 > li {
        position: static;
        width: 260px;
        padding-right: 0px;
    }

.search-box {
    right: 0;
    left: -1px;
    z-index: 999;
    /* float: left; */
    -moz-min-width: 100%;
    -ms-min-width: 100%;
    -o-min-width: 100%;
    -webkit-min-width: 100%;
    min-width: 100%;
    padding: 7px;
    padding-left: 0;
    padding-right: 83px;
    background-color: transparent;
    display: block;
    visibility: hidden;
    width: 0px;
    top: 17px;
}

#ns-header.affix .search-box {
    top: 13px;
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .search-box {
        top: 7px;
    }

    #ns-header.affix .search-box {
        top: -2px;
    }
}

@media (min-width: 1280px) and (max-width: 1680px) {
    .search-box {
        top: 0px;
    }
}

a.search-icon:not(.activated) .search-box .closeSearch {
    display: none;
}

a.search-icon.activated .search-box .closeSearch {
    position: absolute;
    /*left: 7px;*/
    top: 7px;
    font-size: 25px;
    z-index: 1;
    color: #555;
    font-family: teleNeo-medium;
    cursor: pointer;
    right: 95px;
}

.search-box input {
    width: 0px;
    display: block;
}

@media (max-width: 991px) and (min-width: 768px) {
    a.search-icon.activated .search-box .closeSearch {
        right: 160px;
    }
}

/*a.search-icon:hover .search-box, 

a.search-icon:hover .search-box .form-control,*/
a.search-icon.active .search-box,
a.search-icon.activated .search-box {
    display: block;
    width: 100%;
    visibility: visible;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    /* top: 7px; */
}

.search-box .form-control {
    display: block;
    width: 0px;
    height: 37px;
    padding: 2px 25px;
    font-size: 17px;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    float: right;
    -ms-opacity: 0;
    opacity: 0;
}

/*a.search-icon:hover .search-box .form-control, */
a.search-icon.active .search-box .form-control,
a.search-icon.activated .search-box .form-control {
    width: 90%;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -ms-opacity: 1;
    opacity: 1;
    position: relative;
}

#mainmenu .uredi {
    border: none;
}

@media (min-width: 768px) {
    .navbar-nav {
        position: static;
    }

    .menuz, #mainmenu, .main-menu {
        z-index: 999;
    }

    #top-bar-left .main-menu {
        float: right;
    }
}


@media (min-width: 1200px) {


    .search-box {
        padding-right: 0;
        right: 50px;
        left: auto;
        -moz-min-width: 925px;
        -ms-min-width: 925px;
        -o-min-width: 925px;
        -webkit-min-width: 925px;
        min-width: 400px;
        /* top: 17px; */
    }

    a.search-icon.activated .search-box .closeSearch {
        right: 5px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .p0-md {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .main-menu .navbar-nav > li > a,
    .main-menu .navbar-nav > li > span {
        font-size: 15px;
        white-space: normal;
    }

    a.search-icon.active .search-box, a.search-icon.activated .search-box {
        width: 100%;
        max-width: 300px !important;
        min-width: 260px !important;
    }

    .search-box {
        padding-right: 0;
        right: 50px;
        left: auto;
        min-width: 515px;
        top: 9px;
    }

    a.search-icon.activated .search-box .closeSearch {
        right: 5px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.probajte-nesto-novo .center-content {
        top: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    a.search-icon.active .search-box, a.search-icon.activated .search-box {
        width: 100%;
        max-width: 565px;
    }

    .search-box {
        padding-right: 0 !important;
        right: 50px;
        left: auto;
        -moz-min-width: 650px;
        -ms-min-width: 650px;
        -o-min-width: 650px;
        -webkit-min-width: 650px;
        min-width: 650px;
        top: 4px !important;
    }

    a.search-icon.activated .search-box .closeSearch {
        right: 5px;
    }
}



/*#endregion search*/

/*#region cart*/
.cart {
    width: auto;
    float: none;
    background-color: transparent;
    padding-right: 0;
    padding-left: 0;
    display: inline-block;
}

#miniShoppingCart p.hidden-xs, #miniShoppingCart .kupi-onlajn-icon {
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 1;
}

ul.moj-telekom-menu-1.visible-xs > li #add-module-xs {
    width: 41px !important;
    height: 49px;
    display: inline-block;
    position: static;
    float: right;
    margin-right: 0px;
    top: 5px;
}

#miniShoppingCart {
    background-image: url(../images/cart-redesign.png);
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 999;
    cursor: pointer;
    padding-left: 0;
    padding-top: 0px;
    -ms-background-size: auto;
    background-size: auto;
    top: 0px;
    padding: 0 10px;
}

    #miniShoppingCart .tooltip {
        display: none;
    }

    #miniShoppingCart:after {
        content: ']B';
        font-family: 'teleicon-outline';
        position: absolute;
        font-size: 22px;
        color: #000000;
        z-index: 1;
        top: 3px;
        left: 10px;
    }

.moj-telekom-menu-1.hidden-xs > li > a, .moj-telekom-menu-1.hidden-xs > li > div#add-module {
    float: right !important;
}

#miniShoppingCart {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1000;
    margin: 0 10px;
}


.cart-notify {
    position: absolute;
    background-color: #e20074;
    color: #fff;
    padding: 0;
    -ms-border-radius: 3px;
    border-radius: 50%;
    right: 0px;
    font-size: 10px;
    z-index: 2;
    left: auto;
    font-family: 'teleNeo-bold' !important;
    border: none;
    width: 13px;
    height: 13px;
    text-align: center;
    line-height: 12px;
    border: 1.5px solid white;
}

@media (max-width: 1023px) {
    .cart-notify {
        top: 15px;
        right: 0px;
    }
}

@media (min-width: 1024px) {
    .cart-notify {
        top: 22px;
        right: 2px;
    }

    #ns-header.affix .cart-notify {
        top: 22px;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    #miniShoppingCart {
        width: 30px !important;
        height: 72px !important;
        background-color: transparent !important;
        z-index: 1000;
        float: none !important;
        display: inline-block;
    }
}

@media (min-width: 1280px) {
    .cart-notify {
        top: 16px;
        right: -1px;
    }

    #ns-header.affix .cart-notify {
        top: 20px;
    }
}

@media (min-width: 1680px) {
    .cart-notify {
        top: 30px;
    }

    #ns-header.affix .cart-notify {
        top: 20px;
    }
}




/*#endregion cart*/

/*#region breadcrumbs*/
.breadZ .breadcrumbs a {
    color: #333;
    font-size: 15px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

#container-one .breadZ h2 {
    display: inline-block;
    padding-left: 0;
    font-size: 15px;
    text-transform: none;
}

.breadZ .breadcrumbs a:hover {
    text-decoration: none !important;
}

.breadZ .breadcrumbs span.navigationBreadcrumbArrow {
    margin: 0 8px;
    font-size: 13px;
}

/*#endregion breadcrumbs*/

/*#region footer*/

#ns-bottom {
    background: #000000;
    /* background: #242426;*/
    /*padding-bottom: 35px;*/
    /*position: relative;*/
    z-index: 1;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 20px 0;
}

.grey-footer {
    background: #262626;
    padding-bottom: 5px;
}

#ns-bottom .container {
    position: relative;
}

#ns-bottom a {
    color: white;
    display: block;
}

#ns-bottom .item > a {
    min-height: 50px;
}

    #ns-bottom .item > a:hover h4 {
        background: #4b4b4b;
    }

#ns-bottom a:hover {
    text-decoration: none;
}

#ns-bottom h4 {
    color: white;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    font-family: teleNeo-bold;
    font-size: 16px;
    padding: 10px;
}

#ns-footer {
    background: #ededed;
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.foot-dropdown li {
    line-height: 18px;
    display: block;
}

    .foot-dropdown li a {
        padding: 8px 10px;
        display: block;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

        .foot-dropdown li a:hover {
            background: #4b4b4b;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }


.social-links li {
    display: table-cell;
    cursor: pointer;
    padding: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#ns-footer .social-links a img {
    padding-right: 10px;
    display: inline;
    height: auto;
    padding-top: 5px;
}

#ns-footer .social-links li:last-of-type a img {
    padding-right: 0px;
}

.copy-holder {
    padding: 5px 0;
}

#ns-footer {
    background: #ededed;
    width: 100%;
    height: 35px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.social-links li:hover {
    background: transparent;
}

.foot {
    display: table;
    /*table-layout: fixed;*/
    width: 100%;
}

    .foot .item {
        display: table-cell;
        width: 14.85%;
        vertical-align: top;
    }

#footmenu .item:first-child {
    width: 11%;
}

.foot .item:first-of-type a h4 {
    /*padding-left: 0 !important;*/
    padding-left: 10px !important;
}

.foot .item:first-of-type ul a {
    /*padding-left: 0 !important;*/
    padding-left: 10px !important;
}

#ns-footer .superbrand > img {
    position: absolute;
    bottom: -30px;
    left: 0;
    z-index: 9;
}

#ns-bottom div#top-bar-left .mini-menu li {
    border-right: 0px solid #ededed;
    padding: 5px 20px 10px;
}

    #ns-bottom div#top-bar-left .mini-menu li:first-child {
        padding-left: 0;
    }

.foot-logo .t-logo-link {
    border-top: 1px solid black;
    padding: 15px 0 10px 0;
    margin-top: 0px;
    height: 70px;
}

.superbrand {
    position: absolute;
    top: -30px;
    right: 0;
    z-index: 1;
}
/*#endregion footer*/


.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    line-height: 1;
    width: 100%;
}


/*#region homepage*/

#aboutTelekom {
    padding-bottom: 15px;
}

    #aboutTelekom .icon-land {
        margin: 0px auto 0;
    }

    #aboutTelekom .txt-dec-none, #aboutTelekom .txt-dec-none:hover {
        text-decoration: none !important;
        font-size: 16px;
        padding-top: 0;
        font-weight: normal;
        text-transform: uppercase;
        font-family: 'teleNeo-bold';
        position: relative;
    }

    #aboutTelekom .home-icon-wrapper:hover .txt-dec-none > span {
        color: #e20074;
    }

    #aboutTelekom .txt-dec-none > span {
        position: absolute;
        top: -4px;
        right: 0;
        font-size: 24px;
        color: #999;
    }

.icon-land.askTelekom {
    background-image: url(../img/piktogrami/askTelekom.png);
}

.home-icon-wrapper h4, .home-icon-wrapper:hover, .myAcc:hover h2 {
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-family: 'teleNeo-bold';
}

    .home-icon-wrapper:hover h4, .myAcc:hover h2 {
        color: #e20074 !important;
    }

    .home-icon-wrapper:hover .icon-land.askTelekom {
        background-image: url(../img/piktogrami/askTelekom2.png);
        background-position: center 8px;
    }

.icon-land.telekomStore {
    background-image: url(../img/piktogrami/telekomStore.png);
}


.home-icon-wrapper:hover .icon-land.telekomStore {
    background-image: url(../img/piktogrami/telekomStore2.png);
    background-position: center 8px;
}

.icon-land.mojKlub {
    background-image: url(../img/piktogrami/mojKlub.png);
}


.home-icon-wrapper:hover .icon-land.mojKlub {
    background-image: url(../img/piktogrami/mojKlub2.png);
    background-position: center 8px;
}

.icon-land.tCatalogue {
    background-image: url(../img/piktogrami/tCatalogue.png);
}


.home-icon-wrapper:hover .icon-land.tCatalogue {
    background-image: url(../img/piktogrami/tCatalogue2.png);
    background-position: center 8px;
}



.icon-land.tMagazin {
    background-image: url(../img/piktogrami/tMagazin-gray.png);
}


.home-icon-wrapper:hover .icon-land.tMagazin {
    background-image: url(../img/piktogrami/tMagazin-magenta.png);
    background-position: center 8px;
}



.boxLinks {
    background: #f8f8f8;
    padding: 5px 10px 4px;
    margin-top: 53px;
}

    .boxLinks li {
        background: linear-gradient(to right, #f3f2f2 50%, transparent 50%);
        background-size: 200% 100%;
        background-position: right bottom;
        transition: all 1s ease;
    }

        .boxLinks li:hover {
            background-position: left bottom;
        }

    .boxLinks a {
        color: #383838;
        display: block;
        border-bottom: #D2D2D2 1px solid;
        padding: 3px 15px;
        line-height: 16px;
    }

        .boxLinks a:hover {
            color: #e20074;
        }

        .boxLinks a span {
            display: table-cell;
            height: 54px;
            vertical-align: middle;
            font-family: teleNeo-bold;
        }

        .boxLinks a:hover {
            text-decoration: none;
        }

    .boxLinks li:last-child a {
        border-bottom: #D2D2D2 0px solid;
    }

    .boxLinks img {
        float: left;
        padding-right: 5px;
        max-width: 50px;
        margin-top: 4px;
    }

    .boxLinks a:before, .boxLinks a:after {
        clear: both;
        content: '';
        display: block;
    }

#buyOnlineHome:hover .link_ring {
    border: 4px double #e20074;
    -webkit-border-radius: 30px;
    height: 25px;
    width: 25px;
    position: absolute;
    right: 130px;
    bottom: 10px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}

/*@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1.5, 1.5);
        opacity: 0.0;
    }
}*/
/*#endregion homepage*/

/*#region sm-header-footer*/
@media (max-width: 991px) and (min-width: 768px) {
    .main-menu .navbar-nav > li > a > span {
        font-size: 14px;
        width: auto;
        padding: 10px 0px !important;
    }

    .search-icon {
        top: 20px;
    }

    .search-box #qr {
        width: 300px;
    }

    img.m-t-user {
        margin-top: 20px;
    }

    span.m-t-user-icon {
        margin-top: 0px;
    }

    .moj-telekom-menu-1 > li {
        width: 150px;
    }

    .search-box {
        padding-right: 140px;
    }

    .mini-shopping-cart-inner {
        right: -65px;
    }

    .navbar-default .navbar-nav > li.uslugi:hover > .dropdown-menu > li, .navbar-default .navbar-nav > li.katalog > .dropdown-menu li.dropli, .navbar-default .navbar-nav > li.katalog > .dropdown-menu li.mob_devices, .navbar-default .navbar-nav > li.katalog > .dropdown-menu li.dop_oprema, .navbar-default .navbar-nav > li.katalog > .dropdown-menu li.onlineDiscount,
    .navbar-default .navbar-nav > li.uslugi.active > .dropdown-menu > li, .navbar-default .navbar-nav > li.katalog > .dropdown-menu li.dropli, .navbar-default .navbar-nav > li.katalog > .dropdown-menu li.mob_devices, .navbar-default .navbar-nav > li.katalog > .dropdown-menu li.dop_oprema, .navbar-default .navbar-nav > li.katalog > .dropdown-menu li.onlineDiscount {
        width: 50%;
        margin-bottom: 1px;
    }

    /*.main-menu .navbar-nav > li.internet > a {
        padding-right: 5px;
        padding-left: 25px;
    }*/

    .main-menu .navbar-nav > li.internetD > a,
    .main-menu .navbar-nav > li.internetD > span {
        padding-right: 0px;
        padding-left: 20px;
    }

    .main-menu .navbar-nav > li > a,
    .main-menu .navbar-nav > li > span {
        white-space: normal;
        padding: 6px 10px;
        text-align: center;
    }

    #ns-bottom h4 {
        color: white;
        text-transform: uppercase;
        padding-left: 10px;
        padding-right: 0;
        font-family: teleNeo-medium;
        font-size: 16px;
    }

    #mainmenu .menu_sq.sm > li > a {
        padding: 6px 3px;
    }

    #mainmenu .menu_sq.sm > li:first-child > a {
        padding-left: 0;
    }

    #mainmenu .menu_en.sm > li {
        max-width: 140px;
    }
}

/*#endregion sm-header-footer*/

/*#region sm*/
@media screen and (max-width: 991px) {
    #uredi-landing-phones .carousel-inner > div:nth-child(2) .phone-box,
    #uredi-landing-phones .carousel-inner > div:nth-child(3) .phone-box {
        display: none !important;
    }

    #myCarousel2 .carousel-control .glyphicon-chevron-left, #myCarousel2 .carousel-control .glyphicon-chevron-right, #myCarousel2 .carousel-control .icon-prev, #myCarousel2 .carousel-control .icon-next {
        margin-top: -45px;
    }

    .t-logo-mobile {
        display: inline-block;
    }

        .t-logo-mobile .t-logo-link .pull-right {
            display: none;
        }

    #myCarousel2 span.glyphicon.glyphicon-chevron-left {
        width: 39px;
        background-image: url(/images/left-arrow.png);
        height: 107px;
        background-repeat: no-repeat;
    }

    #myCarousel2 span.glyphicon.glyphicon-chevron-right {
        width: 39px;
        background-image: url(/images/right-arrow.png);
        height: 107px;
        background-repeat: no-repeat;
    }

    .copy-right-md-wrapper.social-holder {
        display: inline-block;
    }
}
/*endregion sm*/

/*#region xs-header-footer*/

.banner-large img, .imgFullWidthBanner img:first-of-type {
    width: 100%;
}

@media (max-width: 767px) {

    /*roaming table media fix*/

    table.roaming-tbl .roaming-selectors + tr td {
        white-space: nowrap !important;
    }

    .foot-logo .t-logo-link {
        border-top: 0px solid black;
        padding: 15px 0;
        margin-top: 0px;
        width: auto;
        float: left;
    }

    .copy-holder {
        padding: 12px 2px;
        line-height: 17px;
        font-size: 15px;
        text-align: center;
    }

    .social-links {
        float: right;
        margin: 0 auto;
        width: 145px !important;
    }

    #ns-bottom a {
        font-size: 24px;
    }

    #ns-footer {
        height: 40px;
        background: #262626;
        border-top: 1px solid black;
        z-index: 100;
    }

    #ns-bottom {
        padding-bottom: 40px;
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 99;
    }

    #content {
        background: white;
        padding-bottom: 20px;
    }

    #header {
        height: 65px;
        z-index: 999999;
    }

    .t-logo-link {
        padding: 15px 0;
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd;
        float: left;
        margin-left: 5px;
        margin-top: 14px;
    }


        .navbar-default .navbar-toggle .icon-bar {
            background-color: #383838;
        }

    img.m-t-user {
        margin-right: 6px;
        padding: 0px 0;
        vertical-align: text-bottom;
        margin-top: 18px;
    }

    #ns-header {
        background: transparent;
        /*border-bottom: 1px solid #e5e5e5;*/
    }

    a.btn.btn-moj-telekom, div.btn.btn-moj-telekom {
        padding: 0;
        height: 53px;
        /*overflow: hidden;*/
        width: 42px;
        /* padding: 0 10px !important; */
    }

    ul.moj-telekom-menu-1 .btn.btn-moj-telekom.mob-btn {
        padding: 0 !important;
        height: 53px !important;
        overflow: hidden !important;
        width: 42px;
    }

    #mainmenu.navbar-collapse {
        border-color: transparent;
    }

    #top {
        position: relative;
        top: -3px;
        left: 0;
        right: 50px;
        z-index: 1000;
        background-color: transparent;
        height: auto;
        padding: 0px 15px;
        /*      border-bottom: 1px solid #e5e5e5;*/
    }

    #top-bar, #top-bar-left {
        height: auto;
    }

    .moj-telekom-holder {
        top: 54px;
    }

    .search-icon {
        height: 53px;
        float: right;
        width: 30px;
    }

    .search-box {
        position: absolute;
        z-index: 1000;
        width: initial;
        right: 210px !important;
    }

    .search-icon > div:first-of-type:after {
        left: 10%;
        top: 40%;
    }

    #miniShoppingCart {
        width: 30px !important;
        background-color: transparent !important;
        height: 60px !important;
        z-index: 1000;
        float: none !important;
        display: inline-block;
    }


    .main-menu {
        position: relative;
    }

    .navbar-default .navbar-toggle {
        position: absolute;
        margin-top: 10px;
    }

    #mainmenu .nav.navbar-nav.menu_mk.sm {
        border-top: 1px solid #e5e5e5;
    }

    /*#region other*/
    .boxLinks a {
        color: #383838;
        display: block;
        border-bottom: #D2D2D2 0px solid;
        padding: 0px 15px;
        line-height: 16px;
        text-transform: uppercase;
        background: white;
    }

        .boxLinks a:hover {
            color: #e20074;
        }

    .boxLinks img {
        display: none;
    }



    #aboutTelekom .icon-land {
        background-size: 75px;
        height: 70px;
    }

    .boxLinks {
        background: #e3e3e3;
        padding: 0;
        margin-top: 15px;
    }

        .boxLinks ul {
            margin: 0;
        }

    #accountActions h2, #vodich h2 {
        padding: 0 15px;
    }

    #accountActions .myAcc ul, #vodich .myAcc ul {
        padding-top: 20px;
        border-top: 1px solid #ACACAC;
        padding-left: 15px;
        padding-right: 15px;
    }

    .myAcc > a, .payOnlineHomeBox > a {
        border-bottom: 0px solid #e5e5e5;
        padding: 15px 0px;
        width: 100%;
        display: block;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    #accountActions #heading1 > a {
        border-top: 1px solid #e5e5e5;
    }

        #accountActions #heading1 > a.collapsed {
            border-top: 0px solid #e5e5e5;
        }


    .myAcc > a.collapsed, .payOnlineHomeBox > a.collapsed {
        background: #f0f0f0;
        border-bottom: 1px solid #fff;
    }

    .myAcc > a h2, .payOnlineHomeBox > a h2 {
        margin-bottom: 0px !important;
    }


    .myAcc > a:hover, .myAcc > a:focus, .payOnlineHomeBox > a:hover, .payOnlineHomeBox > a:focus {
        text-decoration: none;
    }

    #accountActions .payOnlineHomeBox .borderBox {
        padding-top: 20px;
        border-top: 0px solid #ACACAC !important;
    }

    #accountActions .myAcc ul, #vodich .myAcc ul {
        padding-top: 20px;
        border-top: 0px solid #ACACAC !important;
    }

    .payOnlineHomeBox .borderBox ul {
        padding-left: 15px;
        padding-right: 15px;
    }

    #aboutTelekom {
        padding-bottom: 0px;
    }

    #accountActions {
        margin-bottom: 0;
        padding-bottom: 0px;
    }

    .slider-naslovna2 {
        margin: 0px 0;
    }

    .p0-xs {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #vodich .col-md-3.col-sm-4:first-of-type .myAcc > a {
        border-top: 1px solid #e5e5e5 !important;
    }

    .boxLinks li {
        background: linear-gradient(to right, #dadada 50%, transparent 50%);
        background-size: 200% 100%;
        background-position: right bottom;
        transition: all 1s ease;
    }

    #aboutTelekom .txt-dec-none, #aboutTelekom .txt-dec-none:hover {
        padding: 0 10px;
    }

    #accountActions h2, #vodich h2 {
        background: url(../images/arrow-redesign-down.png) no-repeat right 15px center;
    }

    #accountActions h2, .payOnlineHomeBox h2 {
        color: #383838;
        text-transform: uppercase;
        font-size: 16px;
        margin-bottom: 15px;
        font-family: teleNeo-bold !important;
        padding: 9px 15px;
        display: block;
    }

    .payOnlineHomeBox > a.collapsed {
        background: #f0f0f0;
        border-bottom: 1px solid #fff;
        display: block;
    }

    .payOnlineHomeBox > a:before, .payOnlineHomeBox > a:after {
        content: '';
        clear: both;
        display: block;
    }

    .dopolni-pripejd-kredit a, .dopolni-pripejd-kredit h2 {
        display: block;
    }

        .dopolni-pripejd-kredit a.collapsed {
            background-image: url(../images/dopolni-logo.png), url(../images/dopolni-arrow-down.png);
            background-position: right 15px center, left 17px center;
            background-repeat: no-repeat;
            background-color: #e20074;
            padding: 17px 0px 17px 40px;
        }

    .dopolni-pripejd-kredit a {
        background-image: url(../images/dopolni-logo.png), url(../images/dopolni-arrow-up.png);
        background-position: right 15px center, left 17px center;
        background-repeat: no-repeat;
        background-color: #e20074;
        padding: 17px 0px 17px 40px;
    }

        .dopolni-pripejd-kredit a:hover, .dopolni-pripejd-kredit a:focus {
            text-decoration: none;
        }

    #accountActions .dopolni-pripejd-kredit h2 {
        color: white !important;
        padding: 0px 15px;
        display: block;
        margin: 0;
        max-width: 220px;
        background: none;
    }

    .dopolni-pripejd-kredit .iframe {
        padding-top: 0 !important;
    }

    .icon-land {
        width: 90px;
        height: 55px;
        background-size: 55px;
    }

    .icon-delovni .icon-land {
        width: 90px;
        height: 80px;
        background-size: 55px;
    }

    #accountActions a h2 {
        color: #e20074;
    }

    #accountActions a.collapsed h2 {
        color: #383838;
    }

    .txt-dec-none, .txt-dec-none:hover {
        text-decoration: none !important;
        font-size: 15px;
        padding-top: 0;
        font-weight: normal;
        text-transform: uppercase;
        line-height: 14px;
    }

    #aboutTelekom-xs {
        padding-bottom: 20px;
    }

    .copy-holder a {
        display: none;
    }

    .copy-holder span {
        color: white;
        text-align: left;
        float: left;
        display: block;
    }

    .scrollToTop {
        bottom: 100px;
    }

    .social-holder {
        padding-top: 16px !important;
    }

    /*    #menu .mm-panels .mini-menu {
        position: fixed;
        z-index: 9999;
        bottom: 0;
        text-align: center;
        background: white;
        padding: 15px 20px;
        width: 100%;
    }

        #menu .mm-panels .mini-menu li {
            font-size: 17px;
            float: none;
            padding-left: 15px;
            width: auto;
            display: inline-block;
        }

            #menu .mm-panels .mini-menu li:first-child {
                padding-left: 0px !important;
            }*/

    #ns-bottom .display-versions a {
        color: #fff !important;
        position: relative;
        display: block;
        text-align: right;
        background-color: transparent !important;
        padding-top: 5px;
        margin: 0;
    }

    #ns-bottom .display-versions {
        background-color: transparent !important;
        border: 0px none transparent !important;
        /* margin-bottom: 10px;*/
        margin-right: 0px;
        right: 0px;
        position: relative;
        z-index: 99999;
        top: 0px !important;
    }

        #ns-bottom .display-versions:before, #ns-bottom .display-versions:after {
            clear: both;
            content: '';
            display: block;
        }

    #side-menu {
        display: none;
    }

    .menu-hidden {
        display: none;
    }
    /*#endregion other*/

    /*#region slider*/
    .item.active img.secound {
        display: none !important;
    }

    .mobileHtml div {
        padding: 10px 15px;
        position: absolute;
        bottom: 0;
        background: #e20074;
        background: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,.7) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,rgba(0,0,0,.7)));
        background: -webkit-linear-gradient(top, transparent 0%,rgba(0,0,0,.7) 100%);
        background: -o-linear-gradient(top, transparent 0%,rgba(0,0,0,.7) 100%);
        background: -ms-linear-gradient(top, transparent 0%,rgba(0,0,0,.7) 100%);
        background: linear-gradient(to bottom, transparent 0%,rgba(0,0,0,.7) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='rgba(0,0,0,.7)',GradientType=0 );
        left: 0;
        right: 0;
    }

    .mobileHtml h1 {
        color: white;
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
        margin-bottom: 0px;
    }

    .mobileHtml h2 {
        color: white;
        text-transform: uppercase;
        font-size: 22px;
    }

    .mobileHtml p {
        display: block;
        color: white;
        text-transform: uppercase;
        font-size: 18px;
    }

    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        width: auto;
        height: 300px;
        max-width: initial;
        transform: translateX(-50%);
        left: 50%;
        position: relative;
    }

    .active a.third.btn.right, .active a.third.btn.left {
        border: none !important;
        background: transparent !important;
    }

    #myCarousel2 span.glyphicon.glyphicon-chevron-left, #myCarousel2 span.glyphicon.glyphicon-chevron-right {
        height: 107px;
        background-repeat: no-repeat;
        width: 39px;
    }

    #myCarousel2 span.glyphicon.glyphicon-chevron-left {
        background-image: url(/images/left-arrow.png);
    }

    #myCarousel2 span.glyphicon.glyphicon-chevron-right {
        background-image: url(/images/right-arrow.png);
    }

    #myCarousel2 .carousel-control .glyphicon-chevron-right, #myCarousel2 .carousel-control .glyphicon-chevron-left {
        margin-top: -50px;
    }

    .header-menu {
        /*display: none;*/
    }

    .LPMcontainer.LPMoverlay {
        display: none;
    }

    .mobileHtml .visible-xs {
        display: initial !important;
    }

    .flyBy {
        display: none;
    }

    #header.affix {
        top: -55px !important;
    }

    .outer-content .accordionz .r-tabs-panel table.table-kanali {
        table-layout: auto;
    }
    /*#endregion slider*/
    #accountActions .pay-box-hmpage .image-box img {
        display: none;
    }

    #accountActions .pay-box-hmpage .mgbox {
        background-color: rgb(245, 245, 245);
        background-image: url(../images/magenta-arrow-right.png);
        background-repeat: no-repeat;
        background-position: right 15px bottom 15px;
        position: relative;
        display: block;
        left: 0;
        padding: 0;
        padding-top: 15px;
    }

        #accountActions .pay-box-hmpage .mgbox h2 {
            background: none;
            margin-bottom: 0;
        }

    #accountActions .pay-box-hmpage > h2 {
        display: none;
    }

    #accountActions .pay-box-hmpage .image-box {
        padding: 0;
        border-top: none;
        background: none;
        padding-top: 30px;
    }

    #accountActions .pay-box-hmpage .mgbox p:nth-child(2) {
        color: #000;
        margin-top: 0px;
        font-size: 15px;
        padding: 15px;
    }

    #content .korisnichka {
        padding-bottom: 20px;
    }
}
/*#endregion xs-header-footer*/

/*#region hamburger*/
.mm-listview li.click_strelche > a {
    width: 90% !important;
}

.mm-listview li.click_strelche a:last-child {
    pointer-events: none;
}

.mm-listview > li .mm-next {
    border-color: transparent;
    border: none;
    background: url(../images/menu-arrow.svg) no-repeat right 0px center;
    transform: none;
    width: 20% !important;
}

@media (min-width: 640px) and (max-width: 1279px) {

    .mm-listview > li .mm-next {
        background: url(../images/menu-arrow.svg) no-repeat right 20px center;
    }
}

.mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
    border: none !important;
}

.mm-navbar .mm-btn:first-child {
    padding-left: 20px;
    left: 0;
    background: url(../images/menu-arrow-back.svg) no-repeat left 15px top 10px;
    /* position: absolute; */
}

.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
    border-color: transparent;
}



#hamburger {
    border: 0px solid #383838;
    display: block;
    width: 44px;
    padding: 5px 10px;
    position: fixed;
    left: 38%;
}

    #hamburger span {
        background: #383838 !important;
        display: block;
        height: 2px !important;
        margin: 5px 0;
    }

html.mm-opening .mm-slideout {
    -webkit-transform: translate3d(0%,97px,0);
    transform: translate3d(0%,70px,0) !important;
    /* width: 40px; */
}

#mm-blocker {
    z-index: 9999 !important;
}

.mm-menu {
    background: #fff !important;
}

    .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
        color: rgba(0,0,0,.3);
        font-size: 20px !important;
        color: #383838 !important;
    }

mm-listview .mm-divider, .mm-listview > li > a, .mm-listview > li > span, .mm-navbar .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 20px;
    color: #262626 !important;
}

.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
    color: #262626 !important;
}

.mm-listview > li > a,
.mm-listview > li > span {
    padding: 25px 20px;
}

#mm-0 .mm-title {
    display: none;
}

.mm-listview > li:not(.mm-divider):after {
    border-bottom-width: 0px !important;
}

.mm-listview > li.external-link-lvl1,
.mm-listview > li.external-link {
    position: relative;
}

    .mm-listview > li.external-link-lvl1 a:after,
    .mm-listview > li.external-link a:after {
        content: '';
        position: relative;
        top: 0;
        display: inline-block;
        bottom: 0;
        height: 10px;
        width: 15px;
        right: 0;
        background-position: top right;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(../images/external-link-default.svg);
        left: initial;
    }

.mm-listview .mm-next:before {
    border-left-width: 0px !important;
}

.mm-panels > .mm-panel.mm-hasnavbar::-webkit-scrollbar {
    width: 3px;
    height: 5px;
}

.mm-panels > .mm-panel.mm-hasnavbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
}

.mm-panels > .mm-panel.mm-hasnavbar::-webkit-scrollbar-track {
    background: #ddd;
}

.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    margin-top: 0 !important;
    position: relative;
    top: 0px;
    max-width: 639px;
    margin: 0 auto !important;
}

    .mm-panels > .mm-panel > .mm-navbar + .mm-listview li:last-child {
        margin-bottom: 30px !important;
    }

    .mm-panels > .mm-panel > .mm-navbar + .mm-listview li {
        margin: 0;
        border-bottom: 1px solid #e7e7e7;
    }

        .mm-panels > .mm-panel > .mm-navbar + .mm-listview li a {
            width: 100%;
            display: block;
            /* margin-right: 20px; */
            padding-left: 0;
            font-size: 18px;
            font-family: 'teleNeo-regular' !important;
        }

        .mm-panels > .mm-panel > .mm-navbar + .mm-listview li.no-click a:last-of-type {
            pointer-events: none;
        }

        .mm-panels > .mm-panel > .mm-navbar + .mm-listview li.no-menu a.mm-next {
            display: none;
        }

.mm-listview .mm-next + a, .mm-listview .mm-next + span {
    margin-right: 0px;
}

.mm-panel.mm-hasnavbar .mm-navbar {
    display: block;
    top: 0px;
    padding-bottom: 0;
    height: auto;
    padding: 0 45px;
    max-width: 639px;
    margin: 0 auto;
}

#menu.mk .mm-panel#mm-1 .mm-navbar,
#menu.mk .mm-panel#mm-26 .mm-navbar,
#menu.mk .mm-panel#mm-52 .mm-navbar {
    padding: 0 20px;
}

#menu.sq .mm-panel#mm-26 .mm-navbar,
#menu.sq .mm-panel#mm-49 .mm-navbar {
    padding: 0 20px !important;
}

.mm-panels > .mm-panel.mm-hasnavbar {
    top: 120px;
    padding: 50px 0;
}

.mm-navbar .mm-arrow:after, .mm-navbart:after, .mm-navbar:before {
    top: 20px !important;
}

.mm-panels > .mm-panel:after,
.mm-panels > .mm-panel:before {
    content: '';
    display: block;
    height: 0;
}

.mm-arrow:after, .mm-next:after, .mm-prev:before {
    top: 5px !important;
}

.mm-slideout {
    background: white;
}

div#page.mm-page.mm-slideout {
    z-index: inherit;
}


#ns-wrapper {
    min-height: 100%;
    position: relative;
    background: white;
}

.foot-logo .t-logo-link {
    height: auto;
}

.mm-listview a.active {
    color: #e20074 !important;
}

/*.landingPageParent .mm-next {
    width: 100% !important;
}*/

.mm-next {
    width: 100% !important;
}

.hiddenMobile .mm-next, .userHidden .mm-next {
    display: none;
}

/*#endregion hamburger*/

/*#region flyby*/
.flyBy {
    position: fixed;
    right: 0;
    top: 190px;
    z-index: 999;
    text-align: right;
}

    .flyBy li {
        margin-top: 2px;
    }

        .flyBy li a {
            display: block;
        }

            .flyBy li a span {
                width: 68px;
                height: 68px;
                display: inline-block;
                padding: 16px 12px;
                float: right;
                z-index: 2;
                position: relative;
            }

            .flyBy li a:before, .flyBy li a:after, .flyBy li p:before, .flyBy li p:after {
                content: '';
                clear: both;
                display: block;
            }

        .flyBy li p {
            background: rgba(250, 250, 250, .85);
            display: block;
            text-align: left;
            color: #383838;
            margin: 0px;
            padding-left: 15px;
            height: 68px;
            line-height: 35px;
            text-transform: uppercase;
            font-family: teleNeo-bold;
            float: right;
            width: 0px;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding: 15px 0px;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            -ms-opacity: 0;
            opacity: 0;
        }

        /*.flyBy li:first-child p {
            background: #e20074;
            background: rgba(226, 0, 116, 0.8);
            color: white;
        }*/

        .flyBy li a:hover p {
            width: 120px;
            padding: 15px 12px;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            opacity: 1;
        }

        .flyBy li:last-child a:hover p, .flyBy li:nth-child(2) a:hover p {
            width: 160px;
            padding: 15px 12px;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        .flyBy li a.userAs span {
            background: #e20074;
        }

        .flyBy li a.buyNow span {
            background: #f1f1f1;
        }


/*#endregion flyby*/

#header.affix {
    z-index: 1000;
    left: 0;
    right: 0;
    top: -60px;
    width: 100%;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    margin: 0 auto;
    position: fixed;
}



#subheader {
    background: white;
}

    #subheader.affix {
        z-index: 1000;
        left: 0;
        right: 0;
        top: 5px;
        width: 100%;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        margin: 0 auto;
        position: fixed;
    }





.scrollToTop {
    width: 50px;
    height: 45px;
    background: url('../images/one.png') no-repeat;
    z-index: 999;
}

    .scrollToTop:hover {
        background: url('../images/two.png') no-repeat;
        transform: none;
        border-bottom-width: 0px;
    }

/*#region delovni*/
.brgrad-top-to-bottom {
    border-width: 0 0px 0 0;
    border-style: solid;
    -webkit-border-image: none;
    -moz-border-image: none;
    -ms-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    border-right: 0px solid #cfcfcf\9;
}


/*#endregion delovni*/

/*#region svg*/


.svg-wrapper {
    position: relative;
}

svg, rect {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.shape {
    stroke-dasharray: 0 1500;
    stroke-dashoffset: -474;
    stroke-width: 2px;
    fill: transparent;
    stroke: #e20074;
    border-bottom: 5px solid black;
    transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
}

.svg-wrapper:hover .shape {
    stroke-width: 2px;
    stroke-dashoffset: 0;
    stroke-dasharray: 2000;
}

a.img-href:hover,
a.img-href:focus {
    text-decoration: none;
}

.deviceInfoWrap {
    position: relative;
    z-index: 2;
}


@media (max-width:991px) {
    .shape {
        stroke-dasharray: 0 1500;
        stroke-dashoffset: -474;
        stroke-width: 2px;
        fill: transparent;
        stroke: #fff;
        border-bottom: 5px solid black;
        transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
    }
}

/*#endregion svg*/

.dopolni-pripejd-kredit .iframe iframe {
    background-color: #f8f8f8 !important;
}

/*.LPMcontainer.LPMoverlay {
    top: 484px !important;
    background-color: #467bab !important;
    width: 68px !important;
    background-image: url(../images/livechatRdsgn.png);
    background-repeat: no-repeat !important;
    background-position: center !important;
    height: 165px !important;
}

    .LPMcontainer.LPMoverlay img {
        display: none;
    }*/


@media (max-width:767px) {
    .LPMcontainer.LPMoverlay {
        display: none !important;
    }

    .slider-naslovna2 .item.mgn1biz {
        background-position: 75% !important;
    }

    .slider-naslovna2 .item.bizban {
        background-position: 25% !important;
    }

    #subheader.affix {
        top: 0px;
    }

    #subheader {
        height: 100%;
    }

    .theCompany #subheader {
        height: auto;
    }
}


/*#slider naslovna*/

.slider-naslovna2 .item {
    background-position: 85% 0 !important;
    background-size: cover !important;
    height: 100%;
}

    .slider-naslovna2 .item.active.left, .slider-naslovna2 .item.active.right, .slider-naslovna2 .item.next.left, .slider-naslovna2 .item.prev.right {
        background-size: cover !important;
    }

    /*.slider-naslovna2 .item:nth-of-type(1) {
        background-position: 75% 0 !important;
    }*/

    /*.slider-naslovna2 .item:nth-of-type(1) {
        background-position: 20% 0 !important;
    }

    .slider-naslovna2 .item:nth-of-type(3) {
        background-position: 100% 0 !important;
    }*/

    /*.slider-naslovna2 .item:nth-of-type(5) {
        background-position: 100% 0 !important;
    }*/

    /*.slider-naslovna2 .item:nth-of-type(5) {
        background-position: 52% 0 !important;
    }*/

    .slider-naslovna2 .item.karolina {
        background-position: 20% 0 !important;
    }

    .slider-naslovna2 .item.promo5 {
        background-position: 90% 0 !important;
    }


.moj-telekom-holder a {
    color: #383838 !important;
}

    .moj-telekom-holder a:hover {
        color: white;
    }

.white-box {
    background: white;
    border: none;
    box-shadow: none;
    padding: 0;
    padding-top: 20px;
}

.box-title {
    margin: 0 0 10px !important;
    font-size: 22px;
    font-family: 'tele-groteskhalregular';
    color: #383838;
    border-bottom: none;
    padding: 0 0 10px;
    font-weight: normal;
    display: block;
    text-transform: uppercase;
    text-align: center;
}

.mm-panels > .mm-panel > .mm-listview {
    padding: 0 20px !important;
    padding-bottom: 130px;
    margin: 0 !important;
}


div#middle-wrapper {
    padding-bottom: 50px;
}

/*@media (min-width: 1200px) {
    #middle-wrapper {
        width: 50%;
    }
}*/

.white-box.blue.berz, .white-box.blue.iso, .news-box .white-box {
    padding: 20px;
}

.left-nav-title.active-title a {
    color: white;
    background: #b9be5a;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.breadZ {
    background: #f5f5f5;
}

/*.breadcrumbFullWidth {
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.10);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.10);
}*/

.one-content .breadZ {
    background: transparent;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.10);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.10);
    padding: 6px 0 8px;
    z-index: 1;
    position: relative;
    margin-top: -2px;
    background: white;
    border-top: 1px solid #eaeaea;
}

.breadZ.affix-top {
    position: fixed;
    left: 0;
    right: 0;
    top: 169px;
}

#ns-content.companyContent .breadZ.affix-top, #ns-content.companyContent .breadZ.affix {
    position: inherit;
    margin-bottom: 15px;
}



.breadZ.affix {
    top: 125px;
    left: 0;
    right: 0;
}

/*.breadZ.affix-bottom {
    position: absolute;
}*/

/*#redesign controls*/
.btn-group.open {
    -webkit-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 1px !important;
}

.multiselect-container.dropdown-menu {
    width: 100% !important;
    position: relative !important;
    top: 0 !important;
    left: 0px !important;
    -webkit-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

.one-t-accordion-dropdown-absolute-options .one-t-accordion-dropdown-options {
    position: relative !important;
    -webkit-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
}

#full-wrapper:before, #full-wrapper:after, #phone-list:before, #phone-list:after, .one-t-phone-list:before, .one-t-phone-list:after {
    content: '';
    clear: both;
    display: table;
}

.phone-tarrif-price-holder > .phone-tarrif-price-wrapper {
    padding: 0;
}

.one-t-prodtuct-options .nav > li {
    background: none !important;
    margin: 0px;
    padding: 0px;
    border-bottom: 3px solid transparent !important;
}

    .one-t-prodtuct-options .nav > li:hover {
        background: none !important;
        margin: 0px;
        padding: 0px;
        border-bottom: 3px solid #EAEAEA !important;
    }

    .one-t-prodtuct-options .nav > li.active {
        border-bottom: 3px solid #e20074 !important;
    }

.one-t-product-characteristics ul li {
    font-size: 15px !important;
}

.phone-tarrif-small-text-xs {
    font-size: 13px !important;
}



.innerLabelWrapper select option[value="Скопје "] {
    display: none;
}

.white-box.white-box-details {
    height: 400px;
    position: relative;
    padding: 20px;
}
/*#endregion controls*/

/*#region content*/
.r-tabs .r-tabs-nav .r-tabs-state-active {
    border-bottom: 3px solid #e20074;
}

.r-tabs .r-tabs-nav {
    width: 100%;
    display: block;
    border-bottom: 1px solid #e5e5e5;
}

/*#endregion content*/
@media (min-width:768px) {
    .product-filters > div.affix {
        top: 120px !important;
    }

    .floatThead-container.floated {
        top: 0px !Important;
        z-index: 9 !important;
    }
}

@media (max-width:767px) {
    .product-filters > div.affix {
        top: inherit !important;
        position: relative !important;
    }

    .platiOnlineMenu {
        padding-left: 12px !important;
        padding-top: 15px !important;
    }
}

.white-box-left ul li {
    padding: 4px 0;
    border-bottom: 1px dotted #9f9a9a;
    padding-right: 8px !important;
}

.icon-4g img {
    position: relative !important;
    text-align: right !important;
    display: inline-block !important;
    float: right !important;
}

.inner-cont h1 {
    color: #333;
    padding: 15px 0;
    border-bottom: none;
    text-transform: none;
    color: #383838;
    font-size: 22px;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0 !important;
    text-align: center;
    margin-top: 15px !important;
}

h1.inner-cont {
    color: #333;
    padding: 15px 0;
    border-bottom: none;
    text-transform: none;
    color: #383838;
    font-size: 36px;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0 !important;
    text-align: center;
    margin-top: 15px !important;
}

.picbox-content .ny-pickbox {
    padding: 50px 0;
    text-align: center;
}

    .picbox-content .ny-pickbox .promo-text-ny-2025:before {
        top: 0;
    }

.white-box-left.equalH a.btn.btn-magen {
    min-width: 100px !important;
    width: auto !important;
    max-width: 150px;
}

#accountActions {
    margin-bottom: 0;
    padding-bottom: 0;
}

.inner-cont ul {
    margin-bottom: 20px;
}

.white-box-new {
    background: #ffffff;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    margin-bottom: 15px;
    padding: 0;
    display: block;
    padding: 20px;
    width: 100%;
}

.phone-box .btn-grey {
    font-size: 16px !important;
    padding: 5px 13px !important;
}

/*.one-t-dicklaimer span {
    position: absolute;
    top: 3px;
    left: 0px;
    font-size: 25px;
    color: #CACACA;
}*/

.white-bg-net {
    display: block;
    position: relative;
    background: white;
    border: 0px solid #e9e9e9;
    box-shadow: none;
    box-shadow: none;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.internet-landing .grey-box-internet.click-connect {
    background-image: none !important;
}

.inline-travel {
    position: absolute !important;
    left: 0;
    bottom: 0;
}

    .inline-travel h2 {
        margin: 0;
    }

.white-bg-net.equalH.mob-net-tabs .col-md-12 {
    padding: 0px;
}

.one-t-phone-price-holder .p-right.blackFriday {
    left: 57px !important;
}

.icon-holder i.icon.icon-navigation-right {
    margin-top: -28px;
}

a.faq-inner-content-wrapper {
    right: 230px;
    min-width: 255px;
}

a.mrezno-porkivanje-inner-content-wrapper {
    top: 60px;
    right: 50px;
}

.phone-box .btn-grey:hover {
    background: #d1d1d1 !important;
    transition: none;
}

.fixphones-pripejd #carousel-promotion-phones .col-lg-4 {
    width: 50%;
}

.fixphones-pripejd .home-boxes-container #carousel-promotion-phones .col-lg-4 {
    width: 33.3333333%;
}

.fixphones-pripejd .home-boxes-container #carousel-promotion-phones .phone-box {
    height: 386px;
}

    .fixphones-pripejd .home-boxes-container #carousel-promotion-phones .phone-box .table-img {
        padding: 0px 0px;
    }

.fixphones-pripejd #carousel-promotion-phones .phone-box {
    height: 440px;
}

.fixphones-pripejd .phone-box.sim-card {
    height: 440px;
}

.fixphones-pripejd #carousel-promotion-phones .carousel-inner.col-lg-6.col-md-6.col-sm-12.col-xs-12.p0.phone-box {
    padding: 0;
    display: block;
    padding-right: 15px;
}

.fixphones-pripejd #carousel-promotion-phones .phone-box .table-img, .sim-card.svg-wrapper .table-img.mob-img {
    padding: 30px 0px;
}

.phone-box.sim-card .table-img {
    padding: 0 !important;
    display: table-cell;
}

.phone-box.sim-card .sim-cena-btn {
    display: table-cell;
    vertical-align: middle;
}

.fixphones-pripejd #carousel-promotion-phones span.price2 {
    line-height: 40px;
    font-size: 31px;
    font-weight: 700;
    color: #E20074;
    padding: 10px 0 8px;
    font-family: teleNeo-bold;
    letter-spacing: 0px;
}

#uredi-phones-naslovna .p-uredi-cena {
    margin-top: 20px;
}

    #uredi-phones-naslovna .p-uredi-cena span.oldPrice {
        position: relative;
        min-height: 12px;
        display: block;
        margin-top: -21px;
        right: 0;
    }

        #uredi-phones-naslovna .p-uredi-cena span.oldPrice label {
            bottom: 0;
            color: white;
            font-family: teleNeo-bold !important;
            line-height: 1;
            position: relative;
            font-size: 17px;
            margin-bottom: 10px;
        }

        #uredi-phones-naslovna .p-uredi-cena span.oldPrice.line-through label:after {
            position: absolute;
            content: "";
            left: 35px;
            top: 45%;
            right: 0;
            border-top: 2px solid;
            border-color: white;
            -webkit-transform: rotate(-15deg);
            -moz-transform: rotate(-15deg);
            -ms-transform: rotate(-15deg);
            -o-transform: rotate(-15deg);
            transform: rotate(-20deg);
            width: 37px;
        }

.fixphones-pripejd .phone-box.sim-card.svg-wrapper span.price2 {
    line-height: 42px;
    font-size: 31px;
    font-weight: 700;
    color: #E20074;
    padding: 10px 0 8px;
    font-family: teleNeo-bold;
    letter-spacing: 0px;
}

@media (max-width:767px) {
    .fixphones-pripejd #carousel-promotion-phones .col-lg-4 {
        width: 100%;
    }

    .moj-telekom-holder .pl0 {
        padding-left: 15px !important;
    }

    .magenta-one .white-border {
        border-right: 0px solid #cecece;
    }

    .inner-template-left-image.matchHeight {
        display: none;
    }

    .inner-template {
        min-height: initial;
    }
}

.magenta-one-footer .one-t-dicklaimer-message {
    left: auto !important;
    right: -10px;
}

    .magenta-one-footer .one-t-dicklaimer-message:before {
        left: auto;
        right: 5px;
    }

@media (min-width:768px) {
    .display-versions {
        bottom: 20px;
        background: transparent;
        right: 150px;
        border-bottom: 0px none transparent;
        z-index: 999999;
    }
}


@media(max-width:767px) {
    #header.affix, #header {
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
    }

    .hiddenMobileMenu {
        display: none !important;
    }
}


.homeIvsl .mini-shopping-cart-inner {
    padding: 0;
    border: none;
}

/*#region sporedi*/

table.ns-table .paket img {
    width: auto;
    max-width: 100%;
    text-align: left;
    margin: 0;
    display: block;
}
/*#endregion sporedi*/





/*#region Table desing */

table.table-blue th {
    background-color: #fff !important;
    font-size: 17px !important;
    border-bottom: 1px solid #b2b2b2 !important;
}


.outer-content table.table-blue th + th + th, .outer-content table.table-blue th {
    border-bottom: 1px solid #b2b2b2 !important;
    font-family: teleNeo-bold;
}

/*table.table-blue > tbody > tr > td, table.table-blue td + td + td {
    padding: 10px 10px;
    border-bottom: 1px solid transparent !important;
}

table.table-blue thead {
    background-color: transparent;
}

    table.table-blue thead.forceBlueAcc th {
        background-color: #dbecf4 !important;
    }*/

/*#endreion Table design*/

@media (min-width:768px) {

    .table.table-blue.mceItemTable td.hidden, .table.table-blue.mceItemTable th.hidden,
    .table.sticky-header td.hidden, .table.sticky-header th.hidden {
        display: table-cell !important;
        visibility: visible !important;
    }
}

@media (max-width:767px) {
    .loged {
        height: 55px;
        width: 60px;
    }

    .forceLastMenuMobile .mm-next {
        display: none;
    }
}

.tableWidget {
    float: right;
    width: 60px;
}

    .tableWidget:after {
        clear: both;
        content: '';
        display: table;
    }

.tableWidgetArrow {
    width: 30px;
    display: block;
    height: 30px;
    text-align: center;
    float: left;
}

    .tableWidgetArrow img {
        position: relative;
        top: 45%;
        transform: perspective(1px) translateY(-50%);
    }

.table-responsive {
    position: relative;
}

.tableWidgetArrow, .tableWidgetPager {
    width: 40px;
    display: inline-block;
    height: 20px;
    text-align: center;
    float: none;
}

.tableWidgetPager {
    display: none;
}

.tableWidgetArrow.disabled {
    opacity: 0.5;
}

.tableWidgetArrow {
    height: 100%;
    width: 25px;
    position: absolute;
    display: table-cell;
    vertical-align: middle;
    z-index: 10;
}

a.tableWidgetArrow.twprev {
    left: 0;
}

a.tableWidgetArrow.twnext {
    right: 0;
}

.tableWidgetArrow > .arr {
    position: absolute;
    display: block;
    width: 25px;
    height: 35px;
    top: 60%;
    color: #e20074;
    font-size: 33px;
    line-height: 30px;
}

    .tableWidgetArrow > .arr.chevron-right {
        right: 0;
        -webkit-box-shadow: -2px 1px 9px -1px #eee;
        -ms-box-shadow: -2px 1px 9px -1px #eee;
        box-shadow: -2px 1px 9px -1px #eee;
        box-shadow: -2px 1px 9px -1px rgba(0,0,0,0.2);
    }

    .tableWidgetArrow > .arr.chevron-left {
        left: 0;
        -webkit-box-shadow: 2px 1px 9px -1px #eee;
        -ms-box-shadow: 2px 1px 9px -1px #eee;
        box-shadow: 2px 1px 9px -1px #eee;
        box-shadow: 2px 1px 9px -1px rgba(0,0,0,0.2);
    }

    .tableWidgetArrow > .arr.chevron-right:before {
        content: '\232A';
    }

    .tableWidgetArrow > .arr.chevron-left:before {
        content: '\2329';
    }

.table-responsive {
    position: relative;
}

.tableWidget {
    width: 100vw;
    position: absolute;
    top: 0;
    left: -25px;
    height: 100%;
}

.table-responsive.noBottomSpaceTableMob .tableWidget {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .table-responsive.noBottomSpaceTableMob {
        margin-bottom: 0;
    }

    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
        white-space: normal;
    }

    .accordionz .opis_mal {
        background: #fffdf0;
        border-top: 0px solid #e5e5e5;
        padding: 10px;
    }

    .table-responsive .table.table-blue.mceItemTable th, .table-responsive .table.table-blue.mceItemTable td,
    .table-responsive table.sticky-header th, .table-responsive table.sticky-header td {
        width: 50% !Important;
        position: relative;
    }

    .table-responsive .table.table-blue.mceItemTable:not([columncount='2']) thead > tr > th:not(:first-child),
    .table-responsive .table.table-blue.mceItemTable:not([columncount='2']) tbody > tr > td:not(:first-child),
    .table-responsive table.sticky-header:not([columncount='2']) thead > tr > th:not(:first-child),
    .table-responsive table.sticky-header:not([columncount='2']) tbody > tr > td:not(:first-child) {
        position: relative;
        /*text-align: center;*/
    }

    .disMargin a {
        opacity: 0;
        visibility: hidden;
    }

    .wb-group-item.r-tabs-panel.r-tabs-state-active {
        overflow: visible;
    }
}

@media (max-width:991px) {
    a.compare-button.btn.btn-green.inProduct {
        display: none;
    }
}

.outer-content table.table-blue th + th + th, .outer-content table.table-blue th {
    border-top: 0px solid #e5e5e5 !important;
}



/**/


@media (max-width:991px) {
    div#footmenu {
        display: none;
    }


    .foot-logo .t-logo-link {
        border-top: 0px solid black;
        padding: 15px 0;
        margin-top: 0px;
        width: auto;
        float: left;
    }

    .social-holder {
        padding-top: 20px;
    }

    .copy-holder {
        padding: 12px 2px;
        line-height: 17px;
        font-size: 15px;
        text-align: center;
    }

        .copy-holder span {
            color: white;
            text-align: left;
            float: left;
            display: block;
        }

    .social-links {
        float: none;
        margin: 0 auto;
        width: 112px;
    }

        .social-links li {
            padding: 0 5px !important;
        }

    #ns-footer {
        height: 40px;
        background: #262626;
        border-top: 1px solid black;
        z-index: 100;
    }

    #ns-bottom {
        padding: 24px 0;
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 2;
    }

    .copy-holder a {
        display: none;
    }
}


.copy-right-md {
    color: white;
}

.grey-footer .copy-right-md p {
    margin: 5px 0;
    line-height: 1;
}

.modal-dialog {
    z-index: 999999;
}

.copy-right-md-wrapper {
    display: none;
}



    .copy-right-md-wrapper:before,
    .copy-right-md-wrapper:after {
        content: '';
        display: table;
        clear: both;
    }

@media (min-width:992px) {
    .copy-right-md-wrapper {
        display: block;
        padding: 0px 0px;
    }

        .copy-right-md-wrapper .social-links li {
            padding: 0 5px !important;
        }

            .copy-right-md-wrapper .social-links li a span {
                display: inline-block;
                font-size: 18px;
                height: 27px;
                width: 27px;
                text-align: right;
            }

            .copy-right-md-wrapper .social-links li:last-of-type a span {
                width: 23px;
            }
}

/*region controls*/
@media (max-width:767px) {
    .phone-tarrif-price-holder select {
        display: none;
    }

    .social-links li {
        padding: 0 10px !important;
    }
}

table.ns-table #productCompareCharacteristics td img, .table.table-blue.mceItemTable.ns-table.ns-ctrl td img {
    width: auto;
    max-width: 100%;
    text-align: left;
    margin: inherit;
    display: block;
}

.productPriceZ {
    font-size: 20px;
    font-family: teleNeo-medium;
    margin-top: 20px;
    min-height: 22px;
    color: #333;
}

.productDetailsZ {
    min-height: 22px;
}

/*endregion controls*/
.enableSso label {
    display: block;
    float: left;
    padding-top: 2px;
}

.enableSso input {
    float: left;
}

.operatorInfo.tbl {
    display: block;
    width: 100%;
    margin: 0;
}

    .operatorInfo.tbl .tbl-cell {
        display: block;
        width: 100%;
    }

.form-group.form-group-radios {
    line-height: 21px;
}

@media (max-width: 767px) {
    .product-filters > div.affix {
        width: 100%;
        position: static;
        top: inherit !important;
        overflow: auto !important;
        overflow-x: hidden !important;
        bottom: inherit !important;
    }

    .LPMcontainer {
        display: none;
    }

    .inner-cont h1 {
        margin-top: 0 !important;
    }

    .inner-cont {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    #content {
        background: white;
        padding-bottom: 0;
    }

    .inner-cont ul {
        margin-bottom: 0;
    }

    .r-tabs {
        margin-top: 0;
    }

    .floatThead-container.floated {
        top: 0px !Important;
        z-index: 9 !important;
    }

    .tableWidget {
        width: 50%;
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
    }

    .tableWidgetArrow > .arr.chevron-left {
        left: 0;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
        box-shadow: none;
        background-color: transparent;
    }

    .tableWidgetArrow > .arr.chevron-right {
        background-color: transparent;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
        box-shadow: none;
    }

    .tableWidgetArrow > .arr {
        position: absolute;
        display: block;
        width: auto !important;
        height: auto !important;
        color: #555;
        font-size: 35px;
        line-height: 1;
        top: 50%;
        transform: translateY(-50%);
    }

        .tableWidgetArrow > .arr.chevron-left:before {
            content: "\f3d2";
            font-family: 'Ionicons';
            padding: 0 !important;
        }

        .tableWidgetArrow > .arr.chevron-right:before {
            content: '\f3d3';
            font-family: 'Ionicons';
        }

    .sticky-header tr > *:not(:first-child) {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}


#productDetails a.back-icon-details {
    position: absolute;
    right: 0px;
    bottom: 15px;
    background-image: url(../images/arrow_back.png);
    background-repeat: no-repeat;
    background-position: left center;
}

#productDetails .back-icon-details > span {
    color: #e20074;
    margin-left: 30px;
}

#productDetails a.back-icon-details:hover {
    text-decoration: none;
}

@media (max-width:767px) {
    #productDetails a.back-icon-details {
        position: relative;
        float: right;
        right: -12px;
        bottom: 10px;
    }
}
/*#region svg*/
.svg-catcher {
    position: absolute;
    width: 75px;
    right: 20px;
    height: 80px;
}

    .svg-catcher svg {
        width: 70px;
        position: relative;
        right: 0;
        height: 80px;
    }

    .svg-catcher.svg-catcher-updated {
        top: -20px;
        width: 100px;
        height: auto !important;
        right: 60px;
        z-index: 3;
    }

        .svg-catcher.svg-catcher-updated img {
            width: 100%;
            height: 100%;
        }
/*.ponuda-na-uredi .item:last-child .svg-catcher-updated {
    left: 30px;
}*/
/*#endregion svg*/
.pDetails img.img-phone-thumb {
    width: auto !important;
}

@media (min-width:768px) {
    .width-correction {
        width: 50% !important;
    }
}

/*#middle-wrapper .inner-template ul li {
    background-image: none;
}

    #middle-wrapper .inner-template ul li:before {
        color: #E20074;
        font-size: 20px;
        font-family: tscreen;
        display: inline-block;
        padding-right: 5px;
        content: "-";
        margin-left: -15px;
    }*/


img.top-left-catcher {
    position: absolute;
    top: 32px;
    right: 0;
}

/*affix fix za da ne skoka content*/

@media (max-width:767px) {

    .svg-catcher.svg-catcher-updated {
        top: 0px;
        width: 110px;
        right: 10px;
    }

    .padding-fix-affix {
        padding-top: 125px;
    }
}
/*#popupBusinessCookie{
position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999999;
}

#popupPrivateCookie{
position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999999;
}*/


.sitemap.container1 li {
    display: block;
    background-image: url(../images/list-bullet.png);
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    margin-left: 15px;
}

#hideMe #canvas {
    width: 100% !important;
    height: auto !important;
}

@media (max-width:767px) {
    #hideMe #canvas {
        bottom: 0px !important;
        margin: auto !important;
        transform: scale(2) !important;
        top: 0px !important;
    }

    #hideMe {
        top: 0 !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .breadZ.affix {
        top: 114px;
    }

    #hideMe #canvas {
        transform: scale(2) !important;
        top: 23% !important;
    }

    #hideMe {
        top: 100px !important;
    }

    .copy-right-md-wrapper .social-links li a span {
        font-size: 24px;
        text-align: right;
    }

    #ns-bottom .social-links {
        float: right;
        margin: 0 auto;
        width: 150px;
    }

    #ns-bottom .t-logo-mobile {
        display: inline-block;
        padding-left: 0;
    }
}

.inner-cont.inner-one.inner-gray {
    clear: both;
}

.platiOnlineMenu {
    background-image: none;
    height: 20px;
    width: 20px;
    position: relative;
    z-index: 9;
    cursor: pointer;
    padding-left: 0;
    padding-top: 0px;
    -ms-background-size: auto;
    background-size: contain;
}
/*
    .platiOnlineMenu:after {
        content: ']B';
        content: "\e901";
        font-family: 'teleicon-outline';
        font-family: 'icomoon';
        position: initial;
        font-size: 22px;
        color: #000000;
        z-index: 1;
        top: 0;
        left: auto;
        transform: none;
    }*/

.payOnlineHoverText {
    left: 110px;
    position: absolute;
    min-width: 120px;
    background-color: rgba(241, 241, 241, 0.97);
    border: 1px solid #dfdfdf !important;
    padding: 0 10px;
    text-align: center;
    top: 38px;
    color: #333;
    display: none;
}

.platiOnlineMenu:hover + .payOnlineHoverText {
    display: block !important;
}

.visible-xs .platiOnlineMenu {
    display: inline-block;
    float: right;
    margin-right: 0px;
}

.emptyMainMenuField {
    background-repeat: no-repeat;
    background-position: center center;
    height: 57px;
    width: 80px;
    position: relative;
    z-index: 999;
    cursor: pointer;
    padding-left: 0;
    padding-top: 2px;
    -ms-background-size: auto;
    background-size: contain;
    float: right;
}
/*#region search update*/
@media (max-width:767px) {
    .platiOnlineMenu:after {
        color: #383838;
        top: 0px;
        left: 0;
        transform: none;
        position: relative;
    }

    #miniShoppingCart:after {
        color: #383838;
        top: 12px;
        left: 10px;
        transform: none;
    }



    .search-icon {
        /*background-image: url(../images/search-redesign.png);*/
        background-image: none;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: transparent !important;
        width: 40px;
        height: 45px;
        display: inline-block;
        cursor: pointer;
        position: static;
        margin-top: 2px;
        float: right;
        margin-right: 0px !important;
        z-index: 999999999;
        right: -10px !important;
        top: 0px;
        margin-bottom: -90px;
        margin-right: -10px !important;
    }

        .search-icon .search-box {
            top: 3px !important;
        }


    .search-box {
        padding-left: 0;
        padding-right: 0;
        position: absolute;
        z-index: 1000;
        width: auto;
        position: absolute;
        top: 0;
        left: -190px;
        width: 180px !important;
        right: initial !important;
    }

    .search-icon .search-box input {
        width: 0;
        min-width: 0;
        max-width: 0;
    }

    .search-icon.activated.active .search-box input,
    .search-icon.activated.active .search-box input {
        width: 100% !important;
        position: relative;
        min-width: inherit !important;
        top: 0px !important;
        right: 0px !important;
    }

    .theCompany .search-icon.active.activated .search-box {
        right: 170px !important;
    }

    a.search-icon.activated .search-box .closeSearch {
        position: absolute;
        /* left: 7px; */
        top: 8px;
        font-size: 25px;
        z-index: 1;
        color: #555;
        font-family: teleNeo-medium;
        cursor: pointer;
        right: 2px !important;
        padding: 0px 15px !important;
        background: transparent !important;
    }

    .main-menu {
        position: relative;
        margin-top: -5px;
    }

    #tools-private {
        right: -5px !important;
        top: 10px !important;
        z-index: 9 !important;
    }

    #miniShoppingCart {
        z-index: 3 !important;
    }

    .main-menu-holder {
        height: 48px;
    }

    .emptyMainMenuField {
        display: none;
    }

    ul.moj-telekom-menu-1.visible-xs a.search-icon {
        margin-right: 0px !important;
        margin-top: 0px;
        top: 1px;
        position: relative !important;
        width: 35px;
    }

    .header-mtk-store h1 {
        font-size: 29px !important;
    }

    #uredi-landing-phones .product-home-img {
        height: 340px !important;
    }

        #uredi-landing-phones .product-home-img img {
            max-height: 250px !important;
            width: 250px;
            height: 250px;
        }
}
/*#endregion search update*/


#subheaderOut {
    height: 168px;
}



@media (min-width:768px) {
    #header {
        position: fixed;
    }

    .affixFixZ {
        height: 84px;
    }

    #headerOut {
        height: 65px;
    }



    #subheader.affix {
        z-index: 1000;
        left: 0;
        right: 0;
        top: 0px;
        width: 100%;
        -moz-transition: height .2s ease-out;
        -webkit-transition: height .2s ease-out;
        -o-transition: height .2s ease-out;
        transition: height .2s ease-out;
        margin: 0 auto;
        position: fixed;
        transform: none;
    }

        #subheader.affix #headerOut, #subheader.affix #header {
            height: 4px;
            overflow: hidden;
            -moz-transition: height .2s ease-out;
            -webkit-transition: height .2s ease-out;
            -o-transition: height .2s ease-out;
            transition: height .2s ease-out;
        }

    #subheader.affix-top, #subheader.affix-top #headerOut, #subheader.affix-top #header {
        -moz-transition: height .2s ease-out;
        -webkit-transition: height .2s ease-out;
        -o-transition: height .2s ease-out;
        transition: height .2s ease-out;
    }
}

@media (max-width:767px) {
    .affixFixZ {
        height: 161px;
    }

    #subheaderOut {
        height: 113px;
        position: relative;
        z-index: 9999;
    }

    #menu .mm-panels a[data-target="#mm-0"] {
        display: none;
    }

        #menu .mm-panels a[data-target="#mm-0"] + a.mm-title {
            pointer-events: none;
        }



    #HomePageLinks .hpLinksBox span:first-of-type {
        font-size: 34px;
    }
}

/*#region loader webshop*/
.block-ui-visible > .block-ui-container {
    visibility: visible;
}

    .block-ui-visible > .block-ui-container .lds-ripple {
        visibility: visible;
        opacity: 1;
    }

.block-ui-container {
    visibility: hidden;
}

.lds-ripple {
    visibility: hidden;
    opacity: 0;
}


@media(min-width:768px) {
    #subheader {
        position: fixed;
        left: 0;
        right: 0;
        -moz-transition: height .3s ease-out;
        -webkit-transition: height .3s ease-out;
        -o-transition: height .3s ease-out;
        transition: height .3s ease-out;
    }
}
/*#endregion loader webshop*/


.oldPriceNew {
    display: inline-block;
    position: relative;
}

    .oldPriceNew:after {
        position: absolute;
        content: "";
        left: 0;
        top: 45%;
        right: 0;
        border-top: 1px solid;
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
        transform: rotate(-14deg);
    }


#ns-content.companyContent .breadZ > .container {
    width: 100%;
}

.filterHeader.affix + .mobileFilters + #filterTable {
    margin-top: 54px !important;
}

.mm-listview li.korisnicka_privatni > .mm-next, .mm-listview li.korisnicka_delovni > .mm-next {
    display: none;
}


ul.resp-tabs-list.full-width.r-tabs-nav {
    width: 1024px !important;
    margin: auto;
}

@media (min-width: 768px) {
    ul.resp-tabs-list.full-width.r-tabs-nav {
        width: 750px !important;
        margin: auto;
    }
}

@media (min-width: 992px) {
    #uredi-landing-phones #uredi-phones-naslovna .p-uredi-cena,
    #uredi-landing-phones #uredi-phones-naslovna a .btnMoreWrapper-landing,
    #uredi-landing-phones #uredi-phones-naslovna .phone-box .txt-cena-naslovna,
    #uredi-landing-phones #uredi-phones-naslovna .uredi-phone-price-wraper,
    #uredi-landing-phones #uredi-phones-naslovna .phone-box .txt-cena-naslovna {
        visibility: visible !important;
    }

    ul.resp-tabs-list.full-width.r-tabs-nav {
        width: 970px !important;
        margin: auto;
    }
}

@media (min-width: 1200px) {
    ul.resp-tabs-list.full-width.r-tabs-nav {
        width: 1000px !important;
        margin: auto;
    }
}

/*#obicen roaming tabovi*/
.obicen-roaming-list {
    background-color: rgba(237,237,237,0.85);
    position: relative;
    bottom: 50px;
}

ul.resp-tabs-list.full-width.obicen-roaming-tab {
    /*width: 100% !important;
    text-align: center;
    margin: 0 auto;*/
    position: relative;
    left: 0;
    right: 0;
}

    ul.resp-tabs-list.full-width.obicen-roaming-tab li {
        position: relative;
        margin: 0 auto;
        width: auto;
        border-bottom: 3px solid #ddd;
    }

        ul.resp-tabs-list.full-width.obicen-roaming-tab li.r-tabs-state-active {
            border-bottom: 3px solid #e20074 !important;
        }

        ul.resp-tabs-list.full-width.obicen-roaming-tab li a {
            color: #000000;
            font-weight: 400;
        }

        ul.resp-tabs-list.full-width.obicen-roaming-tab li.r-tabs-state-active a {
            color: #000000;
            font-weight: 400;
        }

/*#endregion roaming tabovi*/




/*#region corporate landing*/
#companyContent .wrapper {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.inner-cont-corporate {
    padding-left: 120px;
    width: 90%;
    position: relative;
    padding-top: 40px;
    margin-bottom: 80px;
}

    .inner-cont-corporate h2 {
        width: 80%;
        position: relative;
        font-size: 27px;
        margin-bottom: 70px;
    }
        /*
        .inner-cont-corporate h2:before {
            content: "";
            width: 69px;
            height: 2px;
            background: #e20074;
            display: block;
            position: absolute;
            left: 0;
            bottom: -33px;
        }*/
        .inner-cont-corporate h2:before {
            content: "";
            width: 69px;
            height: 2px;
            background: #e20074;
            display: block;
            position: absolute;
            left: -120px;
            top: 17px;
        }


.related-articles {
    padding-top: 40px;
}

.inner-cont-corporate iframe {
    width: 100%;
}

.full-content-corporate h3 {
    font-family: 'teleNeo-medium' !important;
    margin-bottom: 25px;
    color: black;
    font-size: 21px;
}

.full-content-corporate ol li,
.full-content-corporate ul li {
    font-size: 18px;
    line-height: 1.2;
    margin: 10px 0;
}

.inner-cont-corporate h3 + p > img {
    padding: 10px 0 30px;
}


.inner-cont-corporate p, .inner-cont-corporate ul li {
    font-size: 17px;
}

.inner-cont-corporate img {
    margin: 0 auto;
    display: block;
    padding: 25px 0 30px;
}

    .inner-cont-corporate img.qr {
        position: relative;
        margin: 0 !important;
        width: 100px;
    }

    .inner-cont-corporate img.button {
        margin: 0 !important;
        width: 160px;
    }

.inner-cont-corporate p.links {
    position: relative;
    width: 50%;
    display: inline;
    float: left;
}

.inner-cont-corporate a.mob-icon-zoo {
    position: relative;
    margin: 0 65px;
}

    .inner-cont-corporate a.mob-icon-zoo img {
        position: relative;
        display: inline-block;
        width: 130px;
    }

.inner-cont-corporate img.mob-qr-zoo {
    position: relative;
    display: block;
    width: 130px;
    margin: 0;
}

.inner-corporate-title {
    position: relative;
}

.inner-cont-corporate .date {
    display: block;
    text-align: left;
    color: #b6b6b6;
    position: absolute;
    left: -120px;
    top: 30px;
    font-size: 17px;
}

.cont.full-content-corporate {
    margin-top: 0 !important;
}

#ns-content.companyContent .full-content-corporate .breadZ.affix {
    position: fixed;
    margin-bottom: 0;
}

#corporate-wrapper #share-buttons {
    position: relative;
    padding-bottom: 70px;
}

    #corporate-wrapper #share-buttons a {
        position: relative;
        display: inline-block;
        width: 30px;
        height: 30px;
    }

@media (min-width: 768px) {
    .full-content-corporate .breadZ.affix-top {
        position: relative !important;
        margin-bottom: 0;
    }

    .full-content-corporate .breadZ {
        -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.10);
        box-shadow: 0 2px 1px 0 rgba(0,0,0,0.10);
        padding: 6px 0 8px;
        z-index: 999;
        background: white;
        min-height: inherit;
        border-top: 1px solid #eaeaea;
    }

        .full-content-corporate .breadZ h2 {
            font-size: 15px;
            text-transform: inherit;
            margin: 0;
            color: #383838;
            font-family: 'teleNeo-bold' !important;
            margin-top: 5px;
            display: inline-block;
        }

    #ns-content.companyContent .full-content-corporate .breadZ > .container {
        width: 1024px;
    }
}

@media (max-width: 767px) {

    .inner-cont-corporate {
        padding-left: 0;
        padding: 40px 5px 0px;
        width: 100%;
    }

        .inner-cont-corporate h2 {
            width: 100%;
            font-size: 21px;
            margin-bottom: 0;
            padding-bottom: 20px;
        }

        .inner-cont-corporate .date {
            position: relative;
            left: 0;
            top: 0;
            margin: 5px 0 20px;
        }

        .inner-cont-corporate img {
            padding: 15px 0 15px;
        }

        .inner-cont-corporate h3 + p > img {
            padding: 0px 0 20px;
        }

        .inner-cont-corporate h2:before {
            position: absolute;
            left: 0;
            top: auto;
            bottom: 0;
        }
}




/*#endregion corporate landing*/
.business-radio-button-design .bts-paket-ddv.active-price span,
.business-radio-button-design .bts-paket-no-ddv.active-price span {
    display: block;
    position: relative;
    text-align: center;
}

    .business-radio-button-design .bts-paket-ddv.active-price span.new-price,
    .business-radio-button-design .bts-paket-no-ddv.active-price span.new-price {
        position: relative;
        color: #e20074;
        text-align: center;
        font-family: 'teleNeo-bold' !important;
    }

    .business-radio-button-design .bts-paket-ddv.active-price span.old-price,
    .business-radio-button-design .bts-paket-no-ddv.active-price span.old-price {
        position: relative;
        text-decoration: line-through;
    }

.business-new-table-button .businessTableSoMagentaKolona {
    z-index: 0;
}

.business-new-table-button .ec-30 {
    position: relative;
    z-index: 9;
    width: 70px;
    left: 65%;
    bottom: 18px;
}

.tariffFilters .postpaid.filterCategory.collapsed.hideTooltip ~ .tooltip {
    display: none;
}

.tariffFilters .postpaid.filterCategory.collapsed ~ .tooltip {
    top: 305px !important;
}

.tariffFilters .postpaid.filterCategory.collapsed .option {
    pointer-events: none;
}

.tariffFilters .postpaid.filterCategory.collapsed.hideTooltip .option {
    pointer-events: auto;
}

.tariffTable td.internet span.one-t-dicklaimer {
    top: 55px !important;
}
/*#region homepage redesign 2020*/


.one-header .container-fluid,
.container-fluid {
    padding-right: 65px;
    padding-left: 65px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    height: 100%;
}

/*div#loginNameMove {
    padding-right: 60px !important;
}*/

div#loginNameMove,
#miniShoppingCart {
    padding: 0;
    height: 100%;
    display: inline-block;
    position: relative;
    width: 30px;
    float: none !important;
}

#add-module {
    height: 100%;
}

a.platiOnlineLink {
    padding: 10px 0 15px;
    height: 100%;
    display: inline-block;
    position: relative;
    width: 15px;
}

    a.platiOnlineLink .payOnlineHoverText {
        left: -45px;
        top: 60px;
    }

a.pull-right.platiOnlineLink:hover {
    text-decoration: none;
    background: transparent;
}

div#subheaderOut.affix {
    width: 100%;
}


#headerOut .top-header {
    position: relative;
    width: 100%;
    display: table;
    height: 100%;
}

    #headerOut .top-header a.t-logo-link {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 6%;
    }

        #headerOut .top-header a.t-logo-link.last {
            width: 13%;
            display: inline-block;
        }

    #headerOut .top-header .header-menu {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 80%;
        background: transparent;
    }

    #headerOut .top-header #top ul li a {
        color: white;
        font-family: 'teleNeo-regular' !important;
        font-size: 17px;
    }

    #headerOut .top-header #top ul li.active a {
        font-family: 'teleNeo-bold' !important;
        color: white;
    }

/*.homepage-wrapper .urediLandingTextSlider .urediTextSliderIndicators {
    background-color: transparent !important;
}*/

.homepage-wrapper .urediLandingTextSlider .urediTextSliderIndicators:after {
    content: "";
    position: absolute;
    width: 97%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.15);
}

.homepage-wrapper .urediLandingTextSlider .urediTextSliderIndicators {
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;*/
    border-top: 0 !important;
    /*background: -moz-linear-gradient(top, rgba(0,0,0,0.04) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to top,rgba(34, 32, 32, 0.56) 30%, rgba(69, 64, 64, 0.4) 60%, #d2d2d200 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#000000',GradientType=0 );*/
    padding: 6px 0 0px 0;
    /*background-image: url(../content/images/indicators-bcg.png);
    background-position: center bottom;
    background-size: cover;
    height: 350px;
    z-index: 0;*/
}

.urediLandingTextSlider .carousel .carousel-inner > .item:before {
    content: '';
    display: block;
    position: absolute;
    /*background-image: url(../content/images/indicators-bcg.png);
    background-position: center bottom;
    background-size: cover;*/
    left: 0;
    right: 0;
    bottom: 0;
    height: 350px;
    z-index: 0;
}



.urediLandingTextSlider ol.carousel-indicators li:after {
    height: 3px !important;
    position: absolute;
    bottom: 0 !important;
    top: inherit !important;
    width: 80% !important;
    background-color: #e20074;
}

.urediLandingTextSlider ol.carousel-indicators li.active:after {
    left: 0;
    right: 0;
    bottom: 0px !important;
    max-width: 80% !important;
    transition: all .3s ease 0s;
    display: block;
    margin: 0 auto;
}

.homepage-wrapper .urediLandingTextSlider ol.carousel-indicators li:before {
    content: "";
    display: block;
    height: 32px;
    position: absolute;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    right: 0;
    max-width: 1px;
    transition: all .1s ease 0s;
    width: 2px;
    top: 17px;
}

.homepage-wrapper .urediLandingTextSlider ol.carousel-indicators li:last-child:before {
    content: "";
    width: 0px;
}

@keyframes zoomout {
    100% {
        background-size: 110%;
    }

    0% {
        background-size: 100%;
    }
}

.homepage-wrapper .urediLandingTextSlider .item.m1-business-banner {
    position: relative;
    height: 100%;
    width: 100%;
}

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner .zoom-in-out {
        /*background-image: url(../content/banners/2020/m1-business-banner-2020.jpg);*/
        /*background-image: url(../content/banners/2020/m1b-banner-new.jpg);*/
        background-image: url(../content/banners/2020/m1b_novi_pocetoci.jpg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        animation: zoomout 5s alternate infinite;
        height: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner .sliderUrediTxt-image {
        /*background-image: url(../content/banners/2020/m1-business-banner-2020.png) !important;*/
        /*background-image: url(../content/banners/2020/m1b_novi_pocetoci.png) !important;*/
        background-image: url(../content/banners/2020/m1b_novi_pocetoci-new.png) !important;
        background-position: top 13% center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner.sq .sliderUrediTxt-image {
        /*background-image: url(../content/banners/2020/m1-business-banner-2020-sq.png) !important;*/
        /*background-image: url(../content/banners/2020/m1b_novi_pocetoci-sq.png) !important;*/
        background-image: url(../content/banners/2020/m1b_novi_pocetoci-sq-new.png) !important;
        background-position: top 13% center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.probajte-nesto-novo {
    position: relative;
    height: 100%;
    width: 100%;
}

    .homepage-wrapper .urediLandingTextSlider .item.probajte-nesto-novo .zoom-in-out {
        background-image: url(../content/banners/2020/probajte-nesto-novo-banner.jpg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        animation: zoomout 5s alternate infinite;
        height: 100%;
    }


    .homepage-wrapper .urediLandingTextSlider .item.probajte-nesto-novo .sliderUrediTxt-image {
        /*background-image: url(../content/banners/2020/probajte-nesto-novo-slika.png) !important;*/
        width: 100%;
        height: auto;
        position: relative;
    }


    .homepage-wrapper .urediLandingTextSlider .item.probajte-nesto-novo .center-content {
        position: absolute;
        top: 5%;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 999;
        text-align: center;
        padding: 30px 0;
        transition: all ease-in 0.6s;
    }

        .homepage-wrapper .urediLandingTextSlider .item.probajte-nesto-novo .center-content h1 {
            color: white;
            width: 610px;
            margin: 10px auto;
            background: #E30074;
            font-size: 55px;
            padding: 3px 0;
            font-family: 'teleNeo-bold' !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.probajte-nesto-novo .center-content h2 {
            color: white;
            font-family: 'teleNeo-regular' !important;
            font-size: 30px;
            margin-top: 20px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.probajte-nesto-novo .center-content a.btn-magen {
            position: relative;
            bottom: 0;
            z-index: 1;
            margin-top: 50px;
            border-radius: 0;
            text-transform: uppercase;
            font-family: 'teleNeo-bold' !important;
            font-size: 17px;
            width: 180px;
            padding: 10px 0;
            background: #e30074;
            border: 1px solid #e30074;
        }

.homepage-wrapper .urediLandingTextSlider ol.carousel-indicators li {
    font-size: 19px;
}



div#fast-links-hp {
    position: relative;
    min-height: 120px;
    border-bottom: 1px solid #eee;
    padding: 20px 15px;
}

    div#fast-links-hp .col-md-2 {
        padding: 0;
    }

@media(max-width:767px) {

    div#fast-links-hp {
        background: #fafafa;
        border-bottom: 0px solid #eee;
        padding: 35px 15px 0;
    }
}

div#fast-links-hp .fast-link-box {
    position: relative;
    min-height: 70px;
}

    div#fast-links-hp .fast-link-box:hover .fast-link-img,
    div#fast-links-hp .fast-link-box:hover .fast-link-text {
        filter: grayscale(0);
        transition: all ease 0.8s;
    }

div#fast-links-hp .fast-link-text {
    position: absolute;
    left: 0;
    display: block;
    width: auto;
    top: 10px;
    padding-left: 70px;
    vertical-align: middle;
    filter: grayscale(100%);
    transition: all ease 0.8s;
}

    div#fast-links-hp .fast-link-text h3 {
        margin: 0;
        color: #e20074;
        font-family: 'teleNeo-medium' !important;
        text-transform: uppercase;
        font-size: 15px;
        vertical-align: middle;
        text-align: left;
        width: 100%;
    }

div#fast-links-hp .fast-link-img {
    position: relative;
    width: 70px;
    left: 0;
    display: inline-block;
    vertical-align: middle;
    filter: grayscale(100%);
    transition: all ease 0.8s;
}

/*.blueBox-plati-online {
    background: #1D2328 0% 0% no-repeat padding-box !important;
}*/

.blueBox-plati-online h2 {
    font-family: 'teleNeo-regular' !important;
    font-size: 34px;
}

    .blueBox-plati-online h2 span {
        font-family: 'teleNeo-bold' !important;
    }

.blueBox-plati-online a {
    border-radius: 0;
    width: 150px;
    text-align: center;
    transition: all .2s ease-in-out;
    border-radius: 0;
}

    .blueBox-plati-online a:hover,
    .blueBox-plati-online a:focus {
        background-color: white;
        border-color: white;
        color: #333 !important;
        transition: all .2s ease-in-out;
        outline: none;
        text-decoration: none;
    }

#fastLinks-uslugi {
    margin-top: -6px;
    position: relative;
    display: table;
    width: 100%;
}



    #fastLinks-uslugi a {
        transition: all 0.3s ease-in-out;
        position: relative;
        display: table-cell;
    }

        #fastLinks-uslugi a:hover,
        #fastLinks-uslugi a:hover *,
        #fastLinks-uslugi a:focus * {
            text-decoration: none;
            color: #e20074;
            transition: all 0.3s ease-in-out;
        }

    #fastLinks-uslugi .fastLink-box-usluga {
        position: relative;
        min-height: 185px;
        padding: 30px;
        transition: all 0.3s ease-in-out;
        width: 234px;
        margin: 0;
    }

    #fastLinks-uslugi a:hover .fastLink-box-usluga {
        transition: all 0.3s ease-in-out;
        /*border: 2px solid #e20074;
        border-bottom: 2px solid #e20074 !important;*/
        text-decoration: none;
        color: #e20074;
    }

    #fastLinks-uslugi a .fastLink-box-usluga .fastLink-box-img {
        min-height: 71px;
    }

        #fastLinks-uslugi a .fastLink-box-usluga .fastLink-box-img span {
            font-size: 44px;
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
            transition: all 0.3s ease-in-out;
        }

    #fastLinks-uslugi a:hover .fastLink-box-usluga .fastLink-box-img span {
        font-size: 45px;
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        transition: all 0.3s ease-in-out;
    }

    #fastLinks-uslugi a .fastLink-box-usluga .fastLink-box-img span.telekom-font-icon {
        font-family: 'teleicon-outline' !important;
        transition: all 0.3s ease-in-out;
    }

    #fastLinks-uslugi .a:hover .fastLink-box-usluga .fastLink-box-img span.telekom-font-icon,
    #fastLinks-uslugi a:hover .fastLink-box-usluga .fastLink-box-img span.icon-comment_outline {
        color: #e20074 !important;
        transition: all 0.3s ease-in-out;
    }

    #fastLinks-uslugi a .fastLink-box-header h4 {
        position: relative;
        font-size: 18px;
        color: black;
        font-family: 'teleNeo-bold' !important;
        transition: all 0.3s ease-in-out;
        margin: 0;
        padding: 0;
    }

    #fastLinks-uslugi a:focus .fastLink-box-header h4,
    #fastLinks-uslugi a:active .fastLink-box-header h4,
    #fastLinks-uslugi a:focus .fastLink-box-header h4:focus {
        text-decoration: none;
    }

    #fastLinks-uslugi a:hover .fastLink-box-header h4 {
        text-decoration: none !important;
        transition: all 0.3s ease-in-out;
        color: #e20074;
        border-bottom: 0;
    }



    #fastLinks-uslugi .fastLink-box-usluga .fastLink-arrow {
        position: absolute;
        right: 70px;
        width: 25px;
        height: auto;
        display: none;
        transition: all 0.3s ease-in-out;
    }

    #fastLinks-uslugi .fastLink-box-usluga:hover .fastLink-arrow {
        display: block;
        transition: all 0.3s ease-in-out;
    }

.telekom-app-new-design-banner {
    position: relative;
    width: 100%;
    display: block;
    background-image: url(../content/images/telekommk-app-new/telekommk-app-inner-banner.jpg);
    background-size: cover;
    height: 320px;
    background-position: center;
    background-repeat: no-repeat;
}

    .telekom-app-new-design-banner.sq {
        background-image: url(../content/images/telekommk-app-new/telekommk-app-inner-banner-sq.jpg);
    }

    .telekom-app-new-design-banner video {
        position: relative;
        width: 100%;
        display: block;
    }
/*#region controla uredi naslovna*/
@media(max-width: 767px) {
    .telekom-app-new-design-banner {
        position: relative;
        width: 100%;
        display: block;
        background-image: url(../content/images/telekommk-app-new/telekommk-app-inner-banner-mob.jpg);
        background-size: cover;
        height: 195px;
        background-position: center;
        background-repeat: no-repeat;
    }
}

@media(min-width:768px) and (max-width: 991px) {
    #headerOut .top-header a.t-logo-link img,
    #headerOut .top-header a.t-logo-link.last img {
        height: 30px;
    }

    .search-icon {
        z-index: 9999;
    }

    .tab-pane-sliderNaslovna {
        padding-top: 40px !important;
        padding-bottom: 0px !important;
    }
}

.header-mtk-store {
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: center;
}

    .header-mtk-store h1 {
        position: relative;
        font-size: 53px;
        color: #010101;
        font-family: 'teleNeo-medium' !important;
        text-transform: none;
        margin: 60px 0;
    }

        .header-mtk-store h1 span {
            font-family: 'teleNeo-ultra' !important;
        }

#homepageTabs {
    border-bottom: 0 !important;
    display: table;
    margin: 0 auto 50px auto;
    width: 90%;
    text-align: center;
    position: relative;
    left: 0;
    right: 0;
    z-index: 2;
}

    #homepageTabs li {
        position: relative;
        display: inline-block;
        width: 31%;
        text-align: center;
        box-shadow: none;
        border: 1px solid #dedede !important;
        margin: 0 15px;
    }

    #homepageTabs.side-tabs li a {
        display: block;
        width: 100%;
        text-align: center;
        padding: 20px 0 !important;
    }

        #homepageTabs.side-tabs li a:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: -1px;
            background-color: #e20074;
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            -webkit-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
        }

        #homepageTabs.side-tabs li a:hover:before {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

    #homepageTabs li a:hover span.filter-text {
        color: white;
        -webkit-transition: 0.5s ease-in-out;
    }

    #homepageTabs.side-tabs li.active a {
        color: white;
        background: #e20074;
        transition: all ease-in-out 0.3s;
    }

    #homepageTabs li.active a:after,
    #homepageTabs li.active a span.filter-text:after {
        content: none;
        border-bottom: 0;
    }

    #homepageTabs li a span.filter-text {
        text-align: center;
        width: 100%;
        display: block;
        text-transform: none;
        font-size: 20px;
        z-index: 1;
        position: relative;
    }

    #homepageTabs li.active a:after,
    #homepageTabs li a:after {
        content: none;
    }

#uredi-landing-phones .carousel-inner {
    position: relative;
    width: 90%;
    overflow: hidden;
    margin: 0 auto;
}

#uredi-landing-phones .table-img.mob-img {
    position: absolute;
    width: auto;
    top: 0;
    left: 50%;
    margin-left: -135px;
}

#uredi-landing-phones .product-home-img.accessory-img {
    height: 240px;
}

#uredi-landing-phones .product-home-img {
    height: 360px;
}

    #uredi-landing-phones .product-home-img.accessory-img img {
        max-height: 350px !important;
        width: auto;
        height: 310px;
    }

    #uredi-landing-phones .product-home-img img {
        max-height: 450px !important;
        width: auto;
        height: 360px;
    }

#uredi-landing-phones #uredi-phones-naslovna {
    padding: 0 !important;
    border: 0 !important;
}

    #uredi-landing-phones .p-uredi-cena,
    #uredi-landing-phones #uredi-phones-naslovna .btnMoreWrapper-landing {
        visibility: hidden !important;
    }

    #uredi-landing-phones #uredi-phones-naslovna:hover .p-uredi-cena,
    #uredi-landing-phones #uredi-phones-naslovna:hover a .btnMoreWrapper-landing,
    #uredi-landing-phones #uredi-phones-naslovna:hover .phone-box .txt-cena-naslovna,
    #uredi-landing-phones #uredi-phones-naslovna:hover .uredi-phone-price-wraper,
    #uredi-landing-phones #uredi-phones-naslovna:hover .phone-box .txt-cena-naslovna {
        visibility: visible !important;
    }

#uredi-landing-phones h4.phone-name {
    font-family: 'teleNeo-extra' !important;
    color: black !important;
    margin-bottom: 30px !important;
    transition: all ease-in-out 0.3s;
    text-align: left;
    width: 100% !important;
    font-size: 23px !important;
}

#uredi-landing-phones #uredi-phones-naslovna:hover h4.phone-name {
    color: white !important;
}

#uredi-landing-phones h5.manufacturer {
    color: black;
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    font-family: 'teleNeo-medium' !important;
    transition: all ease-in-out 0.3s;
}

#uredi-landing-phones #uredi-phones-naslovna:hover h5.manufacturer {
    color: white;
    transition: all ease-in-out 0.3s;
}

#uredi-phones-naslovna .uredi-phone-title-wraper {
    position: relative;
    padding-left: 23%;
    padding-top: 2%;
    width: 80%;
}

#uredi-phones-naslovna .p-uredi-cena {
    z-index: 99;
}

#uredi-phones-naslovna .hover-transparent {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 250px;
}

    #uredi-phones-naslovna .hover-transparent .hover-bcg {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        position: relative;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

        #uredi-phones-naslovna .hover-transparent .hover-bcg:before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #e20074;
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            transition: all ease-in 0.3s;
            -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
            width: 100%;
            height: 270px;
            z-index: -1;
            visibility: hidden;
        }

#uredi-phones-naslovna:hover .hover-bcg:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
    width: 100%;
    height: 270px;
}

#phone-slider-hp-red #uredi-phones-naslovna:hover .p-uredi-cena {
    opacity: 1;
    visibility: visible;
}

.deviceInfoWrap a.img-href {
    position: relative;
    display: block;
    width: 100%;
}

.deviceInfoWrap span.price2 {
    color: #333;
}

#uredi-landing-phones .deviceInfoWrap .p-currency,
#uredi-landing-phones .p-uredi-cena span.num-instalments span {
    color: #333 !important;
}

#uredi-landing-phones .deviceInfoWrap .p-currency {
    border-bottom: 1px solid #333 !important;
}

#uredi-landing-phones .p-uredi-cena .p-right span:last-of-type {
    border-bottom: 0 !important;
}

#uredi-phones-naslovna .uredi-phone-price-wraper {
    position: absolute;
    right: 0;
    transform: rotate(-90deg);
    bottom: 35px;
    color: white;
    z-index: 99;
    width: 80px;
    height: 30px;
}

#uredi-phones-naslovna .p-uredi-cena {
    z-index: 99;
    position: relative;
    width: auto;
    margin: 0 !important;
    text-align: left;
    padding-left: 23%;
}

#uredi-landing-phones .p-uredi-cena .p-left {
    float: none;
    padding-right: 5px;
    display: table-cell;
    vertical-align: middle;
    width: auto;
}

#uredi-landing-phones .p-uredi-cena .p-right {
    float: none;
    display: table-cell;
    width: auto;
    vertical-align: middle;
}


#uredi-landing-phones .phone-box .txt-cena-naslovna {
    color: #333 !important;
    font-size: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
    letter-spacing: 0.5px;
    border-top: 0 !important;
    white-space: pre-line;
    word-break: break-word;
}

#uredi-landing-phones #uredi-phones-naslovna .btnMoreWrapper-landing {
    padding-bottom: 20px;
}


/*.tab-pane-delovni #uredi-landing-phones #uredi-phones-naslovna {
    height: 450px;
}
.tab-pane-delovni #uredi-landing-phones .product-home-img {
    height: 350px;
}
    .tab-pane-delovni #uredi-landing-phones .product-home-img img{
        height: 350px;
        width: 350px;
    }
.tab-pane-delovni  #uredi-phones-naslovna .hover-transparent{
    height: 250px;
}
.tab-pane-delovni #uredi-phones-naslovna:hover .hover-bcg:before{
    height: 250px;
}*/
#HomePageLinks .hpLinksRow {
    position: relative;
    top: 0;
    padding: 15px 0;
}
/*#endregion controla uredi naslovna*/
@media(max-width: 767px) {
    .flyBy.mailForm {
        display: block;
    }

    .mail-contactForm {
        width: auto;
    }

        .mail-contactForm .modal-dialog,
        .mail-contactForm .modal-dialog .modal-content {
            width: auto !important;
        }

    #uredi-landing-phones .carousel-inner > div:first-of-type .phone-box {
        display: block !important;
    }


    #headerOut .top-header a.t-logo-link {
        width: auto;
    }

        #headerOut .top-header a.t-logo-link.last {
            float: right;
            width: auto;
        }

    .one-header .container-fluid, .container-fluid {
        padding-right: 25px;
        padding-left: 25px;
    }

    .homepage-wrapper .urediLandingTextSlider .item {
        animation: none !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item .zoom-in-out {
            animation: none !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.probajte-nesto-novo .center-content {
            top: 0;
            left: 0;
            right: 0;
            padding: 0;
            height: 100%;
            position: absolute;
        }

            .homepage-wrapper .urediLandingTextSlider .item.probajte-nesto-novo .center-content h1 {
                font-size: 26px;
                padding: 3px 0;
                width: 70%;
                max-width: 80%;
            }

            .homepage-wrapper .urediLandingTextSlider .item.probajte-nesto-novo .center-content h2 {
                font-size: 19px;
                margin-top: 20px;
            }

            .homepage-wrapper .urediLandingTextSlider .item.probajte-nesto-novo .center-content a.btn-magen {
                font-size: 15px;
                width: 140px;
                padding: 8px 0;
                bottom: 10px;
                right: 0;
                left: 0;
                position: absolute;
            }

    #fast-links-hp .col-xs-6 {
        padding: 0;
    }

    div#fast-links-hp .fast-link-img {
        width: 40px;
    }

    div#fast-links-hp .fast-link-text {
        padding-left: 40px;
        top: 0;
    }

        div#fast-links-hp .fast-link-text h3 {
            font-size: 14px;
        }

    #fastLinks-uslugi .row a .fastLink-box-usluga,
    #fastLinks-uslugi .row:last-of-type a .fastLink-box-usluga {
        padding: 20px 40px;
        min-height: 80px;
        border-bottom: 1px solid #e5e5e5;
        border-top: 0 !important;
    }

    #fastLinks-uslugi .fastLink-box-usluga .fastLink-arrow {
        right: 40px;
        width: 27px;
        top: 35px;
    }

    #fastLinks-uslugi a .fastLink-box-usluga .fastLink-box-img {
        min-height: 50px;
        width: 15%;
        display: table-cell;
        top: 0;
        position: relative;
        vertical-align: middle;
    }

        #fastLinks-uslugi a .fastLink-box-usluga .fastLink-box-img span,
        #fastLinks-uslugi a:hover .fastLink-box-usluga .fastLink-box-img span {
            font-size: 35px;
        }

    #fastLinks-uslugi a .fastLink-box-header {
        width: 90%;
        display: table-cell;
        padding-left: 20px;
        vertical-align: middle;
    }

        #fastLinks-uslugi a .fastLink-box-header h4 {
            font-size: 18px;
            margin: 0;
            padding: 0;
        }

    .homepage-wrapper .urediLandingTextSlider .item.probajte-nesto-novo .zoom-in-out {
        height: 100%;
    }

    .deviceInfoWrap {
        margin-bottom: 15px;
    }

    #uredi-phones-naslovna:hover .hover-bcg:before {
        width: 800% !important;
        margin: 0 auto;
    }

    h4.active a {
        color: #e20074;
    }

        h4.active a:before {
            content: ""; /* border-left: 1px solid #e20074; */
            position: absolute;
            height: 37px;
            width: 2px;
            left: 0;
            background: #e20074;
            bottom: 0;
        }
}

@media(max-width: 992px) {
    .home-boxes-container .panel-heading {
        padding: 0;
        margin: 20px 0;
        position: relative;
    }

        .home-boxes-container .panel-heading h4 {
            padding: 0;
            border-bottom: 1px solid #ddd;
            position: relative;
        }

            .home-boxes-container .panel-heading h4 a {
                padding: 17px 18px;
                background: white;
                position: relative;
            }

            .home-boxes-container .panel-heading h4.active a:before {
                content: "";
                position: absolute;
                height: 51px;
                width: 2px;
                left: 0;
                background: #e20074;
                bottom: 0;
            }

            .home-boxes-container .panel-heading h4 a:hover,
            .home-boxes-container .panel-heading h4 a:focus {
                color: #e20074;
                text-decoration: none;
            }

            .home-boxes-container .panel-heading h4 a span {
                font-size: 17px;
                font-family: 'teleNeo-medium' !important;
            }
}

@media (min-width: 768px) {
    .main-menu .navbar-nav > li > a > span,
    .main-menu .navbar-nav > li > span > span {
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
        padding: 10px 10px;
    }

    .main-menu .navbar-nav > li:first-child > a, .main-menu .navbar-nav > li:first-child > span, .main-menu .navbar-nav > li:first-child > a > span {
        padding-left: 0 !important;
    }

    .one-header {
        height: 114px;
    }

        .one-header.theCompany {
            height: 120px;
        }

    .companyContent .breadZ.affix {
        top: 66px !important;
        left: 0;
        right: 0;
        z-index: 9;
    }

    .one-content .breadZ .container {
        width: 100%;
        padding-right: 65px !important;
        padding-left: 65px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {


    .company-header #headerOut {
        height: 65px;
    }

    #headerOut {
        height: 50px;
    }

    #header, .top-header {
        height: 100%;
    }

    .main-menu .navbar-nav > li > a > span,
    .main-menu .navbar-nav > li > span > span {
        padding: 10px 5px;
    }

    #headerOut .top-header #top ul li a {
        font-size: 15px;
    }

    .one-header .container-fluid,
    .container-fluid {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }



    .p0-sm {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider ol.carousel-indicators li {
        font-size: 16px;
    }



    .company-header .main-menu .navbar-nav > li > a {
        font-size: 16px !important;
        white-space: nowrap;
    }

        .company-header .main-menu .navbar-nav > li > a span {
            white-space: normal;
        }

    #uredi-landing-phones .product-home-img {
        height: 250px !important;
    }

        #uredi-landing-phones .product-home-img img {
            height: 250px;
            width: 250px;
        }

    .header-mtk-store h1 {
        font-size: 44px;
    }

    div#fast-links-hp .fast-link-img {
        width: 75px !important;
    }

    div#fast-links-hp .fast-link-text {
        padding-left: 90px !important;
        top: 0;
    }

    #uredi-phones-naslovna .hover-transparent {
        height: 210px;
    }

    #fastLinks-uslugi .row a .fastLink-box-usluga {
        padding: 20px 40px;
    }

    #fastLinks-uslugi a .fastLink-box-usluga .fastLink-box-img span {
        font-size: 46px;
    }

    #fastLinks-uslugi a .fastLink-box-usluga .fastLink-box-img {
        min-height: 65px;
    }

    #fastLinks-uslugi .fastLink-box-usluga .fastLink-arrow {
        right: 30px;
        width: 30px;
    }

    #homepageTabs {
        width: 90%;
    }

        #homepageTabs li {
            margin: 0 5px;
        }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #uredi-landing-phones .product-home-img.accessory-img {
        height: 250px;
    }

        #uredi-landing-phones .product-home-img.accessory-img img {
            width: 270px;
            height: auto;
        }

    .one-header .container-fluid,
    .container-fluid {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }

    div#container-one {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .main-menu .navbar-nav > li > a > span,
    .main-menu .navbar-nav > li > span > span {
        padding: 10px 5px;
        white-space: normal;
    }

    .main-menu .navbar-nav > li > a {
        font-size: 14px !important;
        white-space: normal;
    }

    .homepage-wrapper .urediLandingTextSlider .item.probajte-nesto-novo .center-content {
        top: 0;
        transition: all ease-in 0.6s;
    }

    .homepage-wrapper .urediLandingTextSlider ol.carousel-indicators li {
        font-size: 16px;
    }

    .homepage-wrapper .urediLandingTextSlider .urediTextSliderIndicators {
        padding-bottom: 15px;
    }

    .search-icon {
        width: 20px;
        height: 30px;
        margin-right: 0;
        top: 8px;
        right: 0px;
        margin: 0 !important;
    }

    #uredi-phones-naslovna .uredi-phone-title-wraper {
        padding-left: 15%;
    }

    #uredi-phones-naslovna .p-uredi-cena {
        padding-left: 15%;
    }

    #homepageTabs {
        width: 90% !important;
    }

        #homepageTabs li {
            margin: 0 10px;
        }

        #homepageTabs.side-tabs li a {
            padding: 15px 0;
        }

        #homepageTabs li a span.filter-text {
            font-size: 19px;
        }

    #uredi-landing-phones .product-home-img {
        height: 350px;
    }

        #uredi-landing-phones .product-home-img img {
            width: 350px;
            height: 350px;
            max-height: 350px;
        }
}

@media (min-width: 1200px) and (max-width: 1600px) {

    .search-icon {
        width: 30px;
        height: 30px;
        margin-right: 0;
        top: 15px;
        right: 0px;
        margin: 0 !important;
        /*float: none !important;*/
        display: inline !important;
    }



    .company-header .main-menu .navbar-nav > li > a,
    .company-header .main-menu .navbar-nav > li > span {
        font-size: 17px;
        padding: 9px;
    }

    .search-box {
        right: 35px;
        min-width: 350px;
        /* top: -10px; */
    }

    .main-menu .navbar-nav > li > a,
    .main-menu .navbar-nav > li > span {
        font-size: 12px;
        padding: 9px 1px;
    }

        .main-menu .navbar-nav > li > a > span,
        .main-menu .navbar-nav > li > span > span {
            padding: 10px 4px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.probajte-nesto-novo .center-content {
        top: 0;
        transition: all ease-in 0.6s;
        padding: 0;
    }

    .homepage-wrapper .urediLandingTextSlider ol.carousel-indicators li {
        font-size: 16px;
        padding: 10px 8px;
    }

    /*.homepage-wrapper .urediLandingTextSlider .urediTextSliderIndicators {
        padding-bottom: 15px;
    }*/

    #homepageTabs {
        width: 90%;
    }

        #homepageTabs li {
            margin: 0 10px;
        }

        #homepageTabs.side-tabs li a {
            padding: 15px 0;
        }
}



@media(min-width: 1601px) {
    .homepage-wrapper .urediLandingTextSlider ol.carousel-indicators li {
        font-size: 18px;
        line-height: 1.2;
        vertical-align: middle;
    }

        .homepage-wrapper .urediLandingTextSlider ol.carousel-indicators li:before {
            content: "";
            height: 30px;
            top: 23px;
        }
}


/*#end region homepage redesign 2020*/


@media (min-width:768px) and (max-width:991px) {
    #tools-private {
        right: -20px;
    }

    .breadZ.affix {
        top: 112px;
    }

    .main-menu .navbar-nav > li > a > span, .main-menu .navbar-nav > li > span > span {
        text-transform: none;
        font-family: 'teleNeo-regular' !important;
        padding: 10px 0px !important;
    }

    #tools-private {
        right: -20px;
    }
}

/*@media (min-width: 768px) {
        .one-header {
            height: 112px;
        }
    }*/

@media (min-width:768px) and (max-width:1199px) {



    .main-menu .navbar-nav > li > a > span, .main-menu .navbar-nav > li > span > span {
        text-transform: none;
        font-family: 'teleNeo-extra' !important;
        padding: 10px 0px !important;
        font-size: 16px !important;
    }
}

@media (min-width:768px) and (max-width:900px) {
    .main-menu-holder {
        margin: 0 -15px;
    }

    .bizMainMenu, .menuz {
        margin-right: -35px;
    }

    .platiOnlineMenu {
        width: 25px;
    }

    .main-menu .navbar-nav > li > a {
        width: auto;
        min-width: 0;
        max-width: 85px;
    }
}

.price-affix-wraper.affix {
    top: 70px !important;
}

@media (min-width:768px) and (max-width:991px) {

    .price-affix-wraper.affix {
        top: 70px !important;
    }
}

#container-noBraedcrumbs {
    padding-right: 15px;
    padding-left: 15px;
}






@supports (-webkit-overflow-scrolling: touch) {

    .navbar-nav {
        position: static;
        width: 100%;
    }

    .main-menu .navbar-nav > li {
        float: none;
    }
}


/*#full-wrapper > .p0.p0-small {
    margin-top: 20px !important;
}*/

#full-wrapper > .mt20.p0.p0-small {
    margin-top: 40px !important;
}


/*#region esim*/
#esim .main-banner {
    position: relative;
    background-image: url(../content/images/esim/header-bcg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 480px;
}

    #esim .main-banner .header-text {
        position: absolute;
        width: 55%;
        display: block;
        left: 0;
        top: 0%;
        background: url(../content/images/esim/header-shape-one.png);
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }

        #esim .main-banner .header-text .wrapper {
            position: relative;
            padding: 18% 10%;
        }

        #esim .main-banner .header-text h1 {
            position: relative;
            background-position: center top;
            color: white;
            z-index: 3;
            display: block;
            background-size: contain;
            background-repeat: no-repeat;
            font-size: 39px;
            text-transform: none;
            font-family: 'teleNeo-extra' !important;
        }

#esim section.intro {
    position: relative;
    padding: 3% 0;
    text-align: center;
    font-size: 18px;
}

    #esim section.intro .esim-link {
        position: relative;
        display: block;
        margin: 40px 0 20px;
    }

        #esim section.intro .esim-link a {
            background: #e20074;
            color: white;
            font-size: 18px;
            font-family: 'teleNeo-medium' !important;
            padding: 13px 15px;
            border-radius: 6px;
        }

#esim section.prednosti {
    position: relative;
    padding: 3% 0;
}

    #esim section.prednosti .title {
        margin: 20px 0 50px;
        position: relative;
    }

        #esim section.prednosti .title:before {
            content: '';
            position: absolute;
            width: 450px;
            height: 50px;
            background-image: url(../content/images/esim/line-left.png);
            left: 0;
            background-size: cover;
            bottom: -40px;
            background-repeat: no-repeat;
            background-position: left bottom;
        }

        #esim section.prednosti .title:after {
            content: '';
            position: absolute;
            width: 500px;
            height: 28px;
            background-image: url(../content/images/esim/line-right.png);
            right: 0;
            background-size: cover;
            top: -20px;
            background-repeat: no-repeat;
            background-position: left bottom;
        }

    #esim section.prednosti h2 {
        text-align: center;
        font-family: 'teleNeo-bold' !important;
        font-size: 31px;
    }

    #esim section.prednosti .wrapper {
        position: relative;
        display: block;
        width: 100%;
    }

        #esim section.prednosti .wrapper .wrap {
            position: relative;
            width: 30%;
            display: inline;
            float: left;
            margin: 0 10px;
        }

            #esim section.prednosti .wrapper .wrap h3 {
                font-size: 22px;
                font-family: 'teleNeo-bold' !important;
            }

            #esim section.prednosti .wrapper .wrap p {
                font-size: 17px;
            }

#esim section.gray-bcg {
    position: relative;
    padding: 3% 0 6%;
    background: #F5F5F6;
}

    #esim section.gray-bcg .left-side {
        position: relative;
        width: 45%;
        display: inline;
        float: left;
        margin: 0 15px;
    }

        #esim section.gray-bcg .left-side h3 {
            font-size: 24px;
            font-family: 'teleNeo-bold' !important;
            line-height: 1.2;
        }

        #esim section.gray-bcg .left-side p {
            font-size: 17px;
        }

        #esim section.gray-bcg .left-side ul li {
            color: #e20074;
            font-family: 'teleNeo-medium' !important;
            font-size: 17px;
            padding-left: 35px;
            padding-bottom: 20px;
        }

            #esim section.gray-bcg .left-side ul li a {
                color: #e20074;
                font-family: 'teleNeo-medium' !important;
                font-size: 17px;
                padding-left: 0;
                padding-bottom: 20px;
            }

            #esim section.gray-bcg .left-side ul li.one:before {
                content: '';
                position: absolute;
                background-image: url(../content/images/esim/e-sim-icon.png);
                width: 30px;
                height: 21px;
                left: 0;
                background-repeat: no-repeat;
                background-size: cover;
            }

            #esim section.gray-bcg .left-side ul li.two:before {
                content: '';
                position: absolute;
                background-image: url(../content/images/esim/switch.png);
                width: 30px;
                height: 29px;
                left: 0;
                background-repeat: no-repeat;
                background-size: cover;
            }

        #esim section.gray-bcg .left-side p {
            font-family: 'teleNeo-regular' !important;
        }

    #esim section.gray-bcg .right-side {
        position: absolute;
        width: 50%;
        height: 100%;
        display: inline;
        float: left;
        margin: 0 15px;
        right: 0;
        top: 0;
    }

        #esim section.gray-bcg .right-side:after {
            background-image: url(../content/images/esim/shape1.png);
            background-size: cover;
            background-position: right top;
            background-repeat: no-repeat;
            content: '';
            position: absolute;
            width: 100%;
            right: 0;
            top: 0;
            height: 100%;
            z-index: 0;
        }

        #esim section.gray-bcg .right-side .wrapper {
            position: relative;
            padding: 8% 14% 8% 17%;
            z-index: 3;
            color: white;
            font-size: 17px;
        }

            #esim section.gray-bcg .right-side .wrapper h4 {
                position: relative;
                z-index: 3;
                font-size: 20px;
                color: white;
                font-family: 'teleNeo-medium' !important;
            }

            #esim section.gray-bcg .right-side .wrapper p {
                font-family: 'teleNeo-thin' !important;
            }

            #esim section.gray-bcg .right-side .wrapper .one,
            #esim section.gray-bcg .right-side .wrapper .two,
            #esim section.gray-bcg .right-side .wrapper .three {
                position: relative;
                display: block;
            }

                #esim section.gray-bcg .right-side .wrapper .one:before {
                    content: '1';
                    position: absolute;
                    left: -13%;
                    background: white;
                    padding: 2px 12px;
                    color: black;
                    border-radius: 50px;
                    font-size: 20px;
                    font-family: 'teleNeo-bold' !important;
                    box-shadow: 0px 3px 76px #00000033;
                }


                #esim section.gray-bcg .right-side .wrapper .one:after {
                    content: '';
                    background: #ffffff40;
                    left: -14.5%;
                    position: absolute;
                    top: -6px;
                    border-radius: 50px;
                    height: 45px;
                    width: 45px;
                }

                #esim section.gray-bcg .right-side .wrapper .two:before {
                    content: '2';
                    position: absolute;
                    left: -13%;
                    background: white;
                    padding: 2px 11px;
                    color: black;
                    border-radius: 50px;
                    font-size: 20px;
                    font-family: 'teleNeo-bold' !important;
                    box-shadow: 0px 3px 76px #00000033;
                }

                #esim section.gray-bcg .right-side .wrapper .two:after {
                    content: '';
                    background: #ffffff40;
                    left: -14.5%;
                    position: absolute;
                    top: -6px;
                    border-radius: 50px;
                    height: 45px;
                    width: 45px;
                }

                #esim section.gray-bcg .right-side .wrapper .three:before {
                    content: '3';
                    position: absolute;
                    left: -13%;
                    background: white;
                    padding: 2px 11px;
                    color: black;
                    border-radius: 50px;
                    font-size: 20px;
                    font-family: 'teleNeo-bold' !important;
                    box-shadow: 0px 3px 76px #00000033;
                }

                #esim section.gray-bcg .right-side .wrapper .three:after {
                    content: '';
                    background: #ffffff40;
                    left: -14.5%;
                    position: absolute;
                    top: -6px;
                    border-radius: 50px;
                    height: 45px;
                    width: 45px;
                }

    #esim section.gray-bcg .black-shape {
        position: absolute;
        bottom: -40px;
        background-image: url(../content/images/esim/shape2.png);
        width: 320px;
        height: 190px;
        z-index: 4;
        background-size: cover;
        left: 10%;
    }

        #esim section.gray-bcg .black-shape .wrapper {
            padding: 19% 10% 19% 24%;
        }

        #esim section.gray-bcg .black-shape ul li {
            position: relative;
            display: block;
        }

            #esim section.gray-bcg .black-shape ul li a {
                color: white;
                text-decoration: none;
            }

            #esim section.gray-bcg .black-shape ul li:before {
                content: '';
                position: absolute;
                background-image: url(../content/images/esim/youtube.png);
                background-size: cover;
                width: 15px;
                height: 10px;
                left: -22px;
                top: 9px;
            }

#esim section.izberi-ured {
    position: relative;
    padding: 3% 0;
    text-align: center;
}

    #esim section.izberi-ured h2 {
        font-family: 'teleNeo-bold';
        text-transform: uppercase;
        font-size: 30px;
        line-height: 1.2;
    }

    #esim section.izberi-ured p {
        font-size: 17px;
    }

#esim section.izberi-ured {
    position: relative;
    padding: 3% 0;
    text-align: center;
}

.slider-wrap {
    position: relative;
    margin: 20px 0;
}

.slider-sim {
    position: relative;
    margin: 30px;
}

.slider-wrap .slick-list {
    width: 90%;
    position: relative;
    padding: 0 !important;
    margin: 0 auto;
}

.slider-wrap .item h3 {
    position: relative;
    line-height: 1.2;
    font-family: 'teleNeo-medium' !important;
    text-transform: uppercase;
    display: block;
    text-align: center;
}


    .slider-wrap .item h3 span {
        text-transform: unset;
        display: block;
        font-size: 18px;
        margin-top: 10px;
    }

.slider-wrap .item {
    margin: 0 30px;
    min-height: 380px;
    padding: 15px 25px;
}

    .slider-wrap .item:focus {
        outline: none;
    }

    .slider-wrap .item .wrap {
        background: transparent linear-gradient( 180deg, #FEFEFE 0%, #F3F4F6 100%) 0% 0% no-repeat padding-box;
        border-radius: 20px;
        padding: 15px 20px 25px !important;
    }

    .slider-wrap .item.slick-slide.slick-current.slick-active.slick-center,
    .slider-wrap .item.slick-current.slick-center {
        opacity: 1;
    }

    .slider-wrap .item.slick-slide {
        opacity: .5;
    }

.slider-sim button {
    z-index: 2;
}

    .slider-sim button.slick-prev {
        left: 0;
        position: absolute;
        top: 50%;
    }

        .slider-sim button.slick-prev:before {
            content: '%';
            font-family: 'teleicon-outline';
            position: absolute;
            left: 0;
            top: 0;
            color: #333;
            box-shadow: none;
            text-shadow: none;
            font-size: 24px;
        }

    .slider-sim button.slick-next {
        right: -10px;
        position: absolute;
    }

        .slider-sim button.slick-next:before {
            content: '%';
            position: absolute;
            font-family: 'teleicon-outline';
            left: 0;
            top: 0;
            color: #333;
            transform: rotateY(180deg);
            text-shadow: none;
            font-size: 24px;
        }

#esim section.izberi-ured .more-link {
    position: relative;
    /*    background-color: #e20074;*/
    width: 300px;
    margin: 0 auto;
    border-radius: 7px;
}

    #esim section.izberi-ured .more-link a {
        color: white;
        padding: 13px 0px;
        width: 100%;
        font-size: 18px;
        padding-left: 22px;
    }

        #esim section.izberi-ured .more-link a:hover {
            text-decoration: none;
        }

        #esim section.izberi-ured .more-link a:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/esim/pdf.png);
            left: 17px;
            top: 16px;
            width: 18px;
            height: 18px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

#esim section.qa {
    position: relative;
    padding: 3% 0;
    background: #F3F4F6 0% 0% no-repeat padding-box;
}

    #esim section.qa h2 {
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
        font-size: 33px;
        margin: 30px 0 60px;
    }

    #esim section.qa .panel-default {
        border: 0;
    }

        #esim section.qa .panel-default .panel-title {
            padding: 0;
        }

            #esim section.qa .panel-default .panel-title a {
                position: relative;
                display: block;
                padding: 15px 0;
                font-size: 18px;
                color: black;
            }

                #esim section.qa .panel-default .panel-title a:hover,
                #esim section.qa .panel-default .panel-title a:focus {
                    text-decoration: none;
                }

    #esim section.qa .panel-title a.collapsed:after {
        content: '+';
        font-family: teleicon-outline;
        position: absolute;
        color: #e20074;
        font-size: 21px;
        top: 0;
        right: 20px;
        margin: auto;
        transition-property: transform;
        transition-duration: .25s;
        font-weight: 600;
    }

    #esim section.qa .panel-title a:after {
        content: '-';
        font-family: teleicon-outline;
        position: absolute;
        color: #e20074;
        font-size: 21px;
        top: 0;
        right: 20px;
        margin: auto;
        transition-property: transform;
        transition-duration: .25s;
        font-weight: 600;
    }

.step.three .nonMk-citizen select {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070 !important;
    border-radius: 6px !important;
    height: 45px !important;
    padding: 5px 15px !important;
    position: relative;
    color: #333 !important;
    font-size: 17px !important;
    font-family: 'teleNeo-regular' !important;
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
}

#esim section.qa .panel-body p {
    font-size: 17px;
    line-height: 1.2;
}

#esim section.prednosti .wrapper .wrap .center-img {
    position: relative;
    width: 390px;
    left: -15%;
    top: -100px;
    right: 0;
}


@media (min-width: 1550px) {

    #esim section.gray-bcg .right-side {
        position: absolute;
        width: 47%;
    }

    #esim .main-banner {
        min-height: 710px;
    }

        #esim .main-banner .header-text .wrapper {
            padding: 18% 6%;
        }

        #esim .main-banner .header-text h1 {
            font-size: 55px;
        }

    #eSim-webshop .side-menu-choices .bottom-price {
        bottom: 140px;
    }
}

@media (max-width: 767px) {

    #esim .main-banner {
        min-height: 210px;
    }

        #esim .main-banner .header-text {
            width: 80%;
            background-size: contain;
        }

            #esim .main-banner .header-text .wrapper {
                padding: 8% 6%;
            }

            #esim .main-banner .header-text h1 {
                font-size: 23px;
            }

    #esim section.intro {
        font-size: 17px;
    }

    #esim section.prednosti .title:before,
    #esim section.prednosti .title:after {
        display: none;
    }

    #esim section.prednosti h2 {
        font-size: 25px;
    }

    #esim section.prednosti .wrapper .wrap {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        margin: 0;
    }

        #esim section.prednosti .wrapper .wrap h3 {
            font-size: 20px;
        }

    #esim section.gray-bcg {
        padding: 3% 0 30%;
    }

        #esim section.gray-bcg .left-side {
            position: relative;
            width: 100%;
            display: block;
            float: none;
            margin: 0;
        }

        #esim section.gray-bcg .right-side {
            position: relative;
            width: 100%;
            height: 100%;
            display: block;
            float: none;
            margin: 0;
            right: 0;
            top: 0;
        }

            #esim section.gray-bcg .right-side > .wrapper {
                position: relative;
                padding: 3% 5% 8% 6%;
                font-size: 15px;
            }

            #esim section.gray-bcg .right-side:after {
                background-image: none;
                background-color: #e20074;
            }

        #esim section.gray-bcg .black-shape {
            position: absolute;
            bottom: -120px;
            left: 0;
        }

    #esim section.qa .panel-default .panel-title a {
        padding: 15px 50px 15px 0;
        font-size: 17px;
    }

    #esim section.qa .panel-title a.collapsed:after,
    #esim section.qa .panel-title a:after {
        top: 10px;
    }

    #esim section.prednosti .wrapper .wrap .center-img {
        width: auto;
        left: 0;
        top: 0;
    }

    .slider-wrap .item {
        margin: 0 0px;
        padding: 15px 25px;
    }

    .slider-sim {
        position: relative;
        margin: 10px;
    }

    #phone-slider-hp-red div#uredi-landing-phones.custom .slider-sim {
        margin: 10px;
    }

        #phone-slider-hp-red div#uredi-landing-phones.custom .slider-sim .slider-wrap .slick-list {
            width: 100%;
        }

    #phone-slider-hp-red div#uredi-landing-phones.custom .slider-wrap .item {
        padding: 15px;
    }

    #phone-slider-hp-red div#uredi-landing-phones.custom .p-uredi-cena {
        padding: 0 10px;
    }

    #phone-slider-hp-red div#uredi-landing-phones.custom span.price2 {
        font-size: 24px !important;
    }

    #phone-slider-hp-red .slider-sim button.slick-next {
        right: -20px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#esim-modal .modal-dialog {
        width: 90%;
    }

    #esim .main-banner .header-text {
        width: 73%;
    }

    #esim section.gray-bcg .right-side .wrapper {
        position: relative;
        padding: 8% 14% 8% 6%;
        font-size: 16px;
    }

    .slider-wrap .item {
        margin: 0 15px;
        padding: 15px;
    }

        .slider-wrap .item .wrap {
            padding: 15px 0;
            min-height: 290px;
        }

        .slider-wrap .item h3 {
            font-size: 20px;
        }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #phone-slider-hp-red div#uredi-landing-phones.custom .slider-wrap .item {
        margin: 0 10px;
        padding: 0;
    }

    #phone-slider-hp-red #uredi-landing-phones.custom .product-home-img {
        height: 250px !important;
    }

    #phone-slider-hp-red div#uredi-landing-phones.custom .slider h3 {
        font-size: 18px;
        min-height: 80px;
    }

    #uredi-landing-phones.custom .uredi-phone-price-wraper .ratiWrapper-landing {
        right: -30px;
    }
}


@media(min-width: 1200px) and (max-width: 1400px) {
    #esim section.gray-bcg .right-side {
        width: 53%;
    }

        #esim section.gray-bcg .right-side > .wrapper {
            padding: 8% 14% 8% 16%;
        }

    phone-slider-hp-red .slider-sim .slider-wrap .item {
        margin: 0 25px;
        min-height: 380px;
        padding: 15px 0px;
    }

    #phone-slider-hp-red #uredi-landing-phones.custom .p-uredi-cena {
        padding: 0;
    }
}
/*#endregion esim*/

/*kariera display none od staro meni*/
.main-menu-holder .relative .main-menu ul li.kariera {
    display: none;
}

.main-menu-holder .menuz .main-menu ul li.kariera {
    display: table-cell;
}

/*#region podatochni uslugi redesign*/
#podatochni-uslugi .mob-paketi-zemjata-banner {
    background-image: url(../content/images/podatochni-uslugi/podatochni-uslugi.jpg);
    background-position: center 33%;
}

#podatochni-uslugi .nav.nav-tabs {
    width: 50%;
}

#podatochni-uslugi .paketi-tabsContent h2 {
    color: #e20074;
    text-align: center;
    text-transform: uppercase;
    font-size: 29px;
    font-family: 'teleNeo-bold' !important;
    margin: 50px 0 30px 0 !important;
}

#podatochni-uslugi p {
    font-size: 18px;
    line-height: 1.2;
}

#podatochni-uslugi ul.t-ul-new-magenta li {
    font-size: 18px;
    line-height: 1.2;
}

#podatochni-uslugi ul.t-ul-new-magenta {
    margin: 20px 0;
}

#podatochni-uslugi .info-box {
    background: #f7f7f7;
    padding: 20px 50px;
    position: relative;
}

#podatochni-uslugi #flatNet-pro h4 {
    color: #e20074;
    font-family: 'teleNeo-medium' !important;
    font-size: 20px;
}

#podatochni-uslugi .info-box p {
    margin: 0;
}

#podatochni-uslugi .info-box:after {
    content: 'i';
    position: absolute;
    left: 15px;
    font-family: 'teleNeo-bold' !important;
    font-size: 16px;
    border: 2px solid;
    border-radius: 50%;
    color: #ccc;
    width: 24px;
    height: 24px;
    text-align: center;
    top: 32%;
}

#podatochni-uslugi .paketi-tabsContent .tab-pane.fade.active {
    margin-bottom: 60px;
}

@media(max-width: 375px) {
    #podatochni-uslugi ul.nav.nav-tabs li a {
        font-size: 11px !important;
    }
}

@media (max-width: 767px) {
    #podatochni-uslugi ul.nav.nav-tabs {
        width: 100% !important;
        height: auto;
    }

        #podatochni-uslugi ul.nav.nav-tabs li {
            display: flex;
            width: 25%;
            margin: 0 0px !important;
            border-bottom: 0;
            vertical-align: middle;
            height: 70px;
            align-items: center;
        }

            #podatochni-uslugi ul.nav.nav-tabs li a {
                font-size: 13px;
                padding: 0px 0;
                display: block;
                width: 100%;
                padding: 0;
                text-align: center;
                font-family: 'teleNeo-regular' !important;
                margin: 0;
            }

                #podatochni-uslugi ul.nav.nav-tabs li a span {
                    font-family: 'teleNeo-regular' !important;
                    width: 100%;
                    position: relative;
                    display: flex;
                    align-content: center;
                    justify-content: center;
                    align-items: center;
                    flex-wrap: nowrap;
                    flex-direction: row;
                    height: 100%;
                    width: 100%;
                }
}

@media (min-width: 768px) and (max-width: 991px) {
    #podatochni-uslugi ul.nav.nav-tabs {
        width: 100% !important;
    }

        #podatochni-uslugi ul.nav.nav-tabs li {
            width: 24%;
            margin: 0;
        }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #podatochni-uslugi ul.nav.nav-tabs {
        width: 70% !important;
    }
}
/*#endregion podatochni uslugi redesign*/

/*#region dopolnitelni uslugi redesign*/
#dopolnitelni-uslugi-business .mob-paketi-zemjata-banner {
    background-image: url(../content/images/dopolnitelni-uslugi-banner.jpg);
    background-position: 0 27%;
}

#dopolnitelni-uslugi-business .paketi-tabsContent h1 {
    font-size: 29px;
    font-family: 'teleNeo-bold' !important;
    color: #e20074;
    margin: 50px 0 30px 0 !important;
    text-align: center;
    line-height: 1.2;
}

#dopolnitelni-uslugi-business .paketi-tabsContent h2 {
    font-size: 25px;
    font-family: 'teleNeo-bold' !important;
    text-align: center;
    margin-bottom: 30px;
}

#dopolnitelni-uslugi-business .paketi-tabsContent h3 {
    font-size: 21px;
    font-family: 'teleNeo-medium' !important;
    margin: 20px 0;
}

#dopolnitelni-uslugi-business .paketi-tabsContent p {
    font-size: 18px;
    line-height: 1.2;
}

#dopolnitelni-uslugi-business .paketi-tabsContent span.p-currency.center.no-border {
    border-bottom: 0;
    margin-top: 15px;
}

#dopolnitelni-uslugi-business .paketi-tabsContent #registracija-na-domen .skewX {
    background-color: #000;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    z-index: 1 !important;
    position: relative;
    z-index: 5;
    margin: 20px auto 80px !important;
    font-size: 35px !important;
    padding: 20px;
    transform: skew(30deg);
    width: 520px;
}

    #dopolnitelni-uslugi-business .paketi-tabsContent #registracija-na-domen .skewX span {
        position: relative;
        display: block;
        transform: skew(-30deg) !important;
        font-family: 'teleNeo-extra' !important;
    }

#dopolnitelni-uslugi-business .paketi-tabsContent #registracija-na-domen h2.text-magenta {
    text-align: center;
    font-size: 24px !important;
}

#dopolnitelni-uslugi-business .paketi-tabsContent #registracija-na-domen .box-wrap .price .p-left-smart,
#dopolnitelni-uslugi-business .paketi-tabsContent #zelen-broj .box-wrap .price .p-left-smart {
    width: 60%;
}

#dopolnitelni-uslugi-business .dopolnitelni-paketi-tabs ul {
    width: 65%;
    margin: 0 auto;
}

#dopolnitelni-uslugi-business .paketi-tabsContent ul li {
    font-size: 18px;
    line-height: 1.2;
}

#dopolnitelni-uslugi-business .paketi-tabsContent .boxes .box-wrap h2 {
    display: block;
    font-size: 22px;
    font-family: 'teleNeo-regular' !important;
    padding: 30px 10px;
}

#dopolnitelni-uslugi-business .paketi-tabsContent .box-wrap .title {
    min-height: 110px;
}

#dopolnitelni-uslugi-business .paketi-tabsContent #skraten-broj #povici .title {
    min-height: 230px;
}

#dopolnitelni-uslugi-business .paketi-tabsContent #skraten-broj #povici .price .smart-priceWraper.custom .p-left-smart {
    width: 35%;
}

#dopolnitelni-uslugi-business .paketi-tabsContent #skraten-broj #povici .price .smart-priceWraper.custom .p-right-smart {
    width: 60%;
}

#dopolnitelni-uslugi-business .paketi-tabsContent #skraten-broj #povici .price .smart-priceWraper.custom-full .p-right-smart {
    width: 100%;
}

#dopolnitelni-uslugi-business .paketi-tabsContent #skraten-broj #povici .price .smart-priceWraper.custom-full {
    position: relative;
    min-height: 80px;
}

    #dopolnitelni-uslugi-business .paketi-tabsContent #skraten-broj #povici .price .smart-priceWraper.custom-full .p-right-smart span {
        border-bottom: 0;
    }

#dopolnitelni-uslugi-business .paketi-tabsContent .box-wrap .icons {
    margin: 20px auto;
    text-align: center;
    min-height: 40px;
}

#dopolnitelni-uslugi-business div#skraten-broj .boxes > h2 {
    margin: 30px 0;
    font-size: 21px;
    color: #e20074;
}

#dopolnitelni-uslugi-business #skraten-broj .paketi-tabsContent .box-wrap .title h2 span {
    font-size: 22px;
}

#dopolnitelni-uslugi-business .info-box {
    background: #f7f7f7;
    padding: 20px 50px;
    position: relative;
    margin: 20px 0;
}

/*    #dopolnitelni-uslugi-business .info-box:after {
        content: 'i';
        position: absolute;
        left: 15px;
        font-family: 'teleNeo-bold' !important;
        font-size: 16px;
        border: 2px solid;
        border-radius: 50%;
        color: #ccc;
        width: 24px;
        height: 24px;
        text-align: center;
        top: 32%;
    }*/
#dopolnitelni-uslugi-business .partners {
    background: #ededed;
    padding: 20px 0;
}

#domain-check {
    margin: 30px 0;
}

    #domain-check h3 {
        color: #e20074;
        font-size: 24px !important;
        margin-bottom: 20px !important;
        font-family: 'teleNeo-bold' !important;
    }

    #domain-check label {
        font-family: 'teleNeo-regular' !important;
        font-size: 18px;
        text-align: right;
        top: 10px;
        position: relative;
    }

    #domain-check .button {
        position: relative;
        text-align: center;
        margin: 20px auto;
    }

        #domain-check .button .btn-magen {
            border: 0;
            border-radius: 0;
            padding: 8px 20px;
            font-size: 17px;
            text-align: center;
            margin: 0 auto;
        }

    #domain-check input {
        border-radius: 0;
        padding: 20px;
    }

@media(max-width: 320px) {
    #dopolnitelni-uslugi-business .dopolnitelni-paketi-tabs ul li a {
        font-size: 11px !important;
    }
}

@media(max-width: 767px) {
    #dopolnitelni-uslugi-business {
        padding: 0 0 50px;
    }

        #dopolnitelni-uslugi-business .paketi-tabsContent #registracija-na-domen .skewX {
            position: relative;
            width: 80%;
            text-align: center;
            margin: 15px auto 30px auto !important;
            background-color: #000;
            color: #fff;
            text-transform: uppercase;
            font-size: 28px !important;
        }

        #dopolnitelni-uslugi-business .dopolnitelni-paketi-tabs ul {
            height: 80px;
            width: 100%;
        }

            #dopolnitelni-uslugi-business .dopolnitelni-paketi-tabs ul li {
                display: flex;
                width: 30%;
                margin: 0 0px !important;
                border-bottom: 0;
                vertical-align: middle;
                height: 100%;
                align-items: center;
            }

                #dopolnitelni-uslugi-business .dopolnitelni-paketi-tabs ul li a {
                    font-size: 12px;
                    padding: 0px 5px !important;
                    display: block;
                    width: 100%;
                    padding: 0;
                    text-align: center;
                    font-family: 'teleNeo-regular' !important;
                    margin: 0;
                }

                    #dopolnitelni-uslugi-business .dopolnitelni-paketi-tabs ul li a span {
                        font-family: 'teleNeo-regular' !important;
                        width: 100%;
                        position: relative;
                        display: flex;
                        align-content: center;
                        justify-content: center;
                        align-items: center;
                        flex-wrap: nowrap;
                        flex-direction: row;
                        height: 100%;
                        width: 100%;
                    }

        #dopolnitelni-uslugi-business .paketi-tabsContent h1 {
            font-size: 24px;
            margin: 20px 0 30px 0 !important;
            text-align: center;
        }

        #dopolnitelni-uslugi-business .paketi-tabsContent h2 {
            font-size: 21px;
        }

    #domain-check {
        width: 100%;
    }

        #domain-check label {
            text-align: left;
            top: 0;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    #dopolnitelni-uslugi-business .dopolnitelni-paketi-tabs ul {
        width: 100%;
    }

        #dopolnitelni-uslugi-business .dopolnitelni-paketi-tabs ul li {
            width: 22%;
        }

    #dopolnitelni-uslugi-business #skraten-broj .tabovi ul {
        width: 80%;
    }

    #dopolnitelni-uslugi-business .paketi-tabsContent .box-wrap .title {
        min-height: 130px;
    }

    #dopolnitelni-uslugi-business .paketi-tabsContent .boxes .box-wrap h2 {
        font-size: 19px;
    }

    #dopolnitelni-uslugi-business .paketi-tabsContent #skraten-broj #povici .price .smart-priceWraper.custom .p-left-smart {
        width: 30%;
    }

    #dopolnitelni-uslugi-business .paketi-tabsContent #skraten-broj #nadomestoci .smart-priceWraper {
        width: 100%;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #dopolnitelni-uslugi-business .dopolnitelni-paketi-tabs ul {
        width: 85%;
    }
}
/*#endregion dopolnitelni uslugi redesign*/


/*#region roaming new control*/
.flex {
    display: flex;
    grid-gap: 20px;
}

    .flex.center {
        align-items: center;
    }

    .flex.sb {
        justify-content: space-between;
    }

    .flex.start {
        justify-content: flex-start;
    }

    .flex.end {
        justify-content: flex-end;
    }

    .flex.wrap {
        flex-wrap: wrap;
    }

#roaming-new {
    position: relative;
    height: 100vh;
    /*background-color: #e20074;*/
    padding: 0% 0 0 0;
    /*background-image: url(../content/images/roaming/roaming-header.jpg);*/
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}

    #roaming-new h1 {
        color: white;
        /* text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; */
        font-family: teleNeo-extra !important;
        text-align: left;
        font-size: 45px;
        /* -webkit-text-stroke: 1px white; */
        margin: 10px 0 15px;
    }

    #roaming-new h2 {
        color: white;
        font-size: 20px;
        line-height: 1.2;
        margin: 0;
        padding: 0;
    }

    #roaming-new p.subheader {
        color: white;
        font-size: 17px;
        line-height: 1.2;
        margin: 0;
        padding: 0;
    }

    #roaming-new .noResaults {
        position: relative;
    }

        #roaming-new .noResaults span {
            padding-left: 25px;
            top: 2px;
            position: relative;
        }

    #roaming-new i.remove:before {
        content: "x";
        font-family: 'teleicon-outline';
        font-style: normal;
        width: 20px;
        height: 25px;
        position: absolute;
        font-size: 20px;
        top: 0;
        color: red;
    }

    #roaming-new.no-bcg {
        height: 100vh;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    #roaming-new .roaming-start-page {
        position: absolute;
        height: 100%;
        width: 30%;
        overflow-y: hidden;
        display: inline-block;
        float: left;
        padding: 30px 30px 0 30px;
        background: #B1035D 0% 0% no-repeat padding-box;
    }

        /*    #roaming-new .roaming-start-page:after {
            position: absolute;
            content: '';
            background-image: url(../content/images/roaming/mapa.png);
            height: 280px;
            left: 0;
            bottom: 0;
            width: 100%;
            background-size: cover;
            background-repeat: no-repeat;
        }*/


        #roaming-new .roaming-start-page.affix {
            position: fixed;
            top: 70px;
        }

        #roaming-new .roaming-start-page:after {
            content: '';
            background: url(../content/images/roaming/mapa.png);
            background-position: right bottom;
            background-size: cover;
            background-repeat: no-repeat;
            height: 250px;
            width: 530px;
            display: block;
            position: absolute;
            right: -190px !important;
            bottom: 70px;
            right: 0;
            transform: scaleX(-1);
        }

    #roaming-new .right-side {
        position: relative;
        width: 70%;
        height: 100%;
        top: 0px;
        right: 0;
        padding-bottom: 0;
        left: 30%;
    }

    #roaming-new section.faq-roaming.affix {
        top: 0;
    }

    #roaming-new .roaming-start-page section.header {
        position: relative;
        overflow: hidden;
        z-index: 2;
        height: 100%;
    }

        /*#roaming-new .roaming-start-page section.header .postpaid.active {
            background: transparent linear-gradient( 90deg, #dadada 36%, #d4d3d1 45%, #cacaca 100%) 0% 0% no-repeat padding-box;
            transition: all 0.2s ease-out;
        }

        #roaming-new .roaming-start-page section.header .prepaid.active {
            background: transparent linear-gradient( 90deg, #ececea 18%, #eaeae8 50%, #dfdfdf 100%) 0% 0% no-repeat padding-box;
            transition: all 0.2s ease-out;
        }*/

        #roaming-new .roaming-start-page section.header .wrapper.active span {
            font-family: 'teleNeo-bold' !important;
        }


    #roaming-new .select-country {
        position: relative;
        /*height: 290px;
        background-image: url(../content/images/roaming/roaming-select-area.jpg);
        background-position: center;
        background-size: cover;
        margin-top: -12px;*/
        overflow: hidden;
        z-index: 1;
    }

    #roaming-new .btn-group {
        position: relative;
        width: 100%;
        bottom: 0;
        text-align: center;
        margin: 30px auto 35px;
        display: table;
        /*  background-image: url(../content/images/roaming/tab.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom right;*/
    }

        #roaming-new .btn-group .prepaid,
        #roaming-new .btn-group .postpaid {
            position: relative;
            display: inline-block;
            width: 47%;
            border-radius: 0;
            text-align: center;
        }

        #roaming-new .btn-group .prepaid {
            position: relative;
            margin-right: 7px;
        }

            #roaming-new .btn-group .prepaid .btn-wrap {
                padding: 8px 15px;
                margin: 0 auto;
                background: transparent;
                color: white;
                width: 100%;
                text-align: center;
            }

            #roaming-new .btn-group .prepaid .prepaid-button {
                border: 1px solid rgba(255,255,255, .6);
            }

            #roaming-new .btn-group .prepaid.active .prepaid-button {
                background: black;
                border: 1px solid black;
            }

    #roaming-new .roaming-start-page.affix .btn-group .prepaid .btn-wrap {
        padding: 7px 15px;
    }

    #roaming-new .roaming-start-page.affix .btn-group .postpaid .btn-wrap {
        padding: 8px 15px;
    }

    #roaming-new .btn-group .postpaid {
        position: relative;
        margin-left: 7px;
    }

        #roaming-new .btn-group .postpaid .btn-wrap {
            position: relative;
            width: 100%;
            text-align: center;
            background: transparent;
            border-radius: 0;
            padding: 8px 15px;
        }

        #roaming-new .btn-group .postpaid.active .postpaid-button {
            background: black;
            border: 1px solid black;
        }

        #roaming-new .btn-group .postpaid .postpaid-button {
            border: 1px solid rgba(255,255,255,.6);
        }

    /*  #roaming-new .btn-group .postpaid.active .postpaid-button:after {
                background-image: url(../content/images/roaming/tab.png);
                background-size: contain;
                background-repeat: no-repeat;
                background-position: top center;
                position: absolute;
                width: 300px;
                right: 4px;
                top: 35px;
                height: 100px;
                content: '';
                -webkit-transform: scaleX(-1);
                transform: scaleX(-1);
                z-index: 0;
            }

        #roaming-new .btn-group .prepaid.active .prepaid-button:after {
            background-image: url(../content/images/roaming/tab.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: top center;
            position: absolute;
            width: 300px;
            left: 0px;
            top: 35px;
            height: 100px;
            content: '';
            z-index: 0;
        }*/

    #roaming-new .btn-group .btn-wrap input {
        opacity: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 2;
    }

    #roaming-new .btn-group .btn-wrap span {
        font-size: 21px;
        font-family: 'teleNeo-regular' !important;
        color: white;
        position: relative;
    }

    #roaming-new .roaming-packages {
        margin: 20px 0 30px;
        text-align: center;
        box-shadow: 0px 3px 56px rgba(0,0,0,.1);
        -webkit-box-shadow: 0px 3px 56px rgba(0,0,0,.1);
        -khtml-box-shadow: 0px 3px 56px rgba(0,0,0,.1);
        -moz-box-shadow: 0px 3px 56px rgba(0,0,0,.1);
        -ie-box-shadow: 0px 3px 56px rgba(0,0,0,.1);
        -o-box-shadow: 0px 3px 56px rgba(0,0,0,.1);
        -ms-box-shadow: 0px 3px 56px rgba(0,0,0,.1);
        border: 1px solid rgba(255, 255, 255, .6);
        position: relative;
        display: block;
        width: 100%;
        z-index: 3;
    }

        #roaming-new .roaming-packages a {
            text-transform: uppercase;
            color: white;
            font-family: 'teleNeo-bold' !important;
            font-size: 18px;
            z-index: 3;
            display: block;
            width: 100%;
            padding: 15px 20px;
            transition: all ease-in .5s;
        }

            #roaming-new .roaming-packages a:hover {
                text-decoration: none;
                transition: all ease-in .5s;
                background: #c3136c;
            }

    #roaming-new .select-country .countries-input {
        position: relative;
        display: block;
        width: 100%;
    }

        #roaming-new .select-country .countries-input select {
            position: relative;
            width: 100%;
            padding: 25px 20px 15px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: 1px solid transparent !important;
            font-family: 'teleNeo-medium' !important;
            font-size: 19px;
            font-weight: 700;
            z-index: 1;
            background-image: url('../content/images/roaming/right-arrow.png');
            /* background-image: linear-gradient(45deg, transparent 50%, #616161 50%), linear-gradient(135deg, #616161 50%, transparent 50%); */
            /*background-position: calc(100% - 20px) calc(26px + 2px), calc(100% - 15px) calc(26px + 2px), calc(100% - 37px) 15px;
            background-size: 5px 5px, 5px 5px, 1px 23px;
            background-repeat: no-repeat;*/
            height: 75px;
            appearance: none;
            -webkit-appearance: none;
            background-repeat: no-repeat;
            background-position: 97% 50%;
            background-size: 8%;
            background-color: white;
        }

            #roaming-new .select-country .countries-input select::-ms-expand {
                display: none;
            }

            #roaming-new .select-country .countries-input select:focus {
                outline: none;
            }

        #roaming-new .select-country .countries-input label {
            position: absolute;
            color: #b9b9b9;
            font-size: 15px;
            top: 15px;
            left: 20px;
            margin: 0;
            line-height: 1.2;
            z-index: 2;
        }

    #roaming-new.no-bcg .countries-input {
        margin: 0 auto;
    }

        #roaming-new.no-bcg .countries-input input {
            color: #e20074;
            font-size: 22px;
            font-family: teleNeo-regular !important;
        }

    #roaming-new .roaming-start-page .header .qa-buttons {
        position: absolute;
        bottom: 150px;
        width: 100%;
        margin: 30px 0;
        overflow: hidden;
        display: table;
        cursor: pointer;
    }

    #roaming-new .roaming-start-page.affix .header .qa-buttons {
        bottom: 225px;
    }

    #roaming-new .header .qa-buttons div {
        display: table-cell;
        width: auto;
        position: relative;
    }

    #roaming-new .header .qa-buttons .icon {
        width: 30px;
    }

    #roaming-new .header .qa-buttons .text h3 {
        color: white;
        text-transform: uppercase;
        padding-left: 20px;
        font-family: 'teleNeo-regular' !important;
        font-size: 19px;
        bottom: 5px;
        position: relative;
    }

    #roaming-new .countries-data {
        position: relative;
        height: 100%;
        /* padding-bottom: 18%; */
        overflow-y: scroll;
        padding: 20px 20px 140px 20px;
        background: transparent linear-gradient(0deg, #E1E4F2 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
        background-attachment: fixed;
    }

        #roaming-new .countries-data .container {
            width: 100%;
        }

        #roaming-new .countries-data::-webkit-scrollbar {
            width: 4px;
        }

        #roaming-new .countries-data::-webkit-scrollbar-track {
            background: #ddd;
        }

        #roaming-new .countries-data::-webkit-scrollbar-thumb {
            background: #e20074;
        }

        #roaming-new .countries-data section.white-bcg {
            position: relative;
            background: transparent;
            width: 100%;
            padding: 2% 0;
        }

    #roaming-new section div.table {
        position: relative;
        width: 100%;
        margin: 0;
        background: #EAEFF2 0% 0% no-repeat padding-box;
        padding: 20px;
    }

        #roaming-new section div.table table {
            position: relative;
            width: 100%;
            background-color: transparent;
            margin-bottom: 0;
        }

    #roaming-new.no-bcg .countries-data .inline-div div {
        display: inline;
        color: black;
        font-weight: 600;
    }

    #roaming-new.no-bcg .countries-data .inline-div span,
    #roaming-new.no-bcg .countries-data .inline-div,
    #roaming-new.no-bcg .countries-data .table td div,
    #roaming-new.no-bcg .countries-data .table td span,
    #roaming-new.no-bcg .countries-data .table td p {
        color: black;
        font-weight: 600;
    }

    #roaming-new.no-bcg .countries-data .operators-list {
        position: relative;
        display: block;
        margin: 20px 0;
    }

        #roaming-new.no-bcg .countries-data .operators-list p {
            display: inline;
            font-weight: 600;
            font-size: 17px !important;
        }

        #roaming-new.no-bcg .countries-data .operators-list span {
            color: #333;
            font-size: 17px;
        }

    #roaming-new.no-bcg .countries-data section.white-bcg table thead th {
        position: relative;
        background-color: transparent;
        border-bottom: 1px solid #c1c1c1 !important;
        color: black;
        font-weight: 500;
        opacity: 0.7;
    }

    #roaming-new section div.table.prepaid-table tr td {
        width: auto !important;
    }

    #roaming-new.no-bcg .countries-data section.white-bcg .new-table-roaming th.vaucher-header {
        position: relative;
        text-align: left;
        background: #e2007436 !important;
        color: black !important;
        opacity: 1;
        padding: 15px 10px;
    }

        #roaming-new.no-bcg .countries-data section.white-bcg .new-table-roaming th.vaucher-header:nth-child(2) {
            border-right: 2px solid #e20074 !important;
        }

    #roaming-new.no-bcg .countries-data section.white-bcg .new-table-roaming tr td {
        width: 14% !important;
    }

        #roaming-new.no-bcg .countries-data section.white-bcg .new-table-roaming tr td.border-right {
            border-right: 2px solid #e20074 !important;
        }

    #roaming-new.no-bcg .countries-data section.white-bcg .new-table-roaming thead th.border-right {
        border-right: 2px solid #e20074 !important;
    }

    #roaming-new.no-bcg .countries-data section.white-bcg table tr td {
        display: table-cell;
        width: 20%;
        margin: 0 auto;
        font-size: 15px;
        text-transform: none;
        color: #616161;
    }

        #roaming-new.no-bcg .countries-data section.white-bcg table tr td.border-right {
            border-right: 1px solid #c1c1c1 !important;
        }

    #roaming-new.no-bcg .countries-data section.white-bcg table thead tr th.border-right {
        border-right: 1px solid #c1c1c1 !important;
        width: 150px;
    }

    #roaming-new.no-bcg .countries-data section.white-bcg table tbody tr {
        position: relative;
    }

    #roaming-new.no-bcg .countries-data section.black-bcg {
        position: relative;
        width: 100%;
        padding: 2% 0;
        background: #0d0d0d;
        color: white;
    }

        #roaming-new.no-bcg .countries-data section.black-bcg select {
            color: #e20074 !important;
            background-repeat: no-repeat;
            background-position: right 10px center !important;
            -webkit-appearance: none;
            width: 30%;
            margin: 30px auto;
            border-radius: 0;
            background-color: transparent;
            border: 0;
            border-bottom: 1px solid #313131;
            font-size: 17px;
        }

    #roaming-new.no-bcg .countries-data section.darker-magenta-bcg {
        position: relative;
        width: 100%;
        padding: 2% 0;
        background: transparent;
        color: black;
        font-size: 17px;
        font-weight: 600;
    }

        #roaming-new.no-bcg .countries-data section.darker-magenta-bcg .table-responsive {
            position: relative;
            background: #EAEFF2 0% 0% no-repeat padding-box;
            padding: 20px;
        }

        #roaming-new.no-bcg .countries-data section.darker-magenta-bcg table {
            background: transparent;
            width: 100%;
            margin: 0 auto;
        }

            #roaming-new.no-bcg .countries-data section.darker-magenta-bcg table thead tr {
                opacity: 0.9;
            }

            #roaming-new.no-bcg .countries-data section.darker-magenta-bcg table tbody tr td:first-of-type div {
                font-family: 'teleNeo-bold' !important;
                color: #333;
                background: transparent;
            }

    /*         #roaming-new.no-bcg .countries-data section.darker-magenta-bcg table tbody tr td:nth-child(2) {
                width: 190px;
            }

            #roaming-new.no-bcg .countries-data section.darker-magenta-bcg table tbody tr td:nth-child(3) {
                width: 220px;
            }

            #roaming-new.no-bcg .countries-data section.darker-magenta-bcg table tbody tr td:nth-child(4) {
                width: 280px;
            }*/
    #roaming-new.no-bcg .countries-data section.telekom-mk-app-section {
        position: relative;
        width: 100%;
        display: block;
        overflow: hidden;
    }

    #roaming-new.no-bcg .countries-data table tbody tr td:first-of-type div {
        font-family: 'teleNeo-bold' !important;
        color: #333;
    }

    #roaming-new.no-bcg .countries-data table thead tr th {
        line-height: 20px;
        background: transparent;
        border-bottom: 1px solid #c1c1c1 !important;
    }

    #roaming-new.no-bcg .countries-data table tbody tr td {
        background: transparent !important;
        border-bottom: hidden !important;
    }

    #roaming-new.no-bcg .countries-data table tr th.no-border {
        border-bottom: 0 !important;
        text-align: center;
    }

    #roaming-new.no-bcg .countries-data table tr td.no-border {
        /*border-bottom: 1px solid #f1f1f1 !important;*/
        border-top: 0 !important;
        text-align: left;
    }

    #roaming-new.no-bcg .countries-data table tbody tr td.bcg {
        /*background-color: #F1F1F1 !important;*/
        background: transparent;
        border-bottom: hidden !important;
    }

    #roaming-new.no-bcg .countries-data table tbody tr td > div {
        display: inline;
    }

    #roaming-new.no-bcg .countries-data select {
        color: #e20074 !important;
        background-image: url(../images/arrow_down_magenta.png) !important;
        background-repeat: no-repeat;
        background-position: right 10px center !important;
        -webkit-appearance: none;
        width: 30%;
        margin: 30px auto;
        border-radius: 0;
    }

        #roaming-new.no-bcg .countries-data select option {
            color: #666666;
        }

    /*#roaming-new.no-bcg section.magenta-bcg {
        background-image: url('/content/images/roaming/internet-paketi-bcg.jpg');
        background-size: cover;
        background-position: center;
    }*/

    #roaming-new.no-bcg .countries-data .internet-packages {
        position: relative;
        width: 100%;
        background-color: transparent;
        padding: 20px 0;
        color: white;
    }

        #roaming-new.no-bcg .countries-data .internet-packages .icon {
            position: relative;
            text-align: center;
            margin: 0 auto 25px;
            width: 45px;
            display: block;
        }

        #roaming-new.no-bcg .countries-data .internet-packages h2 {
            position: relative;
            font-family: 'teleNeo-bold' !important;
            text-transform: uppercase;
            font-size: 23px;
            text-align: center;
            color: black;
            margin-bottom: 35px;
        }

        /*            #roaming-new.no-bcg .countries-data .internet-packages h2:before {
                content: '';
                position: absolute;
                width: 39%;
                background: #ddd;
                left: 0;
                top: 14px;
                height: 1px;
            }

            #roaming-new.no-bcg .countries-data .internet-packages h2:after {
                content: '';
                position: absolute;
                width: 39%;
                background: #ddd;
                right: 0;
                top: 14px;
                height: 1px;
            }*/

        #roaming-new.no-bcg .countries-data .internet-packages p {
            text-align: center;
            font-size: 18px;
            color: #333;
            line-height: 1.2;
        }

        #roaming-new.no-bcg .countries-data .internet-packages .package-wrap {
            position: relative;
            display: table;
            width: 100%;
            border-collapse: separate;
            border-spacing: 25px 0;
            margin-top: 30px;
        }

            #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .wrapper {
                align-items: stretch;
            }

            #roaming-new.no-bcg .countries-data .internet-packages .package-wrap a:hover,
            #roaming-new.no-bcg .countries-data .internet-packages .package-wrap a:focus {
                text-decoration: none;
            }

            #roaming-new.no-bcg .countries-data .internet-packages .package-wrap p {
                text-align: left;
            }

            #roaming-new.no-bcg .countries-data .internet-packages .package-wrap input {
                opacity: 0;
                position: absolute;
                min-width: 110px;
                height: 110px;
                top: 0;
                left: 0;
                z-index: 9;
                cursor: pointer;
            }

            #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package {
                position: relative;
                display: table-cell;
                width: 300px;
                height: auto;
                background: transparent radial-gradient(60% 45% at bottom, #F0F0F3, white);
                box-shadow: 0px 20px 36px #6A6A811F;
                border-radius: 8px;
                transition: all ease-in .8s;
                vertical-align: middle;
                cursor: pointer;
            }

                #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package:hover {
                    color: white;
                    transition: all ease-in .3s;
                    background: #E20574 0% 0% no-repeat padding-box;
                    box-shadow: 0px 12px 89px #0000001a;
                }

                    #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package:hover * {
                        color: white !important;
                    }

                    #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package:hover h3 {
                        background-color: transparent;
                        opacity: .7;
                    }

                    #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package:hover .priceBox {
                        background: #e20074;
                        transition: all ease-in .3s;
                    }

                #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package .inner {
                    position: relative;
                    width: 100%;
                    height: 100%;
                    text-align: center;
                    transition: all 0.6s;
                    transform-style: preserve-3d;
                    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
                }

                    #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package .inner.active {
                        transform: rotateY(180deg);
                        backface-visibility: visible;
                    }

                    #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package .inner .package-name {
                        width: 100%;
                        height: 100%;
                        opacity: 1;
                        transition: transform 0.8s;
                        transform-style: preserve-3d;
                    }


                    #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package .inner .package-info {
                        position: absolute;
                        backface-visibility: hidden;
                        height: 100%;
                        vertical-align: middle;
                        background-color: #bb0160;
                        color: white;
                        transform: rotateY(180deg);
                        top: 0;
                        width: 100%;
                        height: 100%;
                        left: 0;
                    }

                    #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package .inner.active .package-info {
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        padding: 0px 10px;
                        backface-visibility: visible;
                        color: white;
                    }

                        #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package .inner.active .package-info h3 {
                            font-size: 17px;
                            margin-top: 10px;
                            line-height: 19px;
                        }

                        #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package .inner.active .package-info div {
                            font-size: 17px;
                        }

                #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package > div:first-child {
                    text-align: left;
                    color: #e20054;
                    font-size: 17px;
                    font-family: 'teleNeo-medium' !important;
                }

                #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package h3 {
                    color: black;
                    margin-bottom: 20px;
                    font-size: 21px;
                    /* padding: 15px 5px; */
                    background-color: transparent;
                    display: block;
                    width: 100%;
                    position: relative;
                    font-family: teleNeo-bold !important;
                    margin: 0 0 20px 0;
                }

                #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package .internet span {
                    color: #e20074;
                    font-family: teleNeo-bold !important;
                    font-size: 26px;
                }
                    #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package .internet span.line-through {
                        font-size: 20px;
                        text-decoration: line-through;
                        color: black;
                        font-family: 'teleNeo-regular' !important;
                    }

                #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package .package-info {
                    position: relative;
                    width: 100%;
                    height: 100%;
                    overflow: visible;
                    display: block;
                    padding: 20px 20px 100px 20px;
                }

                #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package div span {
                    color: #333;
                    font-family: teleNeo-regular !important;
                    font-size: 16px;
                }

                #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package div.operators {
                    padding: 0 0 10px 0;
                }

                    #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package div.operators span {
                        font-size: 18px;
                        font-family: teleNeo-medium !important;
                        display: block;
                    }

                #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package div span.icon-span {
                    position: relative;
                    width: 23px;
                    height: 23px;
                    top: 0;
                }

                /*   #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package div span.icon-span.icon1 {
                            background-image: url('../content/images/mob-internet-paketi/time.png');
                            background-size: contain;
                            background-repeat: no-repeat;
                            z-index: 4;
                        }*/

                /*   #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package div span.icon-span.icon2 {
                            background-image: url('../content/images/mob-internet-paketi/info.png');
                            background-size: contain;
                            background-repeat: no-repeat;
                            z-index: 3;
                        }*/

                #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package:hover div span.icon-span.icon1 img {
                    background: white;
                    border-radius: 50px;
                }

                #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package:hover div span.icon-span.icon2 img {
                    background: white;
                    border-radius: 50px;
                }

                /*    #roaming-new.no-bcg.roaming-business .countries-data .internet-packages .package-wrap .package:hover div span.icon-span.icon1 {
        background-image: url('../content/images/mob-internet-paketi/time.png');
    }

    #roaming-new.no-bcg.roaming-business .countries-data .internet-packages .package-wrap .package:hover div span.icon-span.icon2 {
        background-image: url('../content/images/mob-internet-paketi/info.png');
    }*/

                #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package .days span {
                    font-size: 17px;
                    color: black;
                    font-family: teleNeo-bold !important;
                }

                #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package .package-info div {
                    padding: 6px 0;
                }

                    #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package .package-info div span.price {
                        font-size: 20px;
                        font-family: teleNeo-bold !important;
                    }

                #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package .priceBox {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    background: transparent radial-gradient(50% 50% at top, white, white);
                    border-radius: 0px 0px 8px 8px;
                    padding: 10px 20px;
                    z-index: 2;
                }

                    #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package .priceBox span.price {
                        font-size: 24px;
                        font-family: 'teleNeo-bold' !important;
                    }

    #roaming-new.no-bcg .countries-data .telekom-mk-app {
        position: relative;
        height: auto;
        text-align: left;
        bottom: 0;
        right: 0;
        margin-top: 40px;
        overflow: hidden;
        /* width: 53%;*/
        float: right;
    }

        #roaming-new.no-bcg .countries-data .telekom-mk-app div {
            display: inline;
            float: left;
            padding-right: 30px;
            padding-left: 20px;
        }


        #roaming-new.no-bcg .countries-data .telekom-mk-app p {
            margin: 0;
            position: relative;
            text-align: left;
            width: 100%;
            margin-bottom: 15px;
            margin-top: 5px;
            font-weight: 600;
            font-size: 17px;
        }

            #roaming-new.no-bcg .countries-data .telekom-mk-app p a {
                text-decoration: underline;
            }

    #roaming-new.no-bcg .countries-data .internet-packages p span {
        color: #e20074;
    }

    #roaming-new.no-bcg .countries-data .telekom-mk-app .telekom-mk-app-mobIcons {
        position: relative;
        text-align: left;
        float: right;
    }

        #roaming-new.no-bcg .countries-data .telekom-mk-app .telekom-mk-app-mobIcons a {
            position: relative;
            width: 115px;
            display: inline-block;
            margin-right: 5px;
        }

    /*   #roaming-new.no-bcg .countries-data  .telekom-mk-app .telekom-mk-app-mobIcons a:first-child:after {
                content: '';
                position: absolute;
                width: 1px;
                height: 29px;
                background: #ef74b3;
                right: 3px;
                top: 0;
            }
*/
    #roaming-new.no-bcg .countries-data .call-packages h2 {
        position: relative;
        font-family: 'teleNeo-ultra' !important;
        text-transform: uppercase;
        font-size: 25px;
    }

    #roaming-new.no-bcg .countries-data .call-packages {
        position: relative;
        width: 100%;
        background-color: #f1f1f1;
        padding: 20px;
    }

        #roaming-new.no-bcg .countries-data .call-packages .package {
            position: relative;
            display: inline-block;
            padding: 13px;
            margin: 0 10px;
            width: auto;
        }

            #roaming-new.no-bcg .countries-data .call-packages .package .property {
                display: block;
                background-image: url(../images/list-bullet.png);
                background-position: 0 11px;
                background-repeat: no-repeat;
                padding-left: 15px;
                line-height: 145%;
                margin-bottom: 7px;
            }

        #roaming-new.no-bcg .countries-data .call-packages .telekom-mk-app {
            position: absolute;
            bottom: 35px;
            right: 15px;
            width: 250px;
            height: auto;
            text-align: center;
        }

            #roaming-new.no-bcg .countries-data .call-packages .telekom-mk-app p span {
                color: #e20074;
            }

            #roaming-new.no-bcg .countries-data .call-packages .telekom-mk-app .telekom-mk-app-mobIcons {
                position: relative;
                width: 100%;
            }

            #roaming-new.no-bcg .countries-data .call-packages .telekom-mk-app a {
                position: relative;
                width: 45%;
                display: inline-block;
                margin-right: 5px;
            }

    #roaming-new section.faq-roaming {
        background: #F3F4F6 0% 0% no-repeat padding-box;
        height: 100%;
        background-image: url(../content/images/roaming/img-patuvanje.jpg);
        background-size: cover;
        background-position: center top;
        position: relative;
    }

        #roaming-new section.faq-roaming .absolute-bottom {
            position: relative;
            top: 0;
            width: 100%;
            padding: 30px;
            height: 100%;
            background: rgba(255, 255, 255, 0.7);
        }

        #roaming-new section.faq-roaming.affix .absolute-bottom {
            bottom: 25%;
        }

section.faq-roaming h2 {
    text-transform: uppercase;
    font-family: 'teleNeo-medium' !important;
    font-size: 28px !important;
    margin-bottom: 30px !important;
    color: black !important;
}

section.faq-roaming div.panel-group {
    margin-bottom: 20px;
}

section.faq-roaming .panel-default {
    border: 0;
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid #ddd;
}

    section.faq-roaming .panel-default:last-of-type {
        border-bottom: 0;
    }

    section.faq-roaming .panel-default .panel-heading {
        color: #333;
        background-color: transparent;
        border-color: #ddd;
        /*background-color: #f5f5f5;*/
    }

section.faq-roaming .panel-body p,
section.faq-roaming .panel-body ul li,
section.faq-roaming .order-list span,
section.faq-roaming .absolute-bottom p {
    font-size: 18px;
    line-height: 1.2;
}

section.faq-roaming .order-list {
    padding-bottom: 30px;
}

    section.faq-roaming .order-list span {
        display: block;
    }

    section.faq-roaming .order-list a {
        display: block;
        padding-top: 5px;
    }

    section.faq-roaming .order-list ol li::marker {
        color: black;
        font-family: 'teleNeo-extra' !important;
        font-size: 18px;
    }

    section.faq-roaming .order-list ol li > span {
        color: black;
        font-family: 'teleNeo-bold' !important;
        font-size: 18px;
    }


section.faq-roaming .panel-default .panel-heading {
    padding: 0 10px 0 0;
}

    section.faq-roaming .panel-default .panel-heading h4 {
        padding: 0;
    }

        section.faq-roaming .panel-default .panel-heading h4 a {
            position: relative;
            display: block;
            padding: 15px 0;
            font-size: 20px;
            color: black;
            font-family: 'teleNeo-medium' !important;
        }

        section.faq-roaming .panel-default .panel-heading h4 span {
            position: relative;
            display: block;
            padding: 15px 0;
            font-size: 20px;
            color: black;
            font-family: 'teleNeo-medium' !important;
        }

section.faq-roaming a.ng-isolate-scope.roaming-pripejd-postpaid:after {
    display: none;
}

section.faq-roaming .panel-default .panel-heading h4 a:hover,
section.faq-roaming .panel-default .panel-heading h4 a:focus {
    text-decoration: none;
}

section.faq-roaming .panel-default .panel-heading h4 a.collapsed:after {
    content: '+';
    font-family: teleicon-outline;
    position: absolute;
    color: #e20074;
    font-size: 18px;
    top: 0;
    right: 20px;
    margin: auto;
    transition-property: transform;
    transition-duration: .25s;
    font-weight: 600;
    border: 2px solid #e20074;
    border-radius: 50%;
    padding: 6px 6px;
}

section.faq-roaming .panel-default .panel-heading h4 a:after {
    content: '-';
    font-family: teleicon-outline;
    position: absolute;
    color: #e20074;
    font-size: 21px;
    top: 15px;
    right: 23px;
    margin: auto;
    transition-property: transform;
    transition-duration: .25s;
    font-weight: 600;
}

.countries-data .foosnote {
    padding: 30px 30px 30px 10px;
    margin: 40px 0 0px;
    box-shadow: 0px 5px 40px 10px #00000012;
}

    .countries-data .foosnote p {
        font-size: 16px;
        line-height: 1.2;
    }

    .countries-data .foosnote ul li {
        font-size: 17px;
        padding-bottom: 15px;
        line-height: 1.2;
    }

        .countries-data .foosnote ul li:last-of-type {
            padding-bottom: 0;
            margin-bottom: 0;
        }

@media(min-width: 1490px) {
    #roaming-new .roaming-start-page section.header {
        height: 100%;
    }

        #roaming-new .roaming-start-page section.header:before {
            height: 100%;
        }

    #roaming-new .roaming-start-page.affix .header .qa-buttons {
        bottom: 250px;
    }

    #roaming-new .btn-group .postpaid.active:after {
        width: 365px;
        right: 10px;
    }

    #roaming-new .btn-group .prepaid.active:after {
        width: 365px;
        left: 10px;
    }
}

@media(max-width: 320px) {
    #roaming-new .btn-group .postpaid.active:after {
        right: -13px;
        top: -37px;
        width: 305px;
    }

    #roaming-new .btn-group .postpaid.active:after {
        right: -13px;
        top: -40px;
        width: 305px;
    }
}

@media (max-width: 991px) {
    #roaming-new .faq-roaming .panel-default .panel-heading h4 a {
        padding: 15px 30px 15px 0;
    }

    #roaming-new {
        height: 100%;
        position: relative;
    }

        #roaming-new section.select-country .countries-input select {
            border: 1px solid #969696 !important;
            background-color: white !important;
        }

        #roaming-new .select-country .countries-input label {
            top: 10px;
        }

        #roaming-new .roaming-start-page section.header {
            height: 100%;
            min-height: initial;
        }

            #roaming-new .roaming-start-page section.header:before {
                content: '';
                background: url(../content/images/roaming/mapa.png);
                background-position: 50% 120%;
                background-size: 90%;
                background-repeat: no-repeat;
                height: 310px;
                width: 100%;
                display: block;
                position: absolute;
                left: 0;
                bottom: 90px;
                right: 0;
            }

        #roaming-new h1 {
            font-size: 36px;
            margin: 10px 0 20px;
        }

        #roaming-new .btn-group {
            width: 100%;
            margin: 10px auto 30px;
        }

            #roaming-new .btn-group .prepaid,
            #roaming-new .btn-group .postpaid {
                width: 47%;
            }

                #roaming-new .btn-group .prepaid .btn-wrap,
                #roaming-new .btn-group .postpaid .btn-wrap {
                    padding-top: 15px;
                }

        #roaming-new .roaming-packages {
            margin: 20px 0;
        }

        #roaming-new .select-country {
            background-position: 30%;
        }

            #roaming-new .select-country .countries-input select {
                padding: 25px 20px 15px;
                height: 65px;
            }

        #roaming-new .countries-input {
            width: auto !important;
            float: none !important;
            margin: 8% 0 !important;
        }

        #roaming-new section.select-country .countries-input label {
            font-size: 17px;
        }

        #roaming-new .countries-input select option {
            font-size: 15px;
        }

        #roaming-new section div.table {
            width: 100%;
        }

        #roaming-new .countries-input i.search-icon {
            position: relative;
            background: transparent;
            right: 0 !important;
            margin-right: 0 !important;
            margin-top: 0 !important;
            top: -5px;
        }

        #roaming-new.no-bcg .countries-data .internet-packages .telekom-mk-app,
        #roaming-new.no-bcg .countries-data .call-packages .telekom-mk-app {
            position: relative;
            bottom: 0;
            left: 0;
            margin-top: 35px;
            width: 300px;
        }

        #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package {
            margin: 20px auto;
            width: 142px;
            display: block;
            width: 100%;
            height: auto;
        }

        #roaming-new section div.table table {
            position: relative;
            width: 100% !important;
            overflow-x: scroll;
            display: block;
        }


        #roaming-new.no-bcg {
            height: 100%;
        }

        #roaming-new .roaming-start-page,
        #roaming-new .roaming-start-page.affix,
        #roaming-new .roaming-start-page.affix-top {
            width: 100%;
            position: relative;
            display: block;
            padding: 20px;
            float: none;
            top: 0;
            height: auto;
            overflow: hidden;
        }

        #roaming-new .right-side {
            position: relative;
            float: right;
            display: inline-block;
            width: 100%;
            height: 100%;
            top: 0;
            right: 0;
            padding-bottom: 0;
            left: 0;
        }

        #roaming-new .countries-data {
            padding-bottom: 100px;
        }

        #roaming-new section.faq-roaming {
            position: relative;
            height: auto;
            overflow: hidden;
            padding: 30% 20px;
            top: 0 !important;
        }

    section.faq-roaming h2 {
        font-size: 26px;
    }

    #roaming-new.no-bcg .countries-data .telekom-mk-app div {
        padding-left: 0;
        padding-right: 0;
    }

    #roaming-new section.faq-roaming .absolute-bottom {
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 0;
        top: 0;
        display: block;
    }

    section.faq-roaming .panel-default .panel-heading h4 a.collapsed:after {
        font-size: 15px;
        right: 0px;
        padding: 5px 6px;
    }

    section.faq-roaming .panel-default .panel-heading h4 a:after {
        top: 15px;
        right: 0;
        font-size: 17px;
    }

    #roaming-new h1 {
        font-size: 38px;
    }

    #roaming-new .btn-group .postpaid.active:after {
        right: -20px;
        top: -33px;
    }

    #roaming-new .btn-group .prepaid.active:after {
        top: -35px;
    }

    #roaming-new .roaming-start-page .header .qa-buttons {
        position: relative;
        bottom: 25px;
        width: 100%;
        margin: 25px 0 15px;
    }

    #roaming-new .header .qa-buttons .text h3 {
        font-size: 18px;
    }

    #roaming-new .header .qa-buttons .icon {
        width: 35px;
        bottom: 0;
    }

    #roaming-new .roaming-start-page.affix .header .qa-buttons {
        bottom: 20px;
    }

    #roaming-new.no-bcg .countries-data .internet-packages h2 {
        font-size: 22px;
    }

        #roaming-new.no-bcg .countries-data .internet-packages h2:after,
        #roaming-new.no-bcg .countries-data .internet-packages h2:before {
            width: 20%;
        }

    #roaming-new.no-bcg .countries-data .internet-packages p {
        font-size: 17px;
    }

    #roaming-new.no-bcg .countries-data .telekom-mk-app {
        position: relative;
        width: 100%;
        float: none;
    }

        #roaming-new.no-bcg .countries-data .telekom-mk-app .telekom-mk-app-mobIcons {
            float: none;
        }

            #roaming-new.no-bcg .countries-data .telekom-mk-app .telekom-mk-app-mobIcons a {
                width: auto;
            }
}


@media (min-width: 768px) and (max-width: 991px) {


    #roaming-new .roaming-start-page section.header:before {
        bottom: 0;
    } 

    #roaming-new.no-bcg .countries-data .internet-packages .telekom-mk-app {
        right: 15px;
        width: 155px;
    }

    #roaming-new.no-bcg .countries-data .internet-packages .package-wrap {
        border-spacing: 10px 0;
    }

        #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package {
            margin: 20px auto;
            position: relative;
            display: table-cell;
            width: auto;
            height: auto;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 0px 12px 89px #0000001a;
            transition: all ease-in .8s;
            vertical-align: middle;
            padding: 10px 20px;
        }

    #roaming-new .countries-input {
        margin: 3% 0 !important;
    }

    #roaming-new .btn-group .postpaid.active:after {
        right: 75px;
        top: -35px;
    }

    #roaming-new .btn-group .prepaid.active:after {
        top: -35px;
        left: 115px;
    }

    #roaming-new .roaming-start-page, #roaming-new .roaming-start-page.affix, #roaming-new .roaming-start-page.affix-top {
        width: 100%;
        padding: 20px 30px;
    }

    #roaming-new.no-bcg .countries-data .operators-list {
        margin: 30px 0;
    }

    #roaming-new .select-country .countries-input select {
        background-size: 5%;
    }
}



@media (max-width: 991px) {
    #roaming-new .btn-group .btn-wrap.active,
    #roaming-new .btn-group .btn-wrap {
        width: 90%;
    }



    #roaming-new.no-bcg .countries-data .internet-packages .telekom-mk-app a {
        width: 100%;
        display: block;
        margin-right: 0;
        margin-top: 5px;
    }

    .telekom-mk-app-mobIcons a:first-of-type img {
        margin-right: 0;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #roaming-new.no-bcg {
        height: 100%;
    }

    #roaming-new .roaming-start-page {
        padding: 30px 20px;
    }

    #roaming-new .btn-group {
        position: relative;
        margin: 40px auto 80px;
    }

    #roaming-new .roaming-packages {
        margin: 20px 0 80px;
    }

    #roaming-new .roaming-start-page .header .qa-buttons {
        position: relative;
        margin: 50px 0;
        bottom: 0;
    }

    #roaming-new .header .qa-buttons .text h3 {
        padding-left: 35px;
        font-size: 20px;
        line-height: 1.2;
    }

    #roaming-new .btn-group .postpaid.active:after {
        width: 255px;
        right: 10px;
        top: -33px;
    }

    #roaming-new .btn-group .prepaid.active:after {
        width: 255px;
        left: 10px;
        top: -33px;
    }

    #roaming-new .roaming-start-page.affix {
        position: fixed;
        top: 71px;
    }

        #roaming-new .roaming-start-page.affix .header .qa-buttons {
            bottom: 0px !important;
        }

    #roaming-new .countries-data .container {
        position: relative;
        width: 100%;
    }
}

@media(min-width: 1700px) {
    #roaming-new .btn-group .postpaid.active .postpaid-button:after {
        width: 390px;
        top: 35px;
        right: 0
    }

    #roaming-new .btn-group .prepaid.active .prepaid-button:after {
        width: 390px;
        top: 35px;
        right: 0
    }
}

@media (min-width: 992px) {
    #roaming-new .roaming-start-page.affix h1 {
        font-size: 29px;
    }

    #roaming-new .roaming-start-page.affix h2 {
        font-size: 17px;
    }

    #roaming-new .roaming-start-page.affix p.subheader {
        font-size: 15px;
    }

    #roaming-new .roaming-start-page.affix .btn-group {
        margin: 20px 0;
    }

        #roaming-new .roaming-start-page.affix .btn-group .prepaid .btn-wrap {
            padding: 5px 15px;
        }

        #roaming-new .roaming-start-page.affix .btn-group .postpaid .btn-wrap {
            padding: 6px 15px;
        }

    #roaming-new .roaming-start-page.affix .select-country {
        height: 50px;
    }

        #roaming-new .roaming-start-page.affix .select-country .countries-input label {
            top: 2px;
            left: 20px;
            font-size: 12px;
        }

    #roaming-new .roaming-start-page.affix .roaming-packages {
        margin: 10px 0;
    }

        #roaming-new .roaming-start-page.affix .roaming-packages a {
            padding: 5px 8px;
            font-size: 17px;
        }

    #roaming-new .roaming-start-page.affix .select-country select {
        height: 100%;
        padding-top: 17px;
        font-size: 17px;
    }

    #roaming-new .roaming-start-page.affix .header .qa-buttons {
        bottom: 235px;
        margin: 10px 0;
    }

    #roaming-new.roaming-business .roaming-start-page.affix .header .qa-buttons {
        bottom: 72%;
    }

    #roaming-new.roaming-business .roaming-start-page.affix .header .qa-buttons {
        bottom: 72%;
    }

    #roaming-new .roaming-start-page.affix .header .qa-buttons .icon {
        width: 25px;
    }

    #roaming-new .roaming-start-page.affix .header .qa-buttons .text h3 {
        font-size: 15px;
    }
}
/*#endregion roaming */

/*#region megjunarodni povici B2B red*/
#megjunarodni-povici .main-banner {
    position: relative;
    background-image: url(../content/images/megjunarodni-razgovori-banner.jpg);
    background-position: center 32%;
    background-size: cover;
    padding: 25% 0 0;
}

#megjunarodni-povici.fiksna .main-banner {
    background-image: url(../content/images/megjunarodni-razgovori-fiksna.jpg);
    background-position: center 50%;
}

#megjunarodni-povici .main-banner .header {
    width: 38%;
    padding: 2% 0 2%;
    position: absolute;
    bottom: 0;
}

    #megjunarodni-povici .main-banner .header:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/mobile-surf/Mobilni-internet-paketi-shape.png);
        background-position: left;
        background-repeat: no-repeat;
        background-size: cover;
        left: 0px;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

    #megjunarodni-povici .main-banner .header .wrapper {
        padding: 0% 10% 0 21%;
    }

        #megjunarodni-povici .main-banner .header .wrapper h1 {
            font-size: 33px;
            color: white;
            font-family: 'teleNeo-bold' !important;
            text-align: left;
            z-index: 1;
            position: relative;
            text-transform: none;
        }

#megjunarodni-povici h2.black-bcg {
    background-color: black;
    margin-bottom: 50px;
    width: 590px;
    text-align: center;
    margin: 50px auto;
    color: white;
    text-transform: uppercase;
    padding: 15px;
    font-size: 42px;
    transform: skewX( -25deg );
}

    #megjunarodni-povici h2.black-bcg span {
        transform: skewX( 25deg );
        position: relative;
        display: block;
        font-family: 'teleNeo-extra' !important;
    }

#megjunarodni-povici p {
    text-align: center;
    font-size: 19px;
    line-height: 1.2;
}

#megjunarodni-povici ul.list-inline {
    margin: 30px 0;
}

    #megjunarodni-povici ul.list-inline li {
        display: inline-block;
        padding: 0;
        margin: 0;
        list-style: none;
        background: none;
        color: #333;
        opacity: .5;
        margin: 0 5px;
        font-size: 17px;
    }

        #megjunarodni-povici ul.list-inline li.active {
            color: #333;
            opacity: 1;
            font-family: 'teleNeo-bold' !important;
        }

#megjunarodni-povici .boxes {
    position: relative;
    text-align: center;
    margin: 50px 0;
}

    #megjunarodni-povici .boxes .box-wrap {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
        -webkit-box-shadow: 0px 3px 46px rgba(0, 0,0, .14);
        -moz-box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
        min-height: 155px;
    }

        #megjunarodni-povici .boxes .box-wrap h2 {
            display: block;
            font-size: 22px;
            font-family: 'teleNeo-regular' !important;
            padding: 15px 10px;
        }

            #megjunarodni-povici .boxes .box-wrap h2 span {
                display: block;
                font-size: 25px;
                font-family: 'teleNeo-extra' !important;
                margin-top: 10px;
            }

    #megjunarodni-povici .boxes span.bts-paket-ddv {
        display: none;
    }

    #megjunarodni-povici .boxes .box-wrap .smart-priceWraper {
        position: relative;
        display: block;
        width: 70%;
        overflow: hidden;
        margin: 10px auto;
        padding: 20px 0;
    }

        #megjunarodni-povici .boxes .box-wrap .smart-priceWraper .p-left-smart span {
            font-size: 30px;
            font-family: 'teleNeo-bold' !important;
        }

        #megjunarodni-povici .boxes .box-wrap .smart-priceWraper .p-right-smart {
            position: relative;
            display: inline;
            float: left;
            width: 30%;
            bottom: 0 !important;
            top: 3px;
            color: #333;
            text-align: right;
            margin-left: 6px;
        }

            #megjunarodni-povici .boxes .box-wrap .smart-priceWraper .p-right-smart span {
                color: #333;
                text-transform: none;
                text-align: left;
                font-size: 13px !important;
            }

        #megjunarodni-povici .boxes .box-wrap .smart-priceWraper .p-left-smart {
            position: relative;
            display: inline;
            width: 50%;
            float: left;
            text-align: right;
        }

#megjunarodni-povici .mob-paketi-razgovori-text .intro h2 {
    font-size: 29px;
    font-family: 'teleNeo-bold' !important;
    color: #e20074;
    margin: 50px 0 30px 0 !important;
    text-transform: uppercase;
}

#megjunarodni-povici .mob-paketi-razgovori-text .tabovi {
    position: relative;
    width: 100%;
    margin: 40px auto;
    text-align: center;
}

    #megjunarodni-povici .mob-paketi-razgovori-text .tabovi ul {
        width: 50%;
        margin: 0 auto;
        border: 0;
        text-align: center;
        display: block;
    }

        #megjunarodni-povici .mob-paketi-razgovori-text .tabovi ul li {
            background: none;
            display: inline;
            float: left;
            margin: 0px 5px;
            padding: 0;
            border: 0;
            width: 47%;
        }

    #megjunarodni-povici .mob-paketi-razgovori-text .tabovi li a {
        background: transparent;
        color: #84919B;
        font-family: 'teleNeo-regular' !important;
        text-transform: uppercase;
        border: 0 !important;
        transition: all ease-in .5s;
        -webkit-transition: all ease-in .5s;
    }

    #megjunarodni-povici .mob-paketi-razgovori-text .tabovi li.active a {
        border: 0;
        color: black !important;
        background: #EEEFF2;
        font-family: 'teleNeo-bold' !important;
        transition: all ease-in .5s;
        -webkit-transition: all ease-in .5s;
    }

    #megjunarodni-povici .mob-paketi-razgovori-text .tabovi li a:hover {
        border: 0 !important;
        border-color: transparent;
        border-radius: 0;
        background: #EEEFF2;
        color: black;
        transition: all ease-in .5s;
        -webkit-transition: all ease-in .5s;
    }

#megjunarodni-povici .mob-paketi-razgovori-text .tab-pane {
    display: none;
    visibility: hidden;
    opacity: 0;
}

    #megjunarodni-povici .mob-paketi-razgovori-text .tab-pane.active {
        display: block;
        visibility: visible;
        opacity: 1;
    }

#megjunarodni-povici .boxes .box-wrap .internet p {
    font-size: 22px;
    font-family: 'teleNeo-bold' !important;
}

#megjunarodni-povici .boxes .box-wrap .icons {
    position: relative;
    display: block;
    margin: 20px 0;
}

    #megjunarodni-povici .boxes .box-wrap .icons span {
        width: 35px;
        height: 35px;
        display: inline-block;
        top: 0 !important;
    }

#megjunarodni-povici .accordion-section .panel-default .panel-heading {
    background-color: transparent;
    border: 0;
    border-color: transparent;
    box-shadow: none;
}

#megjunarodni-povici .accordion-section .panel-default {
    border: 0;
    box-shadow: none;
}

#megjunarodni-povici .accordion-section .panel-body {
    border: 0;
}

#megjunarodni-povici .accordion-section h4.more-info {
    position: relative;
    background-color: #e20074;
    width: 300px;
    bottom: 0;
    margin: 0;
    padding: 15px 10px;
    transform: skewX( -25deg );
    color: white;
    left: 30px;
    font-size: 20px;
    background: transparent linear-gradient( 97deg, #c80c6d 0%, #e20074 100%) 0% 0% no-repeat padding-box;
}

    #megjunarodni-povici .accordion-section h4.more-info a:hover,
    #megjunarodni-povici .accordion-section h4.more-info a:focus {
        color: white;
        text-decoration: none;
        outline: none;
    }

    #megjunarodni-povici .accordion-section h4.more-info span {
        transform: skewX( 25deg );
        position: relative;
        display: block;
        margin-left: 0px;
    }

        #megjunarodni-povici .accordion-section h4.more-info span:before {
            content: 'i';
            position: relative;
            border: 2px solid white;
            padding: 1px 11px;
            border-radius: 50px;
            display: inline;
            float: left;
            margin-right: 12px;
            top: -3px;
            font-size: 17px;
            left: 2px;
        }

#megjunarodni-povici .accordion-section .panel-group {
    margin: 0;
}

#megjunarodni-povici .accordion-section .panel-body .small-text {
    position: relative;
    overflow: hidden;
    background-color: white;
    box-shadow: 0 0 10px 11px rgba(176, 174, 174, .12);
}

    #megjunarodni-povici .accordion-section .panel-body .small-text h4 {
        font-family: 'teleNeo-medium' !important;
        font-size: 19px;
        margin: 15px 0;
    }

    #megjunarodni-povici .accordion-section .panel-body .small-text p {
        font-size: 14px;
        color: black;
        font-family: 'teleNeo-medium' !important;
        text-align: left !important;
        line-height: 1.2;
    }

@media (max-width: 767px) {
    #megjunarodni-povici h2.black-bcg {
        width: auto;
        margin: 50px 10px;
        font-size: 22px;
    }

    #megjunarodni-povici p {
        font-size: 18px;
    }

    #megjunarodni-povici .boxes .box-wrap {
        min-height: 135px;
        margin: 10px 0;
    }

        #megjunarodni-povici .boxes .box-wrap h2 {
            padding: 10px;
        }

    #megjunarodni-povici .accordion-section h4.more-info {
        left: 0;
        width: auto;
        font-size: 16px;
    }

    #megjunarodni-povici .mob-paketi-razgovori-text .intro h2 {
        font-size: 23px;
        margin-top: 35px;
    }

    #megjunarodni-povici .mob-paketi-razgovori-text .tabovi ul {
        width: 100%;
    }

        #megjunarodni-povici .mob-paketi-razgovori-text .tabovi ul li {
            margin: 0px 14px;
            width: 40%;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    #megjunarodni-povici .mob-paketi-razgovori-text .tabovi ul {
        width: 60%;
    }

    #megjunarodni-povici .boxes .box-wrap .smart-priceWraper .p-left-smart span {
        font-size: 23px;
    }
}
/*#endregion megjunarodni povici B2B red*/

/*#region eSim webshop*/
#eSim-webshop {
    position: relative;
    width: 100%;
    height: auto;
}

    #eSim-webshop .eSim-steps {
        position: relative;
        width: 85%;
        display: inline;
        float: left;
        left: -16%;
        overflow: hidden;
        height: auto;
        padding-bottom: 80px;
    }

    #eSim-webshop .side-menu-choices {
        position: fixed;
        width: 30%;
        display: inline;
        right: 0;
        height: 100%;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 10px 36px #00000021;
        padding: 20px 0;
        overflow-y: scroll;
        padding-bottom: 370px;
    }

        #eSim-webshop .side-menu-choices .choosen-wrapper h4 {
            color: black;
            margin: 0;
            padding: 0;
        }

        #eSim-webshop .side-menu-choices .selection-wrapper {
            padding: 15px 15px;
        }

        #eSim-webshop .side-menu-choices h2 {
            display: inline;
            width: auto;
            font-family: 'teleNeo-regular' !important;
            font-size: 25px;
            padding: 20px 0px;
        }

            #eSim-webshop .side-menu-choices h2.magenta-text {
                color: #e20074;
                font-family: 'teleNeo-extra' !important;
                margin-right: 20px;
                position: relative;
            }


                #eSim-webshop .side-menu-choices h2.magenta-text:after {
                    content: '';
                    position: absolute;
                    right: -11px;
                    height: 30px;
                    width: 1px;
                    top: 12px;
                    display: block;
                    background: #707070;
                    opacity: 0.3;
                }






        #eSim-webshop .side-menu-choices .choosen-wrapper {
            position: relative;
            width: 100%;
            display: block;
            margin: 15px 0 15px;
            overflow: hidden;
        }


        #eSim-webshop .side-menu-choices h4.choosen.name {
            position: relative;
            line-height: 1.2;
            padding: 0;
            margin: 0;
            text-transform: uppercase;
            font-size: 16px;
        }

        #eSim-webshop .side-menu-choices .choosen-wrapper p.description {
            font-size: 14px !important;
            margin: 0;
        }

        #eSim-webshop .side-menu-choices .inline-div.details {
            position: relative;
            width: 50%;
            float: left;
            display: inline;
            text-align: left;
        }

        #eSim-webshop .side-menu-choices .inline-div.price {
            position: relative;
            width: 50%;
            float: left;
            display: inline;
            text-align: right;
        }



            #eSim-webshop .side-menu-choices .inline-div.price span {
                color: black;
                font-family: 'teleNeo-bold' !important;
                font-size: 19px;
            }


        #eSim-webshop .side-menu-choices .bottom-price.affix-top,
        #eSim-webshop .side-menu-choices .bottom-price {
            position: fixed;
            bottom: 0;
            background: #e20074;
            width: 29.5%;
            color: white;
            transition: all ease-in .4s;
            -webkit-transition: all ease-in .4s;
        }

            #eSim-webshop .side-menu-choices .bottom-price.affix-bottom {
                bottom: 135px;
                top: initial !important;
            }

            #eSim-webshop .side-menu-choices .bottom-price.affix {
                position: fixed;
                width: 29.5%;
                bottom: 0;
                background: #e20074;
                transition: all ease-in .4s;
                -webkit-transition: all ease-in .4s;
            }

            #eSim-webshop .side-menu-choices .bottom-price .inline-div {
                width: 50%;
                position: relative;
                float: left;
                display: flex;
                color: white;
                text-align: center;
                flex-direction: row;
                flex-wrap: nowrap;
                align-content: center;
                justify-content: center;
                align-items: center;
                vertical-align: middle;
                padding: 15px 0;
                box-shadow: -10px 0px 36px #00000029;
                height: 65px;
            }

                #eSim-webshop .side-menu-choices .bottom-price .inline-div p {
                    color: white !important;
                }

                #eSim-webshop .side-menu-choices .bottom-price .inline-div.vkCena {
                    text-align: right;
                    font-size: 17px;
                }

                    #eSim-webshop .side-menu-choices .bottom-price .inline-div.vkCena:before {
                        content: '';
                        position: absolute;
                        background-image: url('../content/images/esim/paket.png');
                        width: 30px;
                        height: 26px;
                        display: block;
                        background-size: contain;
                        background-repeat: no-repeat;
                        left: 30px;
                    }

                    #eSim-webshop .side-menu-choices .bottom-price .inline-div.vkCena p.cena-big {
                        font-size: 26px;
                        font-family: 'teleNeo-medium' !important;
                        margin-right: 5px;
                    }

                #eSim-webshop .side-menu-choices .bottom-price .inline-div.vkCena-text p {
                    font-size: 20px;
                }

        #eSim-webshop .side-menu-choices .more-packages-choosen {
            position: relative;
            display: block;
            height: auto;
            bottom: 0;
            text-align: center;
        }

            #eSim-webshop .side-menu-choices .more-packages-choosen span.plus {
                position: relative;
                text-align: center;
            }

            #eSim-webshop .side-menu-choices .more-packages-choosen span.left:before {
                content: '';
                position: absolute;
                width: 40%;
                height: 1px;
                background: #D9D9D9;
                left: 0;
                top: 15px;
            }

            #eSim-webshop .side-menu-choices .more-packages-choosen span.right:before {
                content: '';
                position: absolute;
                width: 40%;
                height: 1px;
                background: #D9D9D9;
                right: 0;
                top: 15px;
            }

            #eSim-webshop .side-menu-choices .more-packages-choosen span.plus:before {
                content: '+';
                font-family: 'teleIcon-outline' !important;
                left: 0;
                right: 0;
                text-align: center;
                margin: 0 auto;
                color: white;
                background: #e20074;
                border-radius: 50%;
                padding: 8px;
                font-size: 15px;
                text-align: center;
                left: 0;
                right: 0;
            }

        #eSim-webshop .side-menu-choices .selection:last-child .more-packages-choosen {
            display: none;
        }

    #eSim-webshop .ul-steps {
        position: fixed;
        width: 70%;
        overflow: hidden;
        padding: 2% 0 2%;
        background: #F7F8F9 0% 0% no-repeat padding-box;
        box-shadow: -1px 1px 36px 4px #00000021;
        left: 0;
    }

        #eSim-webshop .ul-steps ul {
            min-height: initial;
            overflow: hidden;
        }

            #eSim-webshop .ul-steps ul li {
                position: relative;
                width: 25%;
                display: flex;
                float: left;
                text-align: center;
                vertical-align: middle;
                align-content: flex-start;
                flex-wrap: nowrap;
                flex-direction: column;
                align-items: stretch;
                padding-top: 25px;
                color: #c3c3c3;
                font-size: 16px;
            }

                #eSim-webshop .ul-steps ul li.active {
                    color: black !important;
                }

                #eSim-webshop .ul-steps ul li:before {
                    content: '';
                    position: absolute;
                    width: 15px;
                    height: 15px;
                    background: #ccc;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                    top: 10px;
                    z-index: 3;
                    border-radius: 50%;
                }

                #eSim-webshop .ul-steps ul li.active:before,
                #eSim-webshop .ul-steps ul li.visited:before {
                    background: #e20074;
                    box-shadow: 0px 0px 11px 1px #e20074e6;
                }

                #eSim-webshop .ul-steps ul li:after {
                    content: '';
                    position: absolute;
                    width: 100%;
                    height: 2px;
                    background: #ccc;
                    right: -48%;
                    top: 18px;
                }

                #eSim-webshop .ul-steps ul li.visited:after {
                    background: #e20074;
                }

                #eSim-webshop .ul-steps ul li:last-of-type:after {
                    display: none;
                }

div#eSim-webshop p {
    font-size: 18px;
}

#eSim-webshop .step {
    position: relative;
    top: 100px;
    transition: all ease-in .8s;
    overflow: hidden;
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 70px;
}

    #eSim-webshop .step h1 {
        text-align: left;
        color: #e20074;
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        margin-top: 50px !important;
    }

    #eSim-webshop .step .buttons {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden;
        text-align: right;
        top: 30px;
    }

        #eSim-webshop .step .buttons .next-button,
        #eSim-webshop .step .buttons .previous-button {
            position: relative;
            width: auto;
            display: inline;
        }

        #eSim-webshop .step .buttons .btn-magenta {
            position: relative;
            padding: 7px 40px;
            background: #e20074;
            color: white;
            width: auto;
            font-size: 20px;
        }

        #eSim-webshop .step .buttons .next-btn {
            transition: all ease-in .5s;
        }

            #eSim-webshop .step .buttons .next-btn:hover {
                background: #bf0766 !important;
                transition: all ease-in .5s;
            }

        #eSim-webshop .step .buttons p.errorMsg {
            margin-top: 20px;
        }

    #eSim-webshop .step .btn.btn-transparent {
        width: auto;
        display: inline;
        color: black;
        font-family: 'teleNeo-medium' !important;
        padding: 8px 20px;
        font-size: 18px;
        background: transparent;
        margin-right: 10px;
    }

        #eSim-webshop .step .btn.btn-transparent:hover {
            background: transparent !important;
            box-shadow: 0 0 20px 2px #00000017;
        }

#eSim-webshop .catalog-item,
#eSim-webshop .catalog-data {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 20px 0px #0000001a;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    margin: 10px 0 20px;
}


#eSim-webshop .header-wrap {
    position: relative;
    width: 100%;
    display: block;
    margin: 20px 0;
}

    #eSim-webshop .header-wrap img {
        position: relative;
        display: inline;
        float: left;
        width: auto;
        height: auto;
        margin-right: 20px;
    }

    #eSim-webshop .header-wrap h3 {
        position: relative;
        display: inline;
        float: left;
        margin: 0;
        text-transform: uppercase;
        font-size: 21px;
        font-family: 'teleNeo-bold' !important;
    }

#eSim-webshop .box-wrap {
    position: relative;
    width: 65%;
    float: right;
    display: inline;
}

#eSim-webshop .catalog-item span,
#eSim-webshop .catalog-data span {
    position: relative;
    display: block;
}

#eSim-webshop .catalog-item .icon {
    position: relative;
    width: 45px;
    height: auto;
}

#eSim-webshop .catalog-item h4.name {
    position: relative;
    padding: 0;
    margin: 20px 0px 10px;
    text-transform: uppercase;
    color: black;
    font-family: 'teleNeo-bold' !important;
    font-size: 17px;
}

#eSim-webshop .catalog-item p {
    line-height: 1.2;
    font-size: 17px;
}

#eSim-webshop .catalog-item .wrap {
    position: relative;
    padding: 5px 20px;
    display: block;
    text-align: left;
    /*border: 1px solid #3B405D3B;*/
    margin: 10px 0;
}

#eSim-webshop .catalog-item .inline-div {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    font-size: 17px;
    font-family: 'teleNeo-bold' !important;
    text-align: center;
    margin: 10px 0;
}

    #eSim-webshop .catalog-item .inline-div span {
        display: inline !important;
        float: left;
        position: relative;
        color: #333;
        font-size: 17px;
        font-family: 'teleNeo-bold' !important;
    }

    #eSim-webshop .catalog-item .inline-div img {
        margin-right: 5px;
    }

#eSim-webshop .catalog-item .price {
    position: relative;
    width: 100%;
    display: block;
}

    #eSim-webshop .catalog-item .price span {
        display: inline !important;
        color: black;
        font-family: 'teleNeo-bold' !important;
        font-size: 18px;
    }

#eSim-webshop .step.one .form-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
}

    #eSim-webshop .step.one .form-box input {
        visibility: hidden;
        position: absolute;
        top: 0;
        right: 0;
    }

        #eSim-webshop .step.one .form-box input:before {
            content: '';
            position: absolute;
            width: 24px;
            height: 24px;
            top: 15px;
            right: 25px;
            visibility: visible;
            opacity: 1;
            background: #F6F7FA 0% 0% no-repeat padding-box;
            border: 1px solid #BEC1D4;
            border-radius: 50%;
        }

#eSim-webshop .catalog-item.active,
#eSim-webshop .catalog-data.active {
    border: 1px solid #e20074;
}

    #eSim-webshop .catalog-item.active .form-box input:before,
    #eSim-webshop .catalog-data.active .form-box input:before {
        content: '';
        position: absolute;
        background-image: url('../content/images/esim/check.png');
        background-size: cover;
        background-position: center top;
        border: none;
    }

#eSim-webshop .catalog-item.active,
#eSim-webshop .catalog-data.active {
    border: 1px solid #e20074;
}

#eSim-webshop .step.one .catalog-item.active .form-box input:before,
#eSim-webshop .step.one .catalog-data.active .form-box input:before {
    content: '';
    position: absolute;
    background-image: url('../content/images/esim/check.png');
    background-size: cover;
    background-position: center top;
    border: none;
}

#eSim-webshop .catalog-item.active .price span,
#eSim-webshop .catalog-data.active .price span {
    color: #e20074;
}

#eSim-webshop .catalog-data h4.magenta-text {
    color: black;
    font-family: 'teleNeo-bold' !important;
    font-size: 30px;
    margin: 0;
}

#eSim-webshop .catalog-data.active h4 {
    color: #e20074;
}

#eSim-webshop .catalog-data span.description {
    color: black;
    font-family: 'teleNeo-medium' !important;
    text-transform: uppercase;
    font-size: 17px;
}

#eSim-webshop .box-wrap .inline-div.duration {
    text-align: center;
    margin: 10px 0;
}

    #eSim-webshop .box-wrap .inline-div.duration:before {
        content: '';
        position: absolute;
        top: 23px;
        left: 18px;
        width: 41%;
        height: 1px;
        background: #707070;
        opacity: .4;
    }

    #eSim-webshop .box-wrap .inline-div.duration span {
        font-size: 19px;
        font-family: 'teleNeo-bold' !important;
    }

    #eSim-webshop .box-wrap .inline-div.duration:after {
        content: '';
        position: absolute;
        top: 23px;
        right: 18px;
        width: 41%;
        height: 1px;
        background: #707070;
        opacity: .4;
    }

#eSim-webshop .box-wrap .internet .catalog-data .price {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}

    #eSim-webshop .box-wrap .internet .catalog-data .price span {
        position: relative;
        display: inline !important;
        text-align: center;
        margin-right: 5px;
        font-size: 18px;
        font-family: 'teleNeo-bold' !important;
    }

#eSim-webshop .step .form-box input:focus,
#eSim-webshop .step .form-box input:hover {
    border-color: #f56ab1;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0,0, .8), 0 0 8px #f56ab1;
    box-shadow: inset 0 0 0 rgba(0, 0,0, .8), 0 0 8px #f56ab1;
    outline: none;
}

input[type=checkbox]:checked + label {
    background-image: none;
}

#eSim-webshop .step.two {
    padding-bottom: 17% !important;
    min-height: 650px;
}

    #eSim-webshop .step.two .group {
        position: relative;
        width: 50%;
        display: block;
    }

    #eSim-webshop .step.two .form-box input {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid rgba(112, 112, 112, .65);
        border-radius: 6px;
        padding: 7px;
        height: 45px;
    }

#eSim-webshop .step.three .options {
    position: relative;
    width: 100%;
    display: flex;
    padding: 20px 0;
}

    #eSim-webshop .step.three .options .citizen {
        width: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin-right: 20px;
        padding: 10px 25px 10px 30px;
        border: 1px solid #DEDEDE;
        border-radius: 9px;
        position: relative;
    }

        #eSim-webshop .step.three .options .citizen input[type="radio"] {
            visibility: hidden;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 6px;
            top: 8px;
            z-index: 1;
            cursor: pointer;
        }

            #eSim-webshop .step.three .options .citizen input[type="radio"]:before {
                content: '';
                position: absolute;
                width: 18px;
                height: 18px;
                background: #FFFFFF 0% 0% no-repeat padding-box;
                border: 1px solid #9F9F9F;
                visibility: visible;
                opacity: 1;
                border-radius: 50%;
                left: 0;
                top: 0;
            }

            #eSim-webshop .step.three .options .citizen input[type="radio"].ng-valid-parse:after {
                content: '';
                position: absolute;
                width: 12px;
                height: 12px;
                background: #e20074;
                left: 3px;
                right: 0;
                display: block;
                opacity: 1;
                visibility: visible;
                border-radius: 50%;
                top: 3px;
            }

#eSim-webshop .step.three hr {
    border-top: 1px solid #DEDEDE;
    margin: 20px 0;
}

#eSim-webshop .step.three input {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 6px;
    height: 45px;
    padding: 5px 15px;
    position: relative;
    color: #333;
    font-size: 17px;
    font-family: 'teleNeo-regular' !important;
}

#eSim-webshop .step.three .yellow-info-box {
    position: relative;
    padding: 20px;
    background: #FFF9C5 0% 0% no-repeat padding-box;
    border-radius: 6px;
    margin: 20px 0;
}

    #eSim-webshop .step.three .yellow-info-box p {
        font-size: 17px !important;
        line-height: 1.2;
        padding-left: 30px;
    }

    #eSim-webshop .step.three .yellow-info-box:before {
        content: 'i';
        position: absolute;
        left: 15px;
        font-family: 'teleNeo-bold' !important;
        font-size: 16px;
        border: 2px solid;
        border-radius: 50%;
        color: #ad7f00;
        width: 24px;
        height: 24px;
        text-align: center;
        top: 30px;
    }

#eSim-webshop .step.three .bord-top-btn.text-left {
    margin-top: 20px;
    padding-left: 0;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 20px;
}

    #eSim-webshop .step.three .bord-top-btn.text-left .btn-magen {
        padding: 13px 10px;
        width: 190px;
        height: auto;
        font-size: 18px;
        border: none;
    }

#eSim-webshop .step.four {
    padding-bottom: 110px !important;
    min-height: 650px;
}


    #eSim-webshop .step.four .form-box {
        position: relative;
        display: flex;
        width: auto;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

        #eSim-webshop .step.four .form-box input {
            position: absolute;
            visibility: hidden;
            height: 25px;
            width: 25px;
            top: 0;
            left: 5px;
            z-index: 3;
            cursor: pointer;
        }

            #eSim-webshop .step.four .form-box input.ng-empty:before {
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                opacity: 1;
                visibility: visible;
                top: 10px;
                background: #FFFFFF 0% 0% no-repeat padding-box;
                border: 1px solid #C4C4C4;
                border-radius: 4px;
            }

            #eSim-webshop .step.four .form-box input.ng-not-empty:after {
                content: 'V';
                position: absolute;
                font-family: 'teleIcon-outline';
                width: 100%;
                height: 100%;
                top: 10px;
                display: block;
                visibility: visible;
                opacity: 1;
                text-align: center;
                vertical-align: middle;
                padding-top: 3px;
                font-size: 20px;
                color: white;
                background: #e20074;
                border-radius: 4px;
                border: none;
            }

        #eSim-webshop .step.four .form-box p {
            position: relative;
            padding-left: 50px;
            line-height: 1.2;
            color: #4A4B4C;
        }

    #eSim-webshop .step.four .option {
        position: relative;
        width: 120px;
        display: inline;
        float: left;
        padding: 13px 20px;
        background: #EEEEEE 0% 0% no-repeat padding-box;
        border: 1px solid #DEDEDE;
        border-radius: 9px;
        margin: 0 10px;
    }

        #eSim-webshop .step.four .option input {
            position: absolute;
            visibility: hidden;
            width: 17px;
            height: 17px;
            left: 0;
            z-index: 2;
            cursor: pointer;
        }

            #eSim-webshop .step.four .option input:before {
                content: '';
                position: absolute;
                width: 17px;
                height: 17px;
                background: #FFFFFF 0% 0% no-repeat padding-box;
                border: 1px solid #9F9F9F;
                visibility: visible;
                opacity: 1;
                border-radius: 50%;
                left: 10px;
                top: -4px;
            }

            #eSim-webshop .step.four .option input.ng-valid-parse:after {
                content: '';
                position: absolute;
                width: 13px;
                height: 13px;
                background: #e20074 0% 0% no-repeat padding-box;
                border: 1px solid #9F9F9F;
                visibility: visible;
                opacity: 1;
                border-radius: 50%;
                left: 12px;
                top: -2px;
            }

        #eSim-webshop .step.four .option span.lang {
            padding-left: 40px;
        }

.esim-offer h3 {
    font-size: 19px;
}

#eSim-webshop .step.three .centralen-registar-forma input {
    position: relative;
    height: 45px !important;
    background: #E2F3FF 0% 0% no-repeat padding-box !important;
    border: 1px solid #52A8E8 !important;
    border-radius: 6px !important;
}

#eSim-webshop .step.three .centralen-registar-forma select {
    height: 45px !important;
    background: #E2F3FF 0% 0% no-repeat padding-box !important;
    border: 1px solid #52A8E8 !important;
    border-radius: 6px !important;
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
}

#eSim-webshop .step.three .centralen-registar-forma p {
    padding-left: 20px;
    margin: 30px 0;
}

#eSim-webshop .errorMsg {
    color: red;
    border-radius: 4px;
    line-height: 1.2;
    top: 0px;
    font-size: 15px;
    text-shadow: 0px 0px 20px #e400004d;
    margin-bottom: 10px;
    margin-top: 0;
    display: block;
    position: relative;
    overflow: hidden;
    left: 0;
    float: left;
}

.eSim-details .choose-boxes-parent .choose-box {
    cursor: auto;
}

.sticky-mob {
    position: fixed;
    bottom: 150px !important;
}

.sticky {
    bottom: 140px !important;
    transition: all ease-in .6s;
    -webkit-transition: all ease-in .6s;
}

@media (max-width: 1400px) {
    #eSim-webshop .side-menu-choices .choosen-wrapper {
        margin: 10px;
    }
}

@media(max-width: 320px) {
    #eSim-webshop .step.four .option {
        width: 75px;
        margin: 0 5px;
    }

        #eSim-webshop .step.four .option span.lang {
            padding-left: 17px;
        }

    #eSim-webshop .side-panel-mobile .side-menu-choices {
        padding-bottom: 330px !important;
    }
}

@media(max-width: 767px) {

    #eSim-webshop .side-panel-mobile .side-menu-choices {
        top: 110px !important;
    }

    #eSim-webshop .side-menu-choices .bottom-price.mob.affix-bottom {
        bottom: 145px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .sticky-mob {
        bottom: 110px !important;
    }
}

@media (max-width: 991px) {
    #uredi-phones-naslovna .deviceInfoWrap .txt-cena-naslovna,
    #uredi-phones-naslovna .deviceInfoWrap .p-uredi-cena span.num-instalments span,
    #uredi-phones-naslovna .deviceInfoWrap .p-currency,
    #uredi-phones-naslovna .deviceInfoWrap span.price2 {
        color: white !important;
        transition: all 0.2s ease-in-out;
    }

    #uredi-landing-phones .deviceInfoWrap .p-currency,
    #uredi-landing-phones .p-uredi-cena span.num-instalments span,
    #uredi-landing-phones .phone-box .txt-cena-naslovna {
        color: white !important;
    }

    #phone-slider-hp-red div#uredi-landing-phones.custom .slider h3 {
        font-size: 18px;
        margin-top: 50px;
    }

    #uredi-landing-phones.custom .deviceInfoWrap .p-currency,
    #uredi-landing-phones.custom .p-uredi-cena span.num-instalments span,
    #uredi-landing-phones.custom .phone-box .txt-cena-naslovna {
        color: black !important;
    }

    #uredi-landing-phones .deviceInfoWrap .p-currency {
        border-bottom: 1px solid white !important;
    }

    #uredi-landing-phones.custom .deviceInfoWrap .p-currency {
        border-bottom: 1px solid black !important;
    }

    #eSim-webshop .eSim-steps {
        position: relative;
        width: 100%;
        left: 0;
    }

    #eSim-webshop .step {
        padding: 0 15px 70px 15px;
    }

    #eSim-webshop .ul-steps {
        width: 100%;
    }

    #eSim-webshop .step h1 {
        font-size: 25px;
        margin-top: 30px !important;
        text-align: center;
    }

    div#eSim-webshop p {
        line-height: 1.2;
        text-align: center;
    }

    #eSim-webshop .header-wrap {
        position: relative;
        width: 100%;
        margin: 30px auto 40px;
        text-align: center;
        overflow: hidden;
    }

        #eSim-webshop .header-wrap img {
            display: inline-block;
            float: none;
        }


        #eSim-webshop .header-wrap h3 {
            display: inline-block;
            float: none;
            font-size: 19px;
            top: 15px;
        }

    #eSim-webshop .box-wrap {
        position: relative;
        width: 100%;
        float: none;
    }

        #eSim-webshop .box-wrap .inline-div.duration:after,
        #eSim-webshop .box-wrap .inline-div.duration:before {
            width: 35%;
        }

        #eSim-webshop .catalog-item .price span,
        #eSim-webshop .box-wrap .internet .catalog-data .price span {
            font-size: 22px;
        }

    #eSim-webshop .step .buttons {
        text-align: center;
    }

    #eSim-webshop .step.two {
        padding-bottom: 70% !important;
    }

    #eSim-webshop .step.four {
        padding-bottom: 40% !important;
    }

    #eSim-webshop .step.four {
        padding-bottom: 60% !important;
    }

    #eSim-webshop .step.two .group {
        width: 100%;
    }

        #eSim-webshop .step.two .group label {
            width: 100%;
            display: block;
        }

        #eSim-webshop .step.two .group span.errorMsg {
            width: 100%;
            display: block;
        }

    #eSim-webshop .step.four .form-box p {
        text-align: left;
    }

    #eSim-webshop .step.four .option {
        position: relative;
        width: 85px;
    }

        #eSim-webshop .step.four .option input {
            width: 27px;
        }

        #eSim-webshop .step.four .option span.lang {
            padding-left: 20px;
        }

        #eSim-webshop .step.four .option input.ng-valid-parse:after {
            width: 12px;
            height: 12px;
            left: 13px;
            top: -1px;
        }

        #eSim-webshop .step.four .option input:before {
            width: 18px;
            height: 18px;
            left: 10px;
            top: -4px;
        }

    .kosnicka.esim-koshnichka .gray-bg.right-side {
        height: 210px !important;
        margin-bottom: 30px;
        height: 210px;
    }

        .kosnicka.esim-koshnichka .gray-bg.right-side ul {
            padding-right: 20px !important;
        }

    .productSectionWrapper.wrapCheckout .webshop-product-item .esim-checkout .detail-box:after {
        display: none;
    }

    div#eSim-webshop .step.four p {
        text-align: left;
        padding-left: 13px;
    }

    #eSim-webshop .side-panel-mobile .side-menu-choices {
        width: 100%;
        display: block;
        padding-top: 35px;
        height: 100%;
        z-index: 3;
        padding-bottom: 350px;
        top: 165px;
        left: 0;
        right: 0;
        bottom: 0;
    }

    #eSim-webshop .side-panel-mobile a.btn.magenta-btn,
    #eSim-webshop .side-panel-mobile a.btn.magenta-btn.affix {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: block;
        text-align: left;
        background: #e20074;
        color: white;
        border: 0;
        border-radius: 0;
        padding: 15px 20px;
        font-size: 18px;
        text-transform: uppercase;
        z-index: 2;
    }

        #eSim-webshop .side-panel-mobile a.btn.magenta-btn.affix-bottom {
            bottom: 112px;
            top: initial !important;
        }

        #eSim-webshop .side-panel-mobile a.btn.magenta-btn:before {
            position: absolute;
            content: '$';
            font-family: 'teleIcon-outline' !important;
            width: 30px;
            height: 30px;
            background: transparent;
            right: 10px;
            top: 13px;
            transform: rotateX( 180deg );
            font-size: 24px;
            line-height: 32px;
            padding-left: 5px;
            color: white;
            opacity: 1;
        }

    #eSim-webshop .side-menu-choices .bottom-price.mob.affix-bottom {
        bottom: 145px !important;
        top: initial !important;
    }

    #eSim-webshop .side-panel-mobile .side-menu-choices span#close {
        top: 8px;
        position: absolute;
        right: 10px;
    }

        #eSim-webshop .side-panel-mobile .side-menu-choices span#close:before {
            content: 'X';
            font-family: 'teleIcon-outline' !important;
            font-size: 22px;
            color: #333;
            font-weight: 600;
        }

    #eSim-webshop .side-panel-mobile .side-menu-choices .bottom-price.mob {
        width: 100%;
        bottom: 0;
        z-index: 9;
    }

    #eSim-webshop .side-panel-mobile .side-menu-choices h2 {
        font-size: 22px;
        width: auto;
        display: inline-block;
        margin: 0;
        padding-right: 10px;
    }

    #eSim-webshop .side-menu-choices h2.magenta-text:after {
        right: 3px;
        top: 15px;
    }

    #eSim-webshop .side-panel-mobile .side-menu-choices p {
        text-align: left;
    }

    #eSim-webshop .side-panel-mobile .side-menu-choices .bottom-price .inline-div.vkCena:before {
        left: 20px;
    }

    #eSim-webshop .errorMsg {
        display: block;
        width: 100%;
    }

    #eSim-webshop p.errorMsg {
        text-align: left;
    }

    #eSim-webshop .step.three .yellow-info-box {
        margin: 40px 0;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #eSim-webshop .eSim-steps {
        width: 70%;
        left: 0;
    }

    #eSim-webshop .side-menu-choices .bottom-price .inline-div.vkCena:before {
        content: '';
        width: 26px;
        height: 24px;
        left: 9px;
    }
}
/*#endregion eSim webshop*/
/*#region esim kaj nov broj*/
.prePaid-karticka-fullBox.eSim h3 {
    font-size: 22px;
    font-family: 'teleNeo-bold' !important;
    margin-bottom: 0;
    margin-top: 0;
}

.prePaid-karticka-fullBox.eSim h4 {
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 0;
    color: black !important;
}

.prePaid-karticka-fullBox.eSim p {
    color: black;
    line-height: 1.2;
}

.prePaid-karticka-fullBox.eSim ul {
    margin-bottom: 50px;
}


.side-panel-mobile #collapseEsimSideMenu.in ~ a.btn-magenta-btn {
    display: none;
    opacity: 0;
    visibility: hidden;
}

#eSim-webshop .side-menu-choices .side-headers {
    position: relative;
    padding: 0 20px;
}
/*#endregion esim kaj nov broj*/



@media(min-width: 1200px) and (max-width: 1400px) {
    #eSim-webshop .step {
        width: 90%;
        left: 10%;
    }

    #eSim-webshop .side-menu-choices h2 {
        display: inline;
        padding: 20px 0;
        font-size: 23px;
    }

        #eSim-webshop .side-menu-choices h2.magenta-text {
            padding-right: 15px;
        }

            #eSim-webshop .side-menu-choices h2.magenta-text:after {
                content: '';
                position: absolute;
                right: 6px;
                top: 18px;
            }
}




/*#region company redesign*/
#company-new-design h1 {
    font-family: 'teleNeo-extra' !important;
    font-size: 37px;
    /*padding: 0 20%;*/
    line-height: 1.2;
    margin: 10px 0 30px 0;
    color: black;
    text-align: center;
}

#company-new-design .flyBy {
    position: fixed;
    right: 0;
    top: 60%;
    z-index: 999;
    text-align: right;
    width: 60px;
    height: 290px;
    z-index: 3;
    cursor: pointer;
}

    #company-new-design .flyBy .white-bg {
        width: 100%;
    }

#company-new-design .main-image .white-bg.absolute,
#company-new-design .main-banner .white-bg.absolute {
    position: absolute;
    background: white;
    box-shadow: 0px 30px 89px rgba(0, 0, 0, .10);
    -webkit-box-shadow: 0px 30px 89px rgba(0, 0, 0, .10);
    width: 100%;
    left: 0;
    bottom: -30%;
    padding: 40px;
    text-align: center;
    z-index: 2;
}

    #company-new-design .main-banner .white-bg.absolute h1,
    #company-new-design .main-image .white-bg.absolute h1 {
        font-family: 'teleNeo-extra' !important;
        font-size: 36px;
        padding: 0;
        line-height: 1.2;
        margin: 10px 0 30px 0;
    }

#usoglasenost .main-banner .white-bg.absolute h1 {
    position: relative;
    background: transparent;
    box-shadow: none;
    bottom: 0;
    margin: 0 !important
}

#company-new-design .main-banner .white-bg.absolute p,
#company-new-design .main-image .white-bg.absolute p {
    font-size: 18px;
    line-height: 1.2;
    padding: 0 0;
}


#company-new-design .white-bg ruby rt {
    font-size: 15px;
}

#company-new-design .white-bg ruby b {
    font-size: 18px;
}

#company-new-design .flyBy:hover .flyBy-content {
    right: 0;
}

#company-new-design .flyBy .flyBy-content {
    right: -310px;
    position: absolute;
    width: 310px;
    height: 240px;
    transition: all ease-in .6s;
    -webkit-transition: all ease-in .6s;
    -moz-transition: all ease-in .6s;
    text-align: left;
    padding: 20px;
    background: #F1F1F1 0% 0% no-repeat padding-box;
}

    #company-new-design .flyBy .flyBy-content h3 {
        font-size: 20px;
        font-family: 'teleNeo-medium' !important;
        margin: 0 0 20px 0;
        position: relative;
    }

#company-new-design .flyByToggler {
    position: absolute;
    width: 50px;
    height: 260px;
    right: 0;
    background: black;
    transition: all ease-in .6s;
    -webkit-transition: all ease-in .6s;
    -moz-transition: all ease-in .6s;
}

    #company-new-design .flyByToggler.magenta {
        background: #e20074;
    }

#company-new-design .flyBy:hover .flyByToggler {
    right: 310px !important;
    transition: all ease-in .6s;
    -webkit-transition: all ease-in .6s;
    -moz-transition: all ease-in .6s;
}

#company-new-design .flyByToggler h3 {
    color: white;
    writing-mode: tb-rl;
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    transform: rotate( 180deg );
    margin: 0;
    position: relative;
    text-align: right;
    width: 50px;
    height: 100%;
    left: 15px;
    bottom: 0px;
    text-transform: uppercase;
    font-family: 'teleNeo-regular' !important;
    font-size: 17px;
    letter-spacing: 2px;
    padding: 40px 0 20px;
}

    #company-new-design .flyByToggler h3:before {
        content: '';
        background-image: url(../content/images/za-kompanijata/call.svg);
        width: 18px;
        height: 30px;
        position: absolute;
        bottom: 0;
        right: 2px;
        top: 14px;
        background-repeat: no-repeat;
        background-position: center;
        transform: rotate(90deg);
        background-size: contain;
    }

#company-new-design .container {
    position: relative;
    height: 100%;
}


/*#endregion company redesign*/

/*#region pres centar new design*/
/*#region pres centar lp*/
.pres-centar-redesign .main-banner {
    position: relative;
    background-image: url(../content/images/pres-centar-redesign/pres-centar-banner-new.jpg);
    height: 60vh;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.pres-centar-redesign .container {
    position: relative;
}


.pres-centar-redesign .gray-ab-box {
    position: absolute;
    right: 0;
    background: #e7e8f6;
    padding: 30px 50px;
    width: 35%;
    z-index: 2;
    bottom: 30%;
}

    .pres-centar-redesign .gray-ab-box .e-mail-box {
        padding-left: 45px;
        position: relative;
    }

        .pres-centar-redesign .gray-ab-box .e-mail-box:before {
            content: '\f422';
            position: absolute;
            font-family: 'Ionicons';
            left: 0;
            font-size: 40px;
            top: -9px;
        }

    .pres-centar-redesign .gray-ab-box h2 {
        padding: 0;
        font-family: 'teleNeo-regular' !important;
        margin-bottom: 20px;
        font-size: 23px;
    }

.pres-centar-redesign .title h1 {
    padding: 5% 0 3% !important;
    margin: 0 !important;
    color: black !important;
    text-align: left !important;
}

.pres-centar-header h2 {
    position: relative;
    font-size: 26px;
    font-family: 'teleNeo-bold' !important;
    color: black;
    margin: 35px 0 40px;
    padding: 0 25px 0 0;
}

.pres-centar-redesign ruby b {
    font-size: 18px;
}

.pres-centar-redesign ruby rt {
    text-align: left;
    font-size: 16px;
    color: rgb(150, 150,150);
}


.more-link-mb .btn-magenta {
    background: #e20074;
    color: white;
    font-size: 18px;
    padding: 7px 30px;
    display: inline;
    margin-right: 20px;
}

.more-link-mb .btn-arhiva {
    color: #007FAF;
    position: relative;
    text-decoration: underline;
    padding: 7px 30px;
    font-size: 18px;
}

    .more-link-mb .btn-arhiva:before {
        content: '';
        background-image: url(../content/images/pres-centar-redesign/archive.png);
        background-size: contain;
        width: 20px;
        height: 17px;
        left: 0;
        bottom: 10px;
        position: absolute;
        background-repeat: no-repeat;
    }


div#carousel-fotogallery,
#carousel-fotogallery-mobile {
    position: relative;
    margin-bottom: 60px;
    height: auto;
    padding: 0 3%;
}

    div#carousel-fotogallery .carousel-inner .col-sm-3,
    #carousel-fotogallery-mobile .carousel-inner .col-sm-3 {
        padding: 0 5px;
    }

    div#carousel-fotogallery .carousel-control,
    #carousel-fotogallery-mobile .carousel-control {
        position: absolute;
        top: 30%;
        bottom: 0;
        width: 3%;
        font-size: 30px;
        color: #5d5d5d;
        text-align: center;
        text-shadow: none;
        opacity: .5;
        font-size: 30px;
    }

        div#carousel-fotogallery .carousel-control:hover,
        #carousel-fotogallery-mobile .carousel-control:hover {
            opacity: 1;
            color: #5d5d5d;
        }

.wrapper-sednici {
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
}

    .wrapper-sednici .btn-group.new-pg {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        display: flex;
        width: auto;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-end;
        align-items: center;
        float: right;
    }

.info-gray-bg {
    position: relative;
    background-color: #f8f8f8;
}

    .info-gray-bg .news-intro-sednici {
        border-bottom: 0;
    }

        .info-gray-bg .news-intro-sednici:after {
            content: '';
            position: absolute;
            width: 95%;
            left: 0;
            right: 0;
            height: 1px;
            margin: 0 auto;
            background-color: #d6d6d6;
            bottom: 0;
        }

.wrapper-sednici.informacii .news-intro-sednici {
    position: relative;
    height: 240px;
    margin: 20px 0 20px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid #d6d6d6;
    padding: 0 0 30px 0;
    flex-direction: row;
}

.wrapper-sednici.informacii .news-intro-title {
    position: relative;
    width: 100%;
}

@media (max-width: 767px) {
    .wrapper-sednici.informacii .news-intro-sednici {
        height: auto;
    }

    .pres-centar-redesign .main-banner {
        height: 300px;
    }

    .pres-centar-redesign .gray-ab-box {
        position: relative;
        width: 100%;
        bottom: 60px;
    }

    .pres-centar-redesign .title h1 {
        text-align: center !important;
    }

    .pres-centar-header h2 {
        padding: 0 25px;
        font-size: 21px;
    }

    .news-intro-sednici {
        display: block;
        height: auto;
        margin: 20px 0 30px;
    }

        .news-intro-sednici h2 {
            top: -10px;
        }

        .news-intro-sednici .news-intro-title h4 {
            padding-top: 20px;
        }

        .news-intro-sednici .news-intro-title {
            position: relative;
            width: 100%;
            display: block;
            float: none;
            height: auto;
            margin-bottom: 30px;
            padding-right: 0;
        }

            .news-intro-sednici .news-intro-title .more {
                position: relative;
            }

    .news-images {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        height: 100%;
    }

    .carousel-inner .col-sm-3 {
        padding: 10px 25px;
    }

    div#carousel-fotogallery {
        padding: 0 5%;
    }

        div#carousel-fotogallery .carousel-control,
        #carousel-fotogallery-mobile .carousel-control {
            width: 5%;
            top: 40%;
        }

        div#carousel-fotogallery .carousel-inner .col-sm-3,
        #carousel-fotogallery-mobile .carousel-inner .col-sm-3 {
            padding: 0 15px;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    .pres-centar-redesign .main-banner {
        height: 40vh;
    }

    .pres-centar-redesign .gray-ab-box {
        width: 45%;
    }
}
/*#endregion pres centar lp*/

/*#region informacii lp*/
.informacii-redesign .main-banner {
    position: relative;
    background-image: url(../content/images/pres-centar-redesign/pres-centar-banner-new.jpg);
    height: 60vh;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.informacii-redesign .white-bg.absolute {
    position: relative;
    width: 100% !important;
    left: 0;
    right: 0;
    bottom: 70px;
    padding: 30px 40px;
    margin-bottom: 40px;
    box-shadow: 0 0 35px 7px #00000014;
    -moz-box-shadow: 0 0 35px 7px #00000014;
    -webkit-box-shadow: 0 0 35px 7px #00000014;
}

    .informacii-redesign .white-bg.absolute h1 {
        padding: 0;
        margin: 0;
    }

@media(max-width: 767px) {
    .informacii-redesign .main-banner {
        height: 300px;
    }

    .informacii-redesign .white-bg.absolute {
        padding: 20px;
        bottom: 60px;
    }
}

/*#endregion informacii lp*/
/*#endregion pres centar new design*/


/*#region strateshka opredelba redesign*/
#strateshka-opredelba .main-image {
    background-image: url(../content/images/strateska-opredelba/banner2.png);
    position: relative;
    height: 70vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 10%;
}

    #strateshka-opredelba .main-image .white-bg.absolute {
        position: absolute;
        background: white;
        box-shadow: 0px 30px 136px #0000001A;
        width: 100%;
        left: 0;
        bottom: -25%;
        padding: 40px;
        text-align: center;
        z-index: 2;
    }

        #strateshka-opredelba .main-image .white-bg.absolute h1 {
            font-family: 'teleNeo-extra' !important;
            font-size: 34px;
            padding: 0 20%;
            line-height: 1.2;
            margin: 10px 0 30px 0;
        }

        #strateshka-opredelba .main-image .white-bg.absolute p {
            font-size: 18px;
            line-height: 1.2;
            padding: 0 0;
        }

#strateshka-opredelba section.gray-bcg {
    position: relative;
    padding: 15% 0 5% 0;
}

    #strateshka-opredelba section.gray-bcg .wrapper {
        position: relative;
        display: block;
        clear: both;
        overflow: hidden;
        height: 470px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

        #strateshka-opredelba section.gray-bcg .wrapper div {
            position: relative;
            display: flex;
            width: 50%;
            height: 100%;
            vertical-align: middle;
            flex-wrap: nowrap;
            align-content: flex-start;
            justify-content: center;
            align-items: flex-start;
            flex-direction: column;
        }

        #strateshka-opredelba section.gray-bcg .wrapper .left-img,
        #strateshka-opredelba section.gray-bcg .wrapper .right-img {
            position: relative;
            height: 100%;
        }

            #strateshka-opredelba section.gray-bcg .wrapper .left-img img,
            #strateshka-opredelba section.gray-bcg .wrapper .right-img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        #strateshka-opredelba section.gray-bcg .wrapper div img {
            height: 100%;
            width: auto;
        }

        #strateshka-opredelba section.gray-bcg .wrapper h3 {
            position: relative;
            font-size: 30px;
            color: black;
            font-family: 'teleNeo-bold' !important;
            line-height: 1.2;
        }

        #strateshka-opredelba section.gray-bcg .wrapper p {
            font-size: 18px;
            line-height: 1.2;
            color: black;
            width: 100%;
        }

        #strateshka-opredelba section.gray-bcg .wrapper .left-text {
            padding: 30px 60px 30px 0px;
        }

        #strateshka-opredelba section.gray-bcg .wrapper .right-text {
            padding: 30px 0px 30px 60px;
        }

        #strateshka-opredelba section.gray-bcg .wrapper .left-text:after {
            content: '';
            position: absolute;
            background-image: url(../content/images/strateska-opredelba/triangle.png);
            width: 30px;
            height: 50px;
            background-size: contain;
            background-repeat: no-repeat;
            right: -29px;
            z-index: 3;
        }

        #strateshka-opredelba section.gray-bcg .wrapper .right-text:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/strateska-opredelba/triangle.png);
            width: 30px;
            height: 50px;
            background-size: contain;
            background-repeat: no-repeat;
            left: -29px;
            z-index: 3;
            transform: rotate( 180deg);
        }

@media(max-width: 767px) {
    #strateshka-opredelba .main-banner {
        background-image: none;
        height: 390px;
    }

    #strateshka-opredelba h1 {
        font-size: 23px !important;
    }

    #strateshka-opredelba .main-banner .white-bg.absolute {
        width: 90%;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: 2%;
        padding: 20px;
    }

        #strateshka-opredelba .main-banner .white-bg.absolute h2 {
            font-size: 23px;
        }

    #strateshka-opredelba section.gray-bcg {
        position: relative;
        padding: 45% 0 5% 0 !important;
    }

        #strateshka-opredelba section.gray-bcg .wrapper {
            display: flex;
            margin-bottom: 50px;
            height: auto;
            background: white;
            box-shadow: 0 0 35px 7px #f8f8f8;
            flex-direction: column;
        }

            #strateshka-opredelba section.gray-bcg .wrapper.one,
            #strateshka-opredelba section.gray-bcg .wrapper.three {
                flex-direction: column-reverse;
            }

            #strateshka-opredelba section.gray-bcg .wrapper div {
                width: 100%;
                display: block;
            }

            #strateshka-opredelba section.gray-bcg .wrapper .left-text,
            #strateshka-opredelba section.gray-bcg .wrapper .right-text {
                padding: 10px 15px 20px 15px;
            }

            #strateshka-opredelba section.gray-bcg .wrapper h3 {
                font-size: 23px;
            }
}

@media(min-width: 768px) and (max-width: 991px) {
    #strateshka-opredelba section.gray-bcg .wrapper {
        height: 600px;
    }

        #strateshka-opredelba section.gray-bcg .wrapper .right-text {
            padding: 30px 0px 30px 30px;
        }

        #strateshka-opredelba section.gray-bcg .wrapper .left-text {
            padding: 30px 30px 30px 0px;
        }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #strateshka-opredelba .main-banner {
        height: 70vh;
    }
}

@media(min-width: 1550px) {
    #strateshka-opredelba .main-banner .white-bg.absolute {
        bottom: -25%;
    }
}
/*#endregion strateshka opredelba redesign*/


/*#region nagradna igra 2021*/
#nagradna-igra-2021 {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #a4c1c1;
    padding-bottom: 3%;
}

    #nagradna-igra-2021 section.header {
        position: relative;
        background-image: url(../content/images/nagradna-igra/header.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 5% 0 5%;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        min-height: 560px;
    }

        #nagradna-igra-2021 section.header:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/nagradna-igra/shape-header.png);
            background-position: left;
            height: 574px;
            width: 55%;
            left: 0;
            top: 0;
            background-size: cover;
        }

        #nagradna-igra-2021 section.header .wrapper {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: flex-start;
            justify-content: flex-start;
            align-items: center;
            width: 80%;
            margin: 0 auto;
        }



        #nagradna-igra-2021 section.header .title {
            position: relative;
            width: 60%;
            color: white;
        }

            #nagradna-igra-2021 section.header .title p {
                font-size: 21px;
                padding-right: 27%;
                line-height: 1.2;
                font-family: 'teleNeo-regular' !important;
            }

    #nagradna-igra-2021 .telekom-mk-app-mobIcons {
        margin-top: 30px;
    }

    #nagradna-igra-2021 .provided-by {
        position: relative;
        width: 25%;
        top: -140px;
    }

    #nagradna-igra-2021 section.header .title h1 {
        color: white;
        font-size: 45px;
        font-family: 'teleNeo-regular' !important;
        line-height: 1.2;
        margin: 30px 0;
    }

        #nagradna-igra-2021 section.header .title h1 span {
            text-transform: none;
            font-size: 46px;
            font-family: 'teleNeo-extra' !important;
        }

    #nagradna-igra-2021 section.header .title h2 {
        font-size: 28px;
        font-family: 'teleNeo-medium' !important;
        padding: 0 31% 0 0%;
        line-height: 1.2;
        margin-bottom: 30px;
    }

    #nagradna-igra-2021 section.rewards .wrapper {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: center;
        width: 80%;
        margin: 0 auto;
    }

    #nagradna-igra-2021 section.rewards .phones {
        position: relative;
        top: -150px;
        width: 190px;
    }

        #nagradna-igra-2021 section.rewards .phones .ec {
            position: absolute;
            right: -30px;
            top: -50px;
            width: 110px;
        }

        #nagradna-igra-2021 section.rewards .phones:after {
            content: '';
            position: absolute;
            right: -120px;
            background-image: url(../content/images/nagradna-igra/tree.png);
            width: 140px;
            height: 180px;
            background-repeat: no-repeat;
            background-position: right;
            background-size: contain;
            bottom: 20%;
            z-index: 2;
        }

        #nagradna-igra-2021 section.rewards .phones .text {
            position: relative;
            text-align: left;
            color: white;
            margin: 20px 0;
        }

            #nagradna-igra-2021 section.rewards .phones .text p span {
                display: block;
                font-size: 70px;
                font-family: 'teleNeo-extra' !important;
                line-height: 43px;
            }

            #nagradna-igra-2021 section.rewards .phones .text p {
                font-size: 32px;
                line-height: 42px;
                font-family: 'teleNeo-bold' !important;
            }

    #nagradna-igra-2021 section.rewards .car {
        position: relative;
        top: -210px;
        width: 1000px;
        z-index: 0;
        right: 0;
    }

    #nagradna-igra-2021 section.rules {
        position: relative;
        top: -200px;
    }

        #nagradna-igra-2021 section.rules .wrapper {
            width: 100%;
            margin: auto;
        }

        #nagradna-igra-2021 section.rules .prepaid-nagradna-pravilaBox {
            position: relative;
            background: #e20074;
            text-align: center;
            width: 280px;
            margin: 0 auto;
            padding: 15px 0;
            color: white;
            border-radius: 8px;
            cursor: pointer;
        }

        #nagradna-igra-2021 section.rules h3 {
            margin: 0;
            font-size: 26px;
            font-family: 'teleNeo-regular' !important;
            line-height: 24px;
        }

            #nagradna-igra-2021 section.rules h3 span {
                font-family: 'teleNeo-bold' !important;
                display: block;
            }

        #nagradna-igra-2021 section.rules #target-pravila {
            width: 100%;
            left: 0;
            top: 0;
            bottom: 0;
            height: 1250px;
            display: none;
            padding: 50px 0;
            z-index: 9;
            position: relative;
            background-image: url(../content/images/nagradna-igra/Shape-secondpage.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            margin: 0 auto;
        }

    #nagradna-igra-2021 section.glavna-nagrada {
        position: relative;
        background-image: url(../content/images/nagradna-igra/section2.png);
        background-size: contain;
        height: auto;
        width: 100%;
        top: -100px;
        background-repeat: no-repeat;
    }

        #nagradna-igra-2021 section.glavna-nagrada .wrapper {
            position: relative;
            width: 80%;
            margin: 0 auto;
        }

        #nagradna-igra-2021 section.glavna-nagrada h3 {
            position: relative;
            color: white;
            font-size: 50px;
            font-family: 'teleNeo-regular' !important;
            display: block;
            top: 250px;
        }

            #nagradna-igra-2021 section.glavna-nagrada h3 span {
                display: block;
                font-family: 'teleNeo-extra' !important;
            }

        #nagradna-igra-2021 section.glavna-nagrada .car-img {
            position: relative;
            text-align: right;
        }

    #nagradna-igra-2021 .pravilaBoxOpen-overlay {
        position: relative;
        width: 60%;
        margin: 15% auto 5%;
        text-align: left;
        color: white;
        font-size: 18px;
        line-height: 1.2;
    }

        #nagradna-igra-2021 .pravilaBoxOpen-overlay ul li {
            background-image: url(../images/list-bullet-white.png);
            margin-left: 10px;
        }

    #nagradna-igra-2021 span.Hide.close-openModal {
        position: absolute;
        top: -80px;
        right: 70px;
        font-family: 'teleNeo-medium' !important;
        background: white;
        border-radius: 50px;
        padding: 8px 14px;
        color: #e20074;
        cursor: pointer;
    }

    #nagradna-igra-2021 section.dobitnici {
        position: relative;
        width: 100%;
    }

        #nagradna-igra-2021 section.dobitnici:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/nagradna-igra/section3-left.png);
            background-size: contain;
            width: 360px;
            height: 360px;
            left: 0;
            background-repeat: no-repeat;
            top: 0;
            z-index: 0;
        }

        #nagradna-igra-2021 section.dobitnici:after {
            content: '';
            position: absolute;
            background-image: url(../content/images/nagradna-igra/section3-right.png);
            background-size: contain;
            width: 360px;
            height: 340px;
            right: 0;
            top: 0;
            background-repeat: no-repeat;
            z-index: 0
        }

        #nagradna-igra-2021 section.dobitnici .dobitnici-overlay {
            position: relative;
            width: 50%;
            margin: 0 auto;
            text-align: center;
            padding: 10px 0;
            z-index: 1;
        }

            #nagradna-igra-2021 section.dobitnici .dobitnici-overlay h3 {
                font-size: 23px;
                text-transform: uppercase;
                margin: 0;
                font-family: 'teleNeo-bold' !important;
            }

        #nagradna-igra-2021 section.dobitnici .white-wrap {
            position: relative;
            width: 210px;
            margin: 0 auto;
            background: white;
            color: #e20074;
            padding: 15px 0;
            text-transform: uppercase;
            font-family: 'teleNeo-bold' !important;
            border-radius: 4px;
            box-shadow: 0 0 35px 7px #00000017;
        }

        #nagradna-igra-2021 section.dobitnici .prepaid-nagradna-dobitniciBox {
            position: relative;
            width: 100%;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
        }

            #nagradna-igra-2021 section.dobitnici .prepaid-nagradna-dobitniciBox div {
                margin: 20px 10px;
                background: #e20074;
                color: white;
                padding: 15px 60px;
                border-radius: 4px;
                box-shadow: 0 0 35px 7px #00000017;
            }

                #nagradna-igra-2021 section.dobitnici .prepaid-nagradna-dobitniciBox div a {
                    color: white;
                    font-size: 21px;
                    position: relative;
                    font-family: 'teleNeo-bold' !important;
                }

                    #nagradna-igra-2021 section.dobitnici .prepaid-nagradna-dobitniciBox div a.phone:before {
                        content: '';
                        position: absolute;
                        background-image: url(../content/images/nagradna-igra/Samsung-icon-bt.png);
                        background-size: contain;
                        background-repeat: no-repeat;
                        width: 25px;
                        height: 40px;
                        left: -40px;
                        top: 0;
                        bottom: 0;
                        margin: auto;
                    }

                    #nagradna-igra-2021 section.dobitnici .prepaid-nagradna-dobitniciBox div a.car:before {
                        content: '';
                        position: absolute;
                        background-image: url(../content/images/nagradna-igra/Citroen-bt-icon.png);
                        background-size: contain;
                        background-repeat: no-repeat;
                        width: 35px;
                        height: 35px;
                        left: -47px;
                        top: 0;
                        bottom: 0;
                        margin: auto;
                    }

#target-samsungDobitnici,
#target-PeugeotDobitnici {
    width: 100%;
    display: none;
    padding: 50px 0;
}

div#target-samsungDobitnici,
#target-PeugeotDobitnici {
    width: 78%;
    margin: 20px auto;
    background: #ffffff26;
    padding: 30px 15px;
    text-align: left;
    position: relative;
}

    div#target-samsungDobitnici ul,
    #target-PeugeotDobitnici ul {
        margin-top: 20px;
    }

    div#target-samsungDobitnici h3,
    #target-PeugeotDobitnici h3 {
        color: #e20074;
    }

    div#target-samsungDobitnici span.close-openModal,
    #target-PeugeotDobitnici span.close-openModal {
        position: absolute;
        right: 10px;
        top: 10px;
        color: white;
        background: #e20074;
        font-size: 11px;
        padding: 4px 9px;
        border-radius: 50px;
        cursor: pointer;
    }

#nagradna-igra-2021 .telekom-mk-app-mobIcons a {
    position: relative;
    z-index: 2;
}

#nagradna-igra-2021 section.rules #target-pravila a {
    color: white;
    text-decoration: underline;
}

@media(min-width: 1550px) {
    #nagradna-igra-2021 {
        padding-bottom: 10%;
    }

        #nagradna-igra-2021 section.rewards .car {
            right: 30px;
        }

        #nagradna-igra-2021 section.header:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/nagradna-igra/shape-header.png);
            background-position: left;
            height: 730px;
            width: 57%;
            left: 0;
            top: 0;
            background-size: cover;
        }

        #nagradna-igra-2021 section.header .title h2 {
            padding: 0 45% 0 0%;
        }

        #nagradna-igra-2021 section.rules #target-pravila {
            width: 100%;
            left: 0;
            top: 0;
            bottom: 0;
            height: 1180px;
            display: none;
            padding: 50px 0;
            z-index: 9;
            position: relative;
            background-image: url(../content/images/nagradna-igra/Shape-secondpage.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            margin: 0 auto;
        }

        #nagradna-igra-2021 .pravilaBoxOpen-overlay {
            position: relative;
            width: 60%;
            margin: 13% auto 0;
            text-align: left;
            color: white;
            font-size: 18px;
            line-height: 1.2;
        }
}

@media (max-width: 767px) {
    #nagradna-igra-2021 section.header {
        min-height: 460px;
        background-position: left;
        background-image: none;
    }

        #nagradna-igra-2021 section.header .title {
            width: 100%;
            padding-top: 30px;
        }

            #nagradna-igra-2021 section.header .title h1 {
                font-size: 30px;
            }

                #nagradna-igra-2021 section.header .title h1 span {
                    font-size: 29px;
                }

            #nagradna-igra-2021 section.header .title h2 {
                font-size: 20px;
                padding: 0;
                margin-bottom: 10px;
            }

    .telekom-mk-app-mobIcons a img {
        max-width: 100px;
    }

    #nagradna-igra-2021 .provided-by {
        position: absolute;
        width: 45%;
        top: 20px;
        right: 20px;
    }

    #nagradna-igra-2021 section.header:before {
        content: '';
        height: 440px;
        width: 100%;
        left: 0;
        top: 0;
        background-size: cover;
    }

    #nagradna-igra-2021 section.header .title p {
        font-size: 19px;
        padding-right: 0;
        line-height: 1.2;
        font-family: 'teleNeo-regular' !important;
    }


    #nagradna-igra-2021 section.rewards .wrapper {
        display: block;
    }

    #nagradna-igra-2021 section.rewards .phones {
        position: relative;
        top: -10px;
        width: 110px !important;
        display: block;
        margin: 0 auto;
    }

        #nagradna-igra-2021 section.rewards .phones:after {
            display: none;
        }

        #nagradna-igra-2021 section.rewards .phones .text p {
            font-size: 20px;
            line-height: 22px;
        }

            #nagradna-igra-2021 section.rewards .phones .text p span {
                font-size: 35px;
                line-height: 23px;
            }

        #nagradna-igra-2021 section.rewards .phones .ec {
            position: absolute;
            right: -30px;
            top: -70px;
            width: 80px;
        }

    #nagradna-igra-2021 section.rewards .car {
        position: relative;
        top: 0;
        width: 330px !important;
        margin: 0 auto;
        right: 80px;
    }

    #nagradna-igra-2021 section.rules .prepaid-nagradna-pravilaBox {
        margin-bottom: 30px;
    }

    #nagradna-igra-2021 section.rules {
        position: relative;
        top: 0px;
    }

    #nagradna-igra-2021 section.glavna-nagrada {
        top: 0px;
    }

    #nagradna-igra-2021 section.dobitnici .prepaid-nagradna-dobitniciBox {
        display: block;
    }

    #nagradna-igra-2021 section.dobitnici:before,
    #nagradna-igra-2021 section.dobitnici:after {
        z-index: 0;
    }

    .dobitnici-overlay {
        z-index: 1;
    }

    #nagradna-igra-2021 section.rules #target-pravila {
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        background: #e20074;
        margin-bottom: 30px;
    }

    #nagradna-igra-2021 .pravilaBoxOpen-overlay {
        width: 90%;
        margin: 9% auto;
    }

    #nagradna-igra-2021 section.glavna-nagrada h3 {
        font-size: 30px;
        top: 0;
    }

    #nagradna-igra-2021 section.dobitnici .dobitnici-overlay {
        width: 90%;
    }

    div#target-samsungDobitnici, #target-PeugeotDobitnici {
        width: 90%;
        background: #ffffffa6;
    }

    #nagradna-igra-2021 section.dobitnici .prepaid-nagradna-dobitniciBox div a.car:before {
        left: -54px;
    }

    #nagradna-igra-2021 section.dobitnici .prepaid-nagradna-dobitniciBox div {
        margin: 20px 10px;
        background: #e20074;
        color: white;
        padding: 15px 50px;
    }
}

/*#endregion company redesign*/

/*#region pres centar new design*/
/*#region pres centar lp*/
.pres-centar-redesign .main-banner {
    position: relative;
    background-image: url(../content/images/pres-centar-redesign/pres-centar-banner-new.jpg);
    height: 60vh;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.pres-centar-redesign .container {
    position: relative;
}


.pres-centar-redesign .gray-ab-box {
    position: absolute;
    right: 0;
    background: #e7e8f6;
    padding: 30px 50px;
    width: 35%;
    z-index: 2;
    bottom: 30%;
}

    .pres-centar-redesign .gray-ab-box .e-mail-box {
        padding-left: 45px;
        position: relative;
    }

        .pres-centar-redesign .gray-ab-box .e-mail-box:before {
            content: '\f422';
            position: absolute;
            font-family: 'Ionicons';
            left: 0;
            font-size: 40px;
            top: -9px;
        }

    .pres-centar-redesign .gray-ab-box h2 {
        padding: 0;
        font-family: 'teleNeo-regular' !important;
        margin-bottom: 20px;
        font-size: 23px;
    }

.pres-centar-redesign .title h1 {
    padding: 5% 0 3% !important;
    margin: 0 !important;
    color: black !important;
    text-align: left !important;
}

.pres-centar-header h2 {
    position: relative;
    font-size: 26px;
    font-family: 'teleNeo-bold' !important;
    color: black;
    margin: 35px 0 40px;
    padding: 0 25px 0 0;
}

.pres-centar-redesign ruby b {
    font-size: 18px;
}

.pres-centar-redesign ruby rt {
    text-align: left;
    font-size: 16px;
    color: rgb(150, 150,150);
}

.more-link-mb {
    position: relative;
    margin: 0 0 50px 0;
    text-align: center;
}

    .more-link-mb .btn-magenta {
        background: #e20074;
        color: white;
        font-size: 18px;
        padding: 7px 30px;
        display: inline;
    }

    .more-link-mb .btn-arhiva {
        color: #007FAF;
        position: relative;
        text-decoration: underline;
        padding: 7px 30px;
        font-size: 18px;
    }

        .more-link-mb .btn-arhiva:before {
            content: '';
            background-image: url(../content/images/pres-centar-redesign/archive.png);
            background-size: contain;
            width: 20px;
            height: 17px;
            left: 0;
            bottom: 10px;
            position: absolute;
            background-repeat: no-repeat;
        }


div#carousel-fotogallery,
#carousel-fotogallery-mobile {
    position: relative;
    margin-bottom: 60px;
    height: auto;
    padding: 0 3%;
}

    div#carousel-fotogallery .carousel-inner .col-sm-3,
    #carousel-fotogallery-mobile .carousel-inner .col-sm-3 {
        padding: 0 5px;
    }

    div#carousel-fotogallery .carousel-control,
    #carousel-fotogallery-mobile .carousel-control {
        position: absolute;
        top: 30%;
        bottom: 0;
        width: 3%;
        font-size: 30px;
        color: #5d5d5d;
        text-align: center;
        text-shadow: none;
        opacity: .5;
        font-size: 30px;
    }

        div#carousel-fotogallery .carousel-control:hover,
        #carousel-fotogallery-mobile .carousel-control:hover {
            opacity: 1;
            color: #5d5d5d;
        }

.wrapper-sednici {
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
}

    .wrapper-sednici .btn-group.new-pg {
        position: relative;
        display: inline-block;
        /* vertical-align: middle; */
        display: flex;
        width: auto;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-end;
        align-items: center;
        float: right;
    }

.info-gray-bg {
    position: relative;
    background-color: #f8f8f8;
}

    .info-gray-bg .news-intro-sednici {
        border-bottom: 0;
    }

        .info-gray-bg .news-intro-sednici:after {
            content: '';
            position: absolute;
            width: 95%;
            left: 0;
            right: 0;
            height: 1px;
            margin: 0 auto;
            background-color: #d6d6d6;
            bottom: 0;
        }

@media (max-width: 767px) {
    .pres-centar-redesign .main-banner {
        height: 300px;
    }

    .pres-centar-redesign .gray-ab-box {
        position: relative;
        width: 100%;
        bottom: 60px;
    }

    .pres-centar-redesign .title h1 {
        text-align: center !important;
    }

    .pres-centar-header h2 {
        padding: 0 25px;
        font-size: 21px;
    }

    .news-intro-sednici {
        display: block;
        height: auto;
        margin: 20px 0 30px;
    }

        .news-intro-sednici h2 {
            top: -10px;
        }

        .news-intro-sednici .news-intro-title h4 {
            padding-top: 20px;
        }

        .news-intro-sednici .news-intro-title {
            position: relative;
            width: 100%;
            display: block;
            float: none;
            height: auto;
            margin-bottom: 30px;
            padding-right: 0;
        }

            .news-intro-sednici .news-intro-title .more {
                position: relative;
                bottom: 0;
            }

    .news-images {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        height: 100%;
    }

    .carousel-inner .col-sm-3 {
        padding: 10px 25px;
    }

    div#carousel-fotogallery {
        padding: 0 5%;
    }

        div#carousel-fotogallery .carousel-control,
        #carousel-fotogallery-mobile .carousel-control {
            width: 5%;
            top: 40%;
        }

        div#carousel-fotogallery .carousel-inner .col-sm-3,
        #carousel-fotogallery-mobile .carousel-inner .col-sm-3 {
            padding: 0 15px;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    .pres-centar-redesign .main-banner {
        height: 40vh;
    }

    .pres-centar-redesign .gray-ab-box {
        width: 45%;
    }
}
/*#endregion pres centar lp*/

/*#region informacii lp*/
.informacii-redesign .main-banner {
    position: relative;
    background-image: url(../content/images/pres-centar-redesign/pres-centar-banner-new.jpg);
    height: 60vh;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.informacii-redesign .white-bg.absolute {
    position: relative;
    width: 100% !important;
    left: 0;
    right: 0;
    bottom: 70px;
    padding: 30px 40px;
    margin-bottom: 40px;
    box-shadow: 0 0 35px 7px #00000014;
    -moz-box-shadow: 0 0 35px 7px #00000014;
    -webkit-box-shadow: 0 0 35px 7px #00000014;
}

    .informacii-redesign .white-bg.absolute h1 {
        padding: 0;
        margin: 0;
    }

@media(max-width: 767px) {
    .informacii-redesign .main-banner {
        height: 300px;
    }

    .informacii-redesign .white-bg.absolute {
        padding: 20px;
        bottom: 60px;
    }
}

/*#endregion informacii lp*/
/*#endregion pres centar new design*/
/*#region za nas redesign*/
#za-nas-new {
    position: relative;
    width: 100%;
    height: 100%;
}

    #za-nas-new .main-image {
        background-image: url(../content/images/za-kompanijata/hero.png);
        position: relative;
        height: 70vh;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center 30%;
    }

    #za-nas-new section.blue-gradient {
        position: relative;
        background-image: url(../content/images/za-kompanijata/section2.jpg);
        background-size: cover;
        height: 830px;
        width: 100%;
        background-position: center top;
    }

        #za-nas-new section.blue-gradient .five-g {
            position: absolute;
            background: black;
            width: 110px;
            height: 110px;
            left: 0;
            top: 40%;
            background-image: url('../content/images/za-kompanijata/5g.png');
            background-repeat: no-repeat;
            background-position: center;
            padding: 20px;
        }

        #za-nas-new section.blue-gradient .wrapper.left {
            position: absolute;
            padding: 4% 0;
            top: 25%;
            width: 60%;
            left: 0;
        }

            #za-nas-new section.blue-gradient .wrapper.left h2 {
                font-size: 32px;
                color: white;
                font-family: 'teleNeo-extra' !important;
                padding-right: 23%;
                line-height: 1.2;
                margin-bottom: 30px;
                text-transform: uppercase;
            }

            #za-nas-new section.blue-gradient .wrapper.left p {
                color: white;
                font-size: 18px;
                line-height: 1.2;
            }

    #za-nas-new section.light-blue {
        position: relative;
        background: #EAF1F3 0% 0% no-repeat padding-box;
        height: auto;
        padding-bottom: 2%;
    }

        #za-nas-new section.light-blue .white-bg.absolute {
            position: relative;
            background: white;
            top: -60px;
            width: 80%;
            margin: 0 auto;
            z-index: 2;
        }

            #za-nas-new section.light-blue .white-bg.absolute .wrapper.right,
            #za-nas-new section.light-blue .white-bg.absolute .wrapper.left {
                position: relative;
                height: 440px;
                box-shadow: -8px 8px 136px 0px rgba(0, 0, 0, .17);
            }

            #za-nas-new section.light-blue .white-bg.absolute .wrapper.right {
                margin-bottom: 50px;
            }

            #za-nas-new section.light-blue .white-bg.absolute .image {
                position: relative;
                background-image: url(../content/images/za-kompanijata/section3.png);
                background-size: cover;
                background-position: center 40%;
                width: 50%;
                height: 100%;
                display: inline;
                float: left;
            }

            #za-nas-new section.light-blue .white-bg.absolute .left .image {
                background-image: url(../content/images/za-kompanijata/section4.png);
            }

            #za-nas-new section.light-blue .white-bg.absolute .text {
                width: 50%;
                display: inline;
                float: left;
            }

            #za-nas-new section.light-blue .white-bg.absolute .wrapper.right .text {
                padding: 40px 10% 40px 20px;
            }

            #za-nas-new section.light-blue .white-bg.absolute .wrapper.left .text {
                padding: 40px 20px 40px 10%;
            }

            #za-nas-new section.light-blue .white-bg.absolute .text h2 {
                font-size: 32px;
                font-family: 'teleNeo-extra' !important;
                line-height: 1.2;
                text-transform: uppercase;
                margin-bottom: 30px;
            }

            #za-nas-new section.light-blue .white-bg.absolute .text p {
                font-size: 18px;
                line-height: 1.2;
            }

    #za-nas-new section.magenta-bg {
        background-color: #e20074;
        height: auto;
        color: white;
        text-align: center;
        position: relative;
        z-index: auto;
    }

        #za-nas-new section.magenta-bg .wrapper.center {
            position: relative;
            padding-top: 27%;
        }

        #za-nas-new section.magenta-bg h2 {
            font-family: 'teleNeo-extra' !important;
            font-size: 30px;
            padding: 0 30%;
            line-height: 1.2;
            margin-bottom: 40px;
        }

            #za-nas-new section.magenta-bg h2:before {
                content: '';
                background-image: url(../content/images/za-kompanijata/connect-app.png);
                position: absolute;
                width: 110px;
                height: 110px;
                background-repeat: no-repeat;
                background-size: contain;
                left: 0;
                right: 0;
                margin: 0 auto;
                top: 125px;
                z-index: 3;
            }

        #za-nas-new section.magenta-bg p {
            font-size: 17px;
            line-height: 1.2;
        }

#company-new-design section.contact-box {
    position: relative;
    width: 100%;
    height: 410px;
    /* box-shadow: -17.32px 10px 136px rgba(0, 0, 0, 1);*/
    background-color: #eaf1f3;
}

    #company-new-design section.contact-box .left-side,
    #company-new-design section.contact-box .right-side {
        width: 50%;
        float: left;
        display: inline;
        position: relative;
    }

    #company-new-design section.contact-box:after {
        position: absolute;
        content: '';
        width: 50%;
        height: 100%;
        background-image: url(../content/images/za-kompanijata/background.svg);
        background-size: cover;
        background-repeat: no-repeat;
        right: 0;
        top: 0;
        background-color: #EAF1F3;
        z-index: 0;
        background-position: right bottom;
        box-shadow: inset 0 0 75px 120px rgba(0, 0, 0,.04);
    }

    #company-new-design section.contact-box .left-side {
        background: #EAF1F3 0% 0% no-repeat padding-box;
        padding: 4% 0;
        height: 100%;
    }

        #company-new-design section.contact-box .left-side:before {
            background: #EAF1F3 0% 0% no-repeat padding-box;
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            left: -50%;
            top: 0;
        }

    #company-new-design section.contact-box .right-side {
        position: relative;
        height: 100%;
        height: 100%;
        padding: 4% 20px;
    }

    #company-new-design section.contact-box .left-side h2 {
        font-size: 30px;
        font-family: 'teleNeo-bold' !important;
        position: relative;
        margin-bottom: 20px;
        margin-top: 20px;
        color: black;
        line-height: 1.2;
        text-transform: none;
        z-index: 1;
    }

#company-new-design .informacii-redesign .white-bg {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 100% !important;
    text-align: left;
    margin: 10px auto 10px 0 !important;
    bottom: 60px;
    position: relative;
    z-index: 1;
    padding: 20px 0;
}

#company-new-design .white-bg {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    margin: 10px 0;
    width: 90%;
    text-align: left;
    margin: 10px auto 10px 0;
    bottom: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}

    #company-new-design .white-bg a {
        display: block;
        position: relative;
        width: 100%;
        padding: 10px 15px;
        color: black;
    }

        #company-new-design .white-bg a:after {
            content: '%';
            font-family: 'teleIcon-outline';
            position: absolute;
            width: 30px;
            height: 100%;
            right: 20px;
            transform: rotate(180deg);
            bottom: 20px;
            margin: auto 0;
            color: #5D5D5D;
            font-weight: 600;
            font-size: 18px;
            transition: all ease-in-out .3s;
        }

        #company-new-design .white-bg a:hover:after {
            transition: all ease-in-out .3s;
            right: 8px;
        }

    #company-new-design .white-bg ruby {
        position: relative;
        display: inline-block;
        padding-left: 50px;
    }

        #company-new-design .white-bg ruby rt {
            font-size: 17px;
            text-align: left;
            color: rgba(0, 0, 0,.6);
            display: flex;
        }

        #company-new-design .white-bg ruby b {
            font-size: 20px;
            text-align: left;
            padding: 0;
        }

#company-new-design svg {
    position: absolute;
    top: -25px;
    bottom: 0;
    left: 5px;
    right: 0;
    width: 35px;
    height: 45px;
    vertical-align: middle;
}

#company-new-design .white-bg path.a {
    fill: #e20074;
}

#company-new-design .white-bg:first-of-type path.a {
    fill: white;
    stroke: #e20074;
    stroke-width: 2px;
}

#company-new-design section.contact-box .right-side .list h3 {
    font-size: 18px;
    font-family: 'teleNeo-bold' !important;
    text-transform: uppercase;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

#company-new-design section.contact-box .right-side .list ul li {
    color: #007FAF;
    font-size: 17px;
    font-family: 'teleNeo-regular' !important;
    padding-left: 25px;
    margin: 7px 0;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

#company-new-design .contact-box .right-side .list ul li:before {
    content: '';
    position: absolute;
    background-image: url('../content/images/za-kompanijata/link.svg');
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    width: 20px;
    height: 20px;
}

#company-new-design .icon {
    min-height: 60px;
    width: 30px;
    position: absolute;
}

#company-new-design svg {
    top: 20px;
    height: 35px;
}

@media (min-width: 320px) and (max-width: 600px) {
    #za-nas-new section.blue-gradient .wrapper.left {
        width: 100% !important;
    }
}

@media(max-width: 767px) {
    #za-nas-new .flyBy {
        display: block;
    }

    #za-nas-new .main-banner .flyBy {
        width: 30px;
        height: 270px;
    }

    #za-nas-new .main-banner .flyByToggler {
        position: absolute;
        width: 30px;
        height: 274px;
    }

    #za-nas-new .main-banner .flyBy.contact-centar:hover .flyByToggler {
        right: 250px !important;
    }

    #za-nas-new .main-banner .flyByToggler h3 {
        font-size: 17px;
        left: 6px;
    }

        #za-nas-new .main-banner .flyByToggler h3:before {
            width: 18px;
            height: 19px;
            background-size: contain;
        }

    #za-nas-new .flyBy .flyBy-content {
        width: 250px;
    }

    #company-new-design svg {
        top: 10px;
    }

    #za-nas-new .main-image {
        height: auto;
        position: relative;
        display: block;
        background-image: none;
    }

        #za-nas-new .main-image .white-bg.absolute {
            position: relative;
            width: 100%;
            bottom: 55px;
            padding: 25px 15px;
        }

    #za-nas-new section.blue-gradient {
        height: auto;
        background-position: 0%;
    }

        #za-nas-new section.blue-gradient .five-g {
            display: none;
        }

        #za-nas-new section.blue-gradient .wrapper.left {
            position: relative;
            padding: 30px 20px 20px 10px;
            width: 70%;
            left: 0;
            top: 0;
        }

            #za-nas-new section.blue-gradient .wrapper.left h2 {
                font-size: 22px;
                padding-right: 5%;
            }

    #za-nas-new section.light-blue .white-bg.absolute .text h2 {
        font-size: 22px;
    }

    #za-nas-new .main-image .white-bg.absolute h2 {
        padding: 0;
    }

    #za-nas-new h1 {
        font-size: 20px !important;
    }

    #za-nas-new section.light-blue {
        height: auto;
    }

        #za-nas-new section.light-blue .white-bg.absolute {
            position: relative;
            background: white;
            top: 0px;
            width: 100%;
            margin: 0 auto;
            z-index: 2;
        }

            #za-nas-new section.light-blue .white-bg.absolute .wrapper.right,
            #za-nas-new section.light-blue .white-bg.absolute .wrapper.left {
                position: relative;
                height: auto;
                padding: 20px;
            }

            #za-nas-new section.light-blue .white-bg.absolute .image {
                position: relative;
                background-image: url(../content/images/za-kompanijata/section3.png);
                background-size: contain;
                background-repeat: no-repeat;
                background-position: right top;
                width: 100%;
                height: 100%;
                display: block;
                float: none;
                height: 250px;
            }

            #za-nas-new section.light-blue .white-bg.absolute .text {
                width: 100%;
                display: block;
                float: none;
                padding: 30px 0 0 0 !important;
            }

    #za-nas-new section.magenta-bg {
        height: auto;
        padding: 20px;
    }

        #za-nas-new section.magenta-bg h2:before {
            content: '';
            top: -50px;
        }

        #za-nas-new section.magenta-bg h2 {
            padding: 0 3%;
            font-size: 19px;
        }

    #company-new-design section.contact-box {
        flex-direction: column;
    }

        #company-new-design section.contact-box .left-side,
        #company-new-design section.contact-box .right-side {
            width: 100%;
            float: none;
            display: block;
            position: relative;
            padding: 7% 0;
        }

            #company-new-design section.contact-box .right-side .col-xs-12 {
                padding: 0 !important;
            }

    #company-new-design .icon {
        display: inherit;
        min-height: 50px;
    }

    #company-new-design .white-bg {
        width: 100%;
    }

    #company-new-design section.contact-box .left-side h2 {
        font-size: 22px;
    }

    #company-new-design .flyBy .flyBy-content h3 {
        font-size: 20px;
    }

    #company-new-design .white-bg ruby b {
        font-size: 16px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #za-nas-new .main-banner {
        height: 60vh !important;
    }

    #za-nas-new h1 {
        font-size: 26px;
    }

    #za-nas-new .main-image .white-bg.absolute h2 {
        padding: 0 10%;
    }

    #za-nas-new section.blue-gradient .five-g {
        display: none;
    }

    #za-nas-new section.blue-gradient {
        height: 800px;
        padding-top: 7%;
    }

        #za-nas-new section.blue-gradient .wrapper.left {
            position: absolute;
            padding: 4% 0 4% 3%;
            top: 22%;
            width: 70%;
        }

    #za-nas-new section.light-blue {
        height: auto;
    }

        #za-nas-new section.light-blue .white-bg.absolute {
            width: 100%;
        }

            #za-nas-new section.light-blue .white-bg.absolute .wrapper.right,
            #za-nas-new section.light-blue .white-bg.absolute .wrapper.left {
                height: 500px;
                overflow: hidden;
            }

            #za-nas-new section.light-blue .white-bg.absolute .image {
                width: 40%;
            }

            #za-nas-new section.light-blue .white-bg.absolute .wrapper.right .image {
                background-position: center right;
            }

            #za-nas-new section.light-blue .white-bg.absolute .text {
                width: 60%;
            }

            #za-nas-new section.light-blue .white-bg.absolute .wrapper.left .text {
                padding-top: 20px;
            }

    #za-nas-new section.magenta-bg h2:before {
        content: '';
        top: -50px;
    }

    #za-nas-new section.magenta-bg .wrapper.center {
        position: relative;
        padding-top: 15%;
    }

    #za-nas-new section.magenta-bg h2 {
        padding: 0 20%;
    }

    #za-nas-new section.magenta-bg {
        height: auto;
        padding-bottom: 30px;
    }

    #company-new-design section.contact-box {
        flex-direction: column;
        height: auto;
    }

        #company-new-design section.contact-box .left-side,
        #company-new-design section.contact-box .right-side {
            width: 100%;
            float: none;
            display: block;
            position: relative;
        }

        #company-new-design section.contact-box .left-side,
        #company-new-design section.contact-box .right-side {
            padding: 20px 0;
        }

    #company-new-design .white-bg {
        width: 70%;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {

    #za-nas-new section.blue-gradient .five-g {
        display: none;
    }

    #company-new-design .main-banner .white-bg.absolute {
        bottom: -45%;
    }

    #za-nas-new section.light-blue .white-bg.absolute .wrapper.right,
    #za-nas-new section.light-blue .white-bg.absolute .wrapper.left {
        height: 460px;
    }

    #za-nas-new section.light-blue .white-bg.absolute .text h2 {
        font-size: 25px;
    }

    #za-nas-new section.light-blue .white-bg.absolute {
        width: 95%;
    }

    #za-nas-new .main-banner {
        height: 570px;
    }

    #company-new-design section.contact-box .left-side h2 {
        font-size: 25px;
    }
}

@media(min-width: 1200px) and (max-width: 1300px) {
    #za-nas-new section.blue-gradient .five-g {
        width: 80px;
        height: 90px;
        background-size: 65%;
    }
}

@media (min-width: 1550px) {
    #za-nas-new .main-image .white-bg.absolute {
        bottom: -25%;
    }
}
/*#endregion za nas redesign*/



/*#region menadzerski tim redesign*/
#menadzerski-tim .main-banner {
    background-image: url(../content/images/menagerski-tim/menadzerski-tim-2.jpg);
    position: relative;
    height: 70vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 10%;
}

    #menadzerski-tim .main-banner h1 {
        font-size: 30px !important;
    }

    #menadzerski-tim .main-banner .white-bg.absolute {
        position: absolute;
        background: white;
        box-shadow: 0px 30px 89px #0000001a;
        width: 80%;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -12%;
        padding: 30px 40px;
        text-align: center;
        z-index: 2;
    }

#menadzerski-tim section.gray-bcg {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    padding: 13% 0 5% 0;
}

    #menadzerski-tim section.gray-bcg .wrapper {
        position: relative;
        display: block;
        clear: both;
        overflow: hidden;
        height: 400px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

        #menadzerski-tim section.gray-bcg .wrapper div {
            position: relative;
            display: flex;
            width: 50%;
            height: 100%;
            vertical-align: middle;
            flex-wrap: nowrap;
            align-content: flex-start;
            justify-content: center;
            align-items: flex-start;
            flex-direction: column;
        }

        #menadzerski-tim section.gray-bcg .wrapper h2 {
            font-family: 'teleNeo-bold' !important;
            font-size: 27px;
        }

        #menadzerski-tim section.gray-bcg .wrapper h3 {
            position: relative;
            font-size: 22px;
            color: rgba(0, 0,0,.4);
            font-family: 'teleNeo-bold' !important;
            line-height: 1.2;
            margin-top: 0;
        }

        #menadzerski-tim section.gray-bcg .wrapper h4 {
            font-size: 22px;
            margin: 0 0 20px 0;
            padding: 0;
            color: #B2B2B2;
        }

        #menadzerski-tim section.gray-bcg .wrapper p {
            font-size: 18px;
            line-height: 1.2;
            color: black;
        }

        #menadzerski-tim section.gray-bcg .wrapper .left-img,
        #menadzerski-tim section.gray-bcg .wrapper .right-img {
            background-size: cover;
            background-repeat: no-repeat;
            position: relative;
            height: 100%;
            background-position: center;
            background-repeat: no-repeat;
        }

            #menadzerski-tim section.gray-bcg .wrapper .left-img img,
            #menadzerski-tim section.gray-bcg .wrapper .right-img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        #menadzerski-tim section.gray-bcg .wrapper .left-text:after {
            content: '';
            position: absolute;
            background-image: url(../content/images/strateska-opredelba/triangle.png);
            width: 30px;
            height: 50px;
            background-size: contain;
            right: -30px;
            z-index: 3;
        }

        #menadzerski-tim section.gray-bcg .wrapper .right-text:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/strateska-opredelba/triangle.png);
            width: 30px;
            height: 50px;
            background-size: contain;
            left: -30px;
            z-index: 3;
            transform: rotate( 180deg);
        }

        #menadzerski-tim section.gray-bcg .wrapper .icon {
            position: relative;
            /*display: inline-block;*/
            display: none;
            width: 100%;
            height: 30px;
            margin: 20px 0;
        }

            #menadzerski-tim section.gray-bcg .wrapper .icon a {
                display: inline;
                width: 50px;
                height: 100%;
                float: left;
                position: relative;
                text-decoration: none;
            }

                #menadzerski-tim section.gray-bcg .wrapper .icon a.print:before {
                    content: '';
                    position: absolute;
                    content: '';
                    position: absolute;
                    background-image: url(../content/images/menagerski-tim/print.png);
                    background-size: contain;
                    width: 25px;
                    height: 25px;
                    background-repeat: no-repeat;
                }

                #menadzerski-tim section.gray-bcg .wrapper .icon a.download:before {
                    content: '';
                    position: absolute;
                    background-image: url('../content/images/menagerski-tim/download.png');
                    background-size: contain;
                    width: 25px;
                    height: 25px;
                    background-repeat: no-repeat;
                }

        #menadzerski-tim section.gray-bcg .wrapper a.more {
            color: black;
            font-size: 20px;
            font-family: 'teleNeo-bold' !important;
            text-decoration: none;
        }

            #menadzerski-tim section.gray-bcg .wrapper a.more:hover {
                color: #e20074;
                transition: all ease-in-out .2s;
            }

        #menadzerski-tim section.gray-bcg .wrapper .right-text {
            padding: 30px 0px 30px 60px;
        }

        #menadzerski-tim section.gray-bcg .wrapper .left-text {
            padding: 30px 60px 30px 0px;
        }

        #menadzerski-tim section.gray-bcg .wrapper .fade-box {
            width: 100%;
            height: 75px;
            margin-bottom: 20px;
            text-overflow: ellipsis;
            padding-bottom: 5px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }


/*#region team profile*/
#team-profile h1 {
    position: relative;
    font-size: 34px !important;
    margin: 40px 0 20px;
    font-family: 'teleNeo-bold' !important;
    line-height: 1.2;
    margin: 40px 0 10px;
}

#team-profile h2 {
    font-size: 25px;
    font-family: 'teleNeo-medium' !important;
    line-height: 1.2;
    margin: 0 0 20px 0;
}

#team-profile .icon {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 30px;
    margin: 20px 0;
    float: right;
}

    #team-profile .icon a {
        display: inline;
        width: 50px;
        height: 100%;
        float: left;
        position: relative;
        text-decoration: none;
        text-align: right;
    }

        #team-profile .icon a:first-child {
            top: 2px;
        }

        #team-profile .icon a.print:before {
            content: '';
            position: absolute;
            content: '';
            position: absolute;
            background-image: url(../content/images/menagerski-tim/print.png);
            background-size: contain;
            width: 25px;
            height: 25px;
            background-repeat: no-repeat;
            right: 0;
        }

        #team-profile .icon a.download:before {
            content: '';
            position: absolute;
            background-image: url('../content/images/menagerski-tim/download.png');
            background-size: contain;
            width: 25px;
            height: 25px;
            background-repeat: no-repeat;
            right: 0;
        }

#team-profile .wrap {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    height: 560px;
    box-shadow: 0 0 35px 7px #f5f5f5;
    -webkit-box-shadow: 0 0 35px 7px #f5f5f5;
    -moz-box-shadow: 0 0 35px 7px #f5f5f5;
    margin: 0 0 40px 0;
    float: left;
}

#team-profile .img-holder {
    position: relative;
    display: inline;
    width: 50%;
    height: 100%;
}

    #team-profile .img-holder img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /*    #team-profile .img-holder.goce-mitevski img {
        object-position: 20% 0;
    }
    #team-profile .img-holder.miroslav-jovanovikj img{
        object-position: 65% 0;
    }
*/
    #team-profile .img-holder:after {
        content: '';
        position: absolute;
        background-image: url(../content/images/strateska-opredelba/triangle.png);
        width: 30px;
        height: 50px;
        background-size: contain;
        right: -1px;
        z-index: 3;
        transform: rotate( 180deg);
        top: 40%;
    }

#team-profile .text {
    position: relative;
    width: 50%;
    height: 100%;
    margin: 10px 30px;
    vertical-align: middle;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

    #team-profile .text p {
        font-size: 17px;
        line-height: 1.2;
        width: 100%;
    }
/*#endregion team profile*/
@media(max-width: 767px) {
    #company-new-design h1 {
        font-size: 23px !important;
        padding: 20px;
        padding: 20px 10%;
        margin: 0 auto !important;
    }

    #menadzerski-tim .main-banner {
        height: 240px;
    }

        #menadzerski-tim .main-banner .white-bg.absolute {
            position: absolute;
            background: white;
            box-shadow: 0px 30px 89px #0000001a;
            width: 90%;
            left: 0;
            right: 0;
            bottom: 60%;
            padding: 20px;
            margin: 0 auto;
        }

    #company-new-design section.contact-box {
        height: auto;
        padding-bottom: 30px;
    }

        #company-new-design section.contact-box:after {
            width: 100%;
            bottom: 0;
        }

    #menadzerski-tim section.gray-bcg .wrapper {
        height: auto;
        display: flex;
        flex-direction: column;
        margin-bottom: 60px;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 30px;
    }

        #menadzerski-tim section.gray-bcg .wrapper.one,
        #menadzerski-tim section.gray-bcg .wrapper.three {
            flex-direction: column-reverse;
        }

        #menadzerski-tim section.gray-bcg .wrapper div {
            width: 100%;
            display: block;
        }

        #menadzerski-tim section.gray-bcg .wrapper .left-text,
        #menadzerski-tim section.gray-bcg .wrapper .right-text {
            padding: 15px 0;
        }

        #menadzerski-tim section.gray-bcg .wrapper h2 {
            font-size: 25px;
        }

        #menadzerski-tim section.gray-bcg .wrapper .left-img,
        #menadzerski-tim section.gray-bcg .wrapper .right-img {
            min-height: 300px;
        }
}

@media(max-width: 991px) {
    #team-profile .wrap {
        position: relative;
        display: block;
        height: auto;
        padding: 0 20px 50px;
    }

        #team-profile .wrap div {
            width: 100%;
            display: block;
            height: auto;
            margin: 0 0 20px 0;
            overflow: hidden;
        }

        #team-profile .wrap .img-holder:after {
            content: '';
            display: none;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    #company-new-design .main-banner {
        height: 40vh;
    }

    #company-new-design section.contact-box:after {
        width: 100%;
        bottom: 0;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #company-new-design .main-banner {
        height: 60vh;
    }

    #team-profile .wrap {
        height: 610px;
    }
}

@media(min-width: 1900px) {
    #menadzerski-tim section.gray-bcg .wrapper h2 {
        font-size: 30px;
    }
}

@media print {
    .breadZ, #ns-bottom,
    .cookies, #subheaderOut {
        display: none;
    }


    #ns-content p,
    #ns-content span,
    #ns-content ul li {
        color: black;
    }

    #menadzerski-tim section.gray-bcg .wrapper .fade-box:before,
    #team-profile .wrap .img-holder:after {
        content: '';
        background: transparent;
    }

    #menadzerski-tim section.gray-bcg .wrapper {
        height: auto;
        margin: 30px 0;
    }

        #menadzerski-tim section.gray-bcg .wrapper div {
            width: 100%;
            display: block;
            height: 100%;
        }

        #menadzerski-tim section.gray-bcg .wrapper .fade-box {
            height: 100%;
        }

        #menadzerski-tim section.gray-bcg .wrapper .left-img img,
        #menadzerski-tim section.gray-bcg .wrapper .right-img img {
            width: 100%;
            height: auto;
        }

    #team-profile .wrap,
    #team-profile .wrap div {
        display: block;
        width: 100%;
        height: 100%;
    }
}
/*#endregion menadzerski tim redesign*/

/*#region roaming business*/
#roaming-new.roaming-business .roaming-start-page {
    background: transparent linear-gradient( 210deg, #E20074 0%, #AB0058 100%) 0% 0% no-repeat padding-box;
    padding: 0;
}

#roaming-new.roaming-business .select-country {
    width: 100%;
    margin: 0 auto;
}

    #roaming-new.roaming-business .select-country .countries-input select {
        padding: 10px 25px 0;
        font-size: 17px;
        height: 65px;
        background-position: 92% 50%;
        transition: all ease-in .5s;
    }

#roaming-new.roaming-business .affix .select-country .countries-input select {
    padding: 10px 20px 0;
    font-size: 16px;
    height: 40px;
    transition: all ease-in .5s;
}

#roaming-new.roaming-business .affix .select-country {
    height: 55px;
}

    #roaming-new.roaming-business .affix .select-country countries-input {
        height: 100%;
    }

#roaming-new.roaming-business .select-country .countries-input label {
    font-size: 14px;
    top: 8px;
    left: 25px;
}

#roaming-new.roaming-business .roaming-start-page .wrapper {
    position: relative;
    height: 240px;
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    padding-top: 30px;
    margin-bottom: 10px;
    transition: all ease-in .5s;
}

    #roaming-new.roaming-business .roaming-start-page .wrapper:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/roaming-business/roaming-header-img.png);
        background-size: cover;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-repeat: no-repeat;
        background-position: center;
    }

#roaming-new.roaming-business .roaming-start-page.affix .wrapper:before {
    background-size: cover;
}

#roaming-new.roaming-business .roaming-start-page .wrapper h1 {
    background-color: black;
    padding: 10px 10px 10px 75px;
    transform: skewX( -25deg);
    left: -15px;
    width: 60%;
    position: relative;
}

    #roaming-new.roaming-business .roaming-start-page .wrapper h1 span {
        font-family: 'TeleNeo-bold' !important;
        transform: skewX(25deg);
        display: block;
        font-size: 32px;
    }

#roaming-new.roaming-business .roaming-start-page .header {
    padding: 10px 60px 30px 60px;
}

    #roaming-new.roaming-business .roaming-start-page .header .qa-buttons {
        bottom: 54%;
    }

    #roaming-new.roaming-business .roaming-start-page .header h2 {
        font-size: 18px;
        line-height: 1.2;
        margin-bottom: 20px;
        font-family: 'TeleNeo-thin' !important;
        transition: all ease-in .5s;
    }

#roaming-new.roaming-business .roaming-start-page.affix .header h2 {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.1;
    transition: all ease-in .5s;
}

#roaming-new.roaming-business .roaming-start-page.affix .wrapper {
    height: 205px;
    transition: all ease-in .5s;
}

#roaming-new.roaming-business roaming-start-page .header .qa-buttons {
    position: absolute;
    bottom: 53%;
    width: 100%;
    margin: 30px 0;
    overflow: hidden;
    display: block;
    cursor: pointer;
}

#roaming-new.roaming-business .header .qa-buttons div {
    display: block;
}

#roaming-new.roaming-business .header .qa-buttons .text h3 {
    color: white;
    text-transform: unset;
    padding-left: 0;
    font-family: 'teleNeo-thin' !important;
    font-size: 18px;
    bottom: 5px;
    position: relative;
    text-decoration: underline;
}

#roaming-new.roaming-business .roaming-start-page:after {
    background-image: none;
}



#roaming-new.roaming-business section.faq-roaming {
    background-image: none;
    background: transparent linear-gradient(179deg, #F1F1F1 0%, #F5F5F500 100%) 0% 0% no-repeat padding-box;
}

    #roaming-new.roaming-business section.faq-roaming:after {
        background-image: url(../content/images/roaming-business/roaming-globe.png);
        content: '';
        position: absolute;
        width: 480px;
        height: 460px;
        bottom: -20%;
        background-size: contain;
        background-repeat: no-repeat;
        right: -10%;
        opacity: .3;
    }

    #roaming-new.roaming-business section.faq-roaming .absolute-bottom {
        position: absolute;
        left: 0;
        width: 100%;
        padding: 0 30px;
        top: 8%;
    }

    #roaming-new.roaming-business section.faq-roaming .panel-default .panel-heading {
        padding: 0;
    }

        #roaming-new.roaming-business section.faq-roaming .panel-default .panel-heading h4 a {
            padding: 10px 20px;
        }

            #roaming-new.roaming-business section.faq-roaming .panel-default .panel-heading h4 a.collapsed {
                background-color: transparent;
                padding: 10px 20px;
            }

        #roaming-new.roaming-business section.faq-roaming .panel-default .panel-heading h4 a {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            padding: 10px 20px;
        }

    #roaming-new.roaming-business section.faq-roaming .panel-default .panel-body {
        padding: 0 22px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        transition: all ease-in .3s;
    }

    #roaming-new.roaming-business section.faq-roaming .panel-default .panel-heading h4 a.collapsed:after {
        content: '+';
        font-family: teleicon-outline;
        position: absolute;
        color: #e20074;
        font-size: 18px;
        top: 0;
        right: 20px;
        margin: auto;
        transition-property: transform;
        transition-duration: .25s;
        font-weight: 600;
        border: 0;
        border-radius: 50%;
        padding: 6px 6px;
    }

    #roaming-new.roaming-business section.faq-roaming .panel-default .panel-heading h4 a:after {
        content: '-';
        font-family: teleicon-outline;
        position: absolute;
        color: gray;
        font-size: 21px;
        top: 15px;
        right: 23px;
        margin: auto;
        transition-property: transform;
        transition-duration: .25s;
        font-weight: 600;
    }

#roaming-new.roaming-business .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0;
}

#roaming-new.roaming-business .right-side {
    background-color: #f2f2f2;
}

#roaming-new.no-bcg.roaming-business .countries-data .internet-packages h2 {
    position: relative;
    font-family: 'teleNeo-bold' !important;
    text-transform: uppercase;
    font-size: 23px;
    text-align: center;
    color: black;
    margin-bottom: 35px;
}

    #roaming-new.no-bcg.roaming-business .countries-data .internet-packages h2:before,
    #roaming-new.no-bcg.roaming-business .countries-data .internet-packages h2:after {
        content: '';
        display: none;
    }

#roaming-new.no-bcg.roaming-business .countries-data .operators-list {
    text-align: center;
}

#roaming-new.no-bcg.roaming-business .countries-data .internet-packages .package-wrap .package {
    padding: 30px 15px 10px;
    overflow: visible;
}

#roaming-new.no-bcg.roaming-business .countries-data .internet-packages .package-wrap {
    overflow: visible;
}

    #roaming-new.no-bcg.roaming-business .countries-data .internet-packages .package-wrap p {
        text-align: center;
        display: block;
        margin-bottom: 0;
        text-transform: uppercase;
    }

    #roaming-new.no-bcg.roaming-business .countries-data .internet-packages .package-wrap a {
        margin: 40px auto;
    }

    #roaming-new.no-bcg.roaming-business .countries-data .internet-packages .package-wrap .package .package-info {
        overflow: visible;
    }

    #roaming-new.no-bcg.roaming-business .countries-data .internet-packages .package-wrap .package h3 {
        opacity: 1;
        line-height: 1.2;
        color: #333;
        font-size: 21px;
        background-color: transparent;
        display: block;
        width: 100%;
        position: relative;
        font-family: teleNeo-bold !important;
        margin: 0 0 20px 0;
    }

#roaming-new.roaming-business section div.table,
#roaming-new.no-bcg.roaming-business .countries-data section.darker-magenta-bcg .table-responsive {
    background-color: transparent !important;
    padding: 20px 0;
}

    #roaming-new.roaming-business section div.table table,
    #roaming-new.no-bcg.roaming-business .countries-data section.darker-magenta-bcg .table-responsive table {
        border: 1px solid #E3E5E7
    }

    #roaming-new.roaming-business section div.table thead,
    #roaming-new.no-bcg.roaming-business .countries-data section.darker-magenta-bcg .table-responsive thead {
        background-color: #E3E5E7 !important;
    }

        #roaming-new.no-bcg.roaming-business .countries-data section.white-bcg table thead th,
        #roaming-new.roaming-business section div.table thead th {
            padding: 15px 10px;
            border-bottom: 0 !important;
        }

    #roaming-new.no-bcg.roaming-business .countries-data section.white-bcg table tr td,
    #roaming-new.roaming-business section div.table tr td {
        border: 0 !important;
        padding: 15px 10px;
    }

#roaming-new .countries-data section.white-bcg table tr th,
#roaming-new .countries-data section.white-bcg table tr td {
    text-align: center;
}

#roaming-new.no-bcg.roaming-business .countries-data table tbody tr td.bcg {
    border-bottom: initial !important;
}

/*#roaming-new.no-bcg.roaming-business .countries-data .internet-packages .package-wrap .package:hover {
    background-color: transparent;
}*/

#roaming-new.no-bcg.roaming-business .countries-data .internet-packages .package-wrap .package:hover h3 {
    background-color: transparent;
    opacity: .7;
}

#roaming-new.no-bcg.roaming-business .countries-data .internet-packages .package-wrap .package:hover .internet span {
    color: white !important;
}

/*    #roaming-new.no-bcg.roaming-business .countries-data .internet-packages .package-wrap .package:hover span.price,
    #roaming-new.no-bcg.roaming-business .countries-data .internet-packages .package-wrap .package:hover span {
        color: white !important;
    }*/

#roaming-new.no-bcg.roaming-business .package-wrap .package .icons {
    margin: 15px 0 0;
}

    #roaming-new.no-bcg.roaming-business .package-wrap .package .icons span {
        width: 36px !important;
        height: 40px !important;
    }

#roaming-new.no-bcg.roaming-business .one-t-dicklaimer:hover .one-t-dicklaimer-message {
    transition: all ease-in .3s;
}

#roaming-new.no-bcg.roaming-business .one-t-dicklaimer .one-t-dicklaimer-message p {
    color: white;
    font-size: 13px !important;
    text-transform: unset !important;
    line-height: 1.2;
}

#roaming-new.no-bcg.roaming-business .smart-priceWraper {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 10px auto;
    padding: 20px 0;
}

    #roaming-new.no-bcg.roaming-business .smart-priceWraper .p-left-smart {
        position: relative;
        display: inline;
        width: 50%;
        float: left;
        text-align: right;
        margin-top: 5px;
    }


        #roaming-new.no-bcg.roaming-business .smart-priceWraper .p-left-smart span {
            font-size: 27px !important;
            font-family: 'teleNeo-bold' !important;
        }

    #roaming-new.no-bcg.roaming-business .smart-priceWraper .p-right-smart {
        position: relative;
        display: inline;
        float: left;
        width: auto;
        bottom: 0 !important;
        top: 5px;
        color: #333;
        text-align: right;
        margin-left: 10px;
    }

        #roaming-new.no-bcg.roaming-business .smart-priceWraper .p-right-smart > span {
            color: #333;
            text-transform: none;
            text-align: right;
            font-size: 13px !important;
            display: block
        }

            #roaming-new.no-bcg.roaming-business .smart-priceWraper .p-right-smart > span span {
                display: inline;
                text-align: right;
            }

        #roaming-new.no-bcg.roaming-business .smart-priceWraper .p-right-smart span.p-currency {
            border-bottom: 1px solid #383838;
            margin-top: 2px;
        }

#roaming-new.no-bcg.roaming-business .foosnote {
    position: relative;
}

    #roaming-new.no-bcg.roaming-business .foosnote:after {
        content: '';
        position: absolute;
        background-image: url(../content/images/roaming-business/shape.png);
        background-position: top right;
        background-size: cover;
        height: 110px;
        width: 200px;
        top: 0;
        right: 0;
        z-index: 0;
    }

    #roaming-new.no-bcg.roaming-business .foosnote h2 {
        text-transform: uppercase;
        color: black;
        font-family: 'teleNeo-bold' !important;
        padding: 0px 0px 0 80px;
        margin-bottom: 40px;
        font-size: 22px;
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        z-index: 1;
    }

        #roaming-new.no-bcg.roaming-business .foosnote h2:before {
            content: '';
            position: absolute;
            width: 35px;
            height: 35px;
            background-image: url(../content/images/roaming-business/info-black.png);
            left: 30px;
            background-repeat: no-repeat;
            background-size: contain;
            border-radius: 50px;
        }

#roaming-new.no-bcg.roaming-business .countries-data section.telekom-mk-app-section {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}

#roaming-new.no-bcg.roaming-business .countries-data .telekom-mk-app {
    text-align: center;
    bottom: 0;
    right: 0;
    margin-top: 40px;
    overflow: hidden;
    width: 50%;
    float: none;
    margin: 0 auto;
}

    #roaming-new.no-bcg.roaming-business .countries-data .telekom-mk-app .text {
        display: block;
        float: none;
        padding-right: 30px;
        padding-left: 20px;
        text-align: center;
    }

        #roaming-new.no-bcg.roaming-business .countries-data .telekom-mk-app .text p {
            text-align: center;
        }

    #roaming-new.no-bcg.roaming-business .countries-data .telekom-mk-app .telekom-mk-app-mobIcons {
        text-align: center;
        float: none;
    }

#roaming-new.no-bcg.roaming-business section.darker-magenta-bcg table thead tr th,
#roaming-new.no-bcg.roaming-business section.darker-magenta-bcg .table tr td:not(.no-border) {
    text-align: center;
}

@media(min-width: 1550px) {

    #roaming-new.roaming-business .roaming-start-page .wrapper {
        position: relative;
        height: 300px;
        padding-top: 30px;
        margin-bottom: 30px;
    }

        #roaming-new.roaming-business .roaming-start-page .wrapper:before {
            background-size: cover;
        }

    #roaming-new.roaming-business .roaming-start-page .header .qa-buttons {
        bottom: 50%;
    }

    #roaming-new.roaming-business .roaming-start-page.affix .header .qa-buttons {
        bottom: 65%;
    }
}

@media(max-width: 374px) {

    #roaming-new.no-bcg.roaming-business .smart-priceWraper .p-right-smart > span {
        margin-right: 10px !important;
    }
}

@media(max-width: 767px) {
    #roaming-new.roaming-business .roaming-start-page .wrapper h1 {
        padding: 10px 10px 10px 35px;
        width: 55%;
        position: relative;
    }

        #roaming-new.roaming-business .roaming-start-page .wrapper h1 span {
            font-size: 30px;
        }

    #roaming-new.roaming-business .roaming-start-page .wrapper {
        height: 190px;
    }

        #roaming-new.roaming-business .roaming-start-page .wrapper:before {
            background-size: cover;
        }

    #roaming-new.roaming-business .roaming-start-page .header {
        padding: 10px 20px 30px 20px;
    }

        #roaming-new.roaming-business .roaming-start-page .header h2 {
            margin-bottom: 30px;
            font-size: 19px !important;
        }

    #roaming-new.roaming-business .affix .select-country {
        height: auto;
    }

    #roaming-new.roaming-business section.faq-roaming:after {
        width: 100%;
        height: 100%;
    }

    #roaming-new.roaming-business .roaming-start-page .header .qa-buttons {
        bottom: 0;
    }

    #roaming-new.roaming-business section.faq-roaming .absolute-bottom {
        position: relative;
        padding: 0 20px;
    }

    #roaming-new h2 {
        font-size: 23px !important;
    }

    #roaming-new.roaming-business section.faq-roaming .panel-default .panel-heading h4 a.collapsed {
        padding: 10px 50px 10px 20px;
        z-index: 2;
    }

    /*    #roaming-new.no-bcg.roaming-business .countries-data .internet-packages h2 {
        font-size: 26px;
    }*/

    #roaming-new.no-bcg.roaming-business .countries-data .internet-packages .package-wrap .package {
        padding: 30px 30px 10px;
    }

    #roaming-new.no-bcg.roaming-business .countries-data .internet-packages .package-wrap a {
        margin: 40px auto;
        display: block;
        width: 100%;
    }

    #roaming-new.no-bcg.roaming-business .foosnote {
        padding: 30px 20px 30px 10px;
    }

        #roaming-new.no-bcg.roaming-business .foosnote h2 {
            font-size: 18px;
        }

            #roaming-new.no-bcg.roaming-business .foosnote h2:before {
                width: 25px;
                height: 25px;
                left: 20px;
            }

        #roaming-new.no-bcg.roaming-business .foosnote ul li {
            margin-left: 10px;
        }

    #roaming-new.no-bcg.roaming-business .countries-data .telekom-mk-app {
        width: 100%;
    }

    #roaming-new.no-bcg.roaming-business .smart-priceWraper .p-right-smart {
        width: 35%;
    }

        #roaming-new.no-bcg.roaming-business .smart-priceWraper .p-right-smart > span {
            margin-right: 20px;
        }

    #roaming-new.no-bcg.roaming-business .smart-priceWraper .p-left-smart {
        width: 40%;
    }

        #roaming-new.no-bcg.roaming-business .smart-priceWraper .p-left-smart span {
            font-size: 23px !important;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    #roaming-new h1 {
        font-size: 35px;
    }

    #roaming-new p.subheader {
        font-size: 16px;
    }

    #roaming-new .roaming-packages {
        padding: 10px 0 30px;
    }

    #roaming-new h2 {
        font-size: 17px;
    }

    #roaming-new .roaming-start-page .header .qa-buttons {
        bottom: 10px;
    }

    #roaming-new.roaming-business .roaming-start-page .wrapper h1 {
        padding: 10px 10px 10px 45px;
        width: 35%;
        position: relative;
    }

    #roaming-new.roaming-business .roaming-start-page .wrapper {
        display: block;
    }

    #roaming-new.roaming-business .roaming-start-page .header h2 {
        margin-bottom: 20px;
    }

    #roaming-new.roaming-business .roaming-start-page .header {
        padding: 10px 40px 30px 40px;
    }

    #roaming-new.roaming-business section.faq-roaming .absolute-bottom {
        padding: 0 40px;
    }

    #roaming-new.roaming-business .affix .select-country {
        height: auto;
    }

    #roaming-new.roaming-business .roaming-start-page.affix .header h2 {
        margin-bottom: 10px;
    }

    #roaming-new.roaming-business .header .qa-buttons .text h3 {
        bottom: 20px;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #roaming-new.roaming-business .roaming-start-page .wrapper {
        height: 190px;
    }

    #roaming-new.roaming-business .roaming-start-page .header h2 {
        margin-bottom: 10px;
    }

    #roaming-new.roaming-business .roaming-start-page.affix .header h2 {
        margin-bottom: 10px;
    }

    #roaming-new.roaming-business .roaming-start-page .wrapper h1 {
        padding: 10px 10px 10px 45px;
        width: 58%;
    }

        #roaming-new.roaming-business .roaming-start-page .wrapper h1 span {
            font-size: 28px;
        }

    #roaming-new.roaming-business .roaming-start-page .header {
        padding: 10px 40px 30px 40px;
    }
}
/*#endregion roaming business*/


/*#region menu mobile redesign*/

body.overflow {
    overflow: hidden;
}

#menu.collapse {
    visibility: hidden;
}

    #menu.collapse.in {
        top: 113px;
        min-height: 100vh;
        position: fixed;
        visibility: visible;
        width: 100%;
        z-index: 1;
        height: 100%;
        left: 0;
        background: white;
        overflow-y: scroll;
    }


.main-menu-holder.affix #menu.collapse.in {
    top: 50px;
}

    .main-menu-holder.affix #menu.collapse.in > ul.menu-hidden > li.active > .dropdown-menu.mobile {
        top: 100px !important;
    }


nav#menu.collapse.in .menu-hidden {
    display: flex;
    margin: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    border-bottom: 1px solid #f5f5f5;
    box-shadow: none;
    height: 50px;
}

    nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu.mobile {
        position: absolute;
        width: 100%;
        height: initial;
        box-shadow: none;
        border: 0;
        z-index: 2;
        top: 50px;
    }


    nav#menu.collapse.in .menu-hidden > li {
        width: 30%;
        text-align: center;
        margin: 0 5px;
    }

        nav#menu.collapse.in .menu-hidden > li.domashni-operatori {
            display: none;
            visibility: hidden;
            opacity: 0;
        }

    nav#menu.collapse.in .menu-hidden.business-category > li.domashni-operatori {
        display: block;
        visibility: visible;
        opacity: 1;
    }

    nav#menu.collapse.in .menu-hidden > li.active {
        border-bottom: 2px solid #e20074;
    }

        nav#menu.collapse.in .menu-hidden > li.active > ul {
            display: block;
        }

    nav#menu.collapse.in .menu-hidden > li > ul {
        display: none;
    }

    nav#menu.collapse.in .menu-hidden > li > a {
        color: black;
        font-family: 'teleNeo-medium' !important;
        font-size: 16px;
        line-height: 1.1;
        height: 100%;
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

        nav#menu.collapse.in .menu-hidden > li > a:focus {
            text-decoration: none;
        }

    nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu.mobile {
        font-size: 15px;
        position: fixed;
        width: 100%;
        border-radius: 0;
        margin: 0;
        height: auto;
        top: 175px;
        border: 0;
        height: 100vh;
        overflow-y: scroll;
        padding-bottom: 200px;
        z-index: 999;
    }

        nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu.mobile li {
            position: relative;
            overflow: hidden;
        }

        nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu.mobile > li {
            border-bottom: 1px solid #eee;
        }

        nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu.mobile li > a {
            color: #333;
            font-family: 'teleNeo-extra' !important;
            text-transform: uppercase;
            padding: 15px 10% 15px 20px;
            width: 100%;
            height: 100%;
            font-size: 17px;
        }

        nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu.mobile li.active > a {
            color: #e20074;
            background-color: transparent;
        }

        nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu.mobile li.active > ul > li.active a {
            text-transform: none;
            font-family: 'teleNeo-bold' !important;
            font-size: 17px;
        }

        nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu.mobile > li.active > ul {
            border-left: 0 !important;
        }

        nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu.mobile li.active ul {
            position: relative;
            width: 100%;
            border-radius: 0;
            border: 0;
            padding-left: 20px;
            box-shadow: none;
            background: transparent;
        }

            nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu.mobile li.active ul > li.active > ul {
                position: relative;
                width: 100%;
                border-radius: 0;
                border: 0;
                padding-left: 30px;
                box-shadow: none;
                background: transparent;
            }

        nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu.mobile > li.open > ul {
            display: block;
            position: relative;
            width: 100%;
            border-radius: 0;
            border: 0;
            padding-left: 20px;
            box-shadow: none;
            background: transparent;
        }

            nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu.mobile > li.open > ul li a {
                text-transform: none;
                font-size: 17px;
                font-family: 'teleNeo-medium' !important;
                padding: 10px 10% 10px 20px;
                white-space: pre-wrap;
                line-height: 1.2;
            }

            nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu.mobile > li.open > ul > li.open > ul,
            nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu.mobile > li.open > ul > li.open > ul > li.open > ul {
                display: block;
                position: relative;
                width: 100%;
                border-radius: 0;
                border: 0;
                padding-left: 30px;
                box-shadow: none;
                background: transparent;
            }

                nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu.mobile > li.open > ul > li.open > ul:before,
                nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu.mobile > li.open > ul > li.open > ul > li.open > ul:before {
                    content: '';
                    position: absolute;
                    width: 1px;
                    height: 100%;
                    background-color: #ccc;
                }

    nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu > li.active.open > ul,
    nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu > li.active > ul > li.active.open > ul,
    nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu > li.active > ul > li.active > ul > li.active.open > ul {
        display: block;
    }

    nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu.mobile > li.active > ul > li a {
        text-transform: none;
        font-family: 'teleNeo-medium' !important;
        padding: 10px 0 10px 20px;
        font-size: 17px;
    }

    nav#menu.collapse.in .menu-hidden > li > ul.dropdown-menu.mobile li > ul > li > ul > li.active {
        border-left: 2px solid #e20074;
    }

    nav#menu.collapse.in .menu-hidden a.strelche,
    nav#menu.collapse.in .menu-hidden a.strelche:focus {
        position: absolute;
        right: 0;
        float: right;
        top: 0;
        z-index: 2;
        height: 100%;
        background-color: transparent !important;
        width: 10% !important;
        padding: 0 10px !important;
    }

        nav#menu.collapse.in .menu-hidden a.strelche:after {
            content: '%';
            position: absolute;
            font-family: 'teleicon-outline' !important;
            font-size: 22px;
            color: gray;
            bottom: 0;
            transition: all ease-in .3s;
            top: 10px;
            transform: rotateY( 180deg);
        }

    nav#menu.collapse.in .menu-hidden li > ul > li.open > a.strelche:after {
        transition: all ease-in .3s;
        content: '$';
    }

    nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu.mobile > li.click_strelche a.strelche {
        width: 100% !important;
    }

        nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu.mobile > li.click_strelche a.strelche:after {
            right: 10px;
        }

    nav#menu.collapse.in .menu-hidden > li.active > ul.dropdown-menu.mobile li.active > ul > li.active.open a.strelche:after {
        color: #e20074;
    }



/*#endregion meni redesign*/

/*#region fotogalerii redesign*/
.gallery-wrap .article-info {
    position: relative;
}

    .gallery-wrap .article-info h3 {
        font-size: 30px;
        text-align: center;
        margin: 40px 0;
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
    }

.box-center {
    text-align: center;
}

.gallery-wrap .wrapper {
    position: relative;
    display: block;
    width: 100%;
}

    .gallery-wrap .wrapper .image {
        position: relative;
        width: 30%;
        margin: 0 15px;
        display: inline-block;
        float: left;
        min-height: 290px;
    }

span#time {
    text-align: left;
    padding-left: 30px;
    background-image: url(../images/time-icon.png);
    background-position: bottom 0px left;
    background-repeat: no-repeat;
    padding-top: 15px;
    line-height: 1;
    margin-bottom: 30px !important;
    display: inline-block;
    margin-left: 15px;
    font-size: 14px;
    text-align: center;
    margin-top: 0px;
}

.fotogalerii-header .main-banner {
    position: relative;
    height: 400px;
    color: white;
    background-image: url(../content/images/corporate-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 20%;
}

.fotogalerii-header h1 {
    padding: 5% 0 1% !important;
    margin: 0 !important;
    color: black !important;
    text-align: left !important;
    font-family: 'teleNeo-extra' !important;
    font-size: 37px;
    border-bottom: 1px solid #eee;
}

.fotogalerii-header .header-wrap {
    height: 100%;
}

div#gallery {
    position: relative;
    width: 100%;
    height: auto;
    margin: 40px auto 0;
    padding: 0;
}

    div#gallery .text {
        color: black;
        font-size: 19px;
        font-family: 'teleNeo-bold' !important;
        margin-bottom: 20px;
    }

    div#gallery .gallery-item {
        position: relative;
        height: 300px;
    }

        div#gallery .gallery-item .image {
            position: relative;
            height: 100%;
        }

            div#gallery .gallery-item .image img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        div#gallery .gallery-item .gallery-item-wrap {
            height: 100%;
            position: relative;
        }

        div#gallery .gallery-item a {
            position: relative;
            width: 100%;
            height: 100%;
            display: block;
        }



/*#endregion fotogalerii redesign*/

/*#region eco popust*/
#eco-popust h1 {
    font-size: 55px;
    color: white;
    text-transform: uppercase;
    font-family: 'teleNeo-boldItalic' !important;
}

    #eco-popust h1 span {
        display: block;
        font-size: 34px;
        color: white;
        font-family: 'teleNeo-regular' !important;
        margin-top: 20px;
    }

div#eco-popust p {
    font-size: 18px;
}

    div#eco-popust p.small {
        font-size: 14px;
        color: #8D8D8D;
        line-height: 1.2;
    }

#eco-popust .main-banner {
    position: relative;
    /*background-image: url('../content/images/eco-popust/eco-popust-banner.jpg');*/
    /*background-image: url('../content/images/eco-popust/eco-popust-banner-new-mk.jpg');*/
    /*background-image: url('../content/images/eco-popust/eco-popust-banner-full.jpg');*/
    /*background-image: url('../content/banners/2024/a1-eco-popust-mart-mk.jpg');*/
    /* background-image: url('../content/banners/2024/a1-eko-popust-zelen-smartfon.jpg');*/
    /* background-image: url('../content/banners/2024/banner-eco-popust-dekstop-mk.jpg');*/
    background-image: url('../content/banners/2025/banner-eco-popust-dekstop-mk.jpg');
    background-size: cover; 
    background-position: 50% 35%;
    padding: 9% 0;
    height: 470px;
}

    #eco-popust .main-banner.sq {
        /*background-image: url('../content/banners/2024/a1-eco-popust-mart-sq.jpg');*/
        background-image: url('../content/banners/2025/banner-eco-popust-dekstop-sq.jpg');
    }

    #eco-popust .main-banner .flex {
        justify-content: space-between;
        width: 90%;
        position: relative;
        height: 100%;
    }

    #eco-popust .main-banner .header {
        position: relative;
        width: 60%;
        text-align: left;
    }

        #eco-popust .main-banner .header h2 {
            color: white;
            font-size: 30px;
            text-transform: uppercase;
            font-family: 'teleNeo-regularItalic' !important;
            text-align: left;
            margin: 0;
        }

            #eco-popust .main-banner .header h2 span {
                display: inline;
                color: #a4d966;
                font-family: 'teleNeo-bold' !important;
                font-size: 30px;
            }

    #eco-popust .main-banner .ec {
        position: absolute;
        width: 120px;
        right: 40px;
        top: 80px;
    }

#eco-popust .samo-so-mm {
    position: relative;
    padding: 50px 0;
    background: radial-gradient(rgba(231, 241, 246, 1), rgba(255, 255, 255, 1));
}

    #eco-popust .samo-so-mm .wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 20px;
        width: 100%;
    }

        #eco-popust .samo-so-mm .wrapper .left {
            width: 60%;
            text-align: right;
        }

        #eco-popust .samo-so-mm .wrapper .right .text-wrap {
            padding-right: 130px;
        }

    #eco-popust .samo-so-mm h2 {
        font-size: 30px;
        margin: 30px 0;
        font-family: 'teleNeo-bold' !important;
        position: relative;
    }

div#eco-popust .samo-so-mm h2 span {
    display: inline;
    font-size: 30px;
}

#eco-popust .samo-so-mm p {
    font-size: 19px;
    font-family: 'teleNeo-medium' !important;
    line-height: 1.2;
}

div#eco-popust .white-bg h2 {
    font-size: 62px;
    margin: 30px 0;
    font-family: 'teleNeo-bold' !important;
    position: relative;
    width: 65%;
    margin: 20px auto 40px;
}

    div#eco-popust .white-bg h2:after {
        content: '';
        position: absolute;
        width: 5%;
        height: 5px;
        background: #e20074;
        bottom: -20px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

#eco-popust .absolute-img {
    position: absolute;
    top: 45%;
    right: 0;
    width: 30%;
}

    #eco-popust .absolute-img img {
        position: absolute;
        left: -70px;
    }

div#eco-popust .white-bg {
    position: relative;
    width: 100%;
    padding: 2% 0 2%;
}

    div#eco-popust .white-bg .wrapper {
        position: relative;
        width: 80%;
        margin: 0 auto;
        padding: 3% 0;
        text-align: center;
    }

/*div#eco-popust h2 {
    font-size: 40px;
    margin: 30px 0;
    font-family: 'teleNeo-bold' !important;
    position: relative;
    width: 40%;
    margin: 20px auto 40px;
}*/

div#eco-popust h2.white-txt {
    margin: 10px 0 55px;
    width: 70%;
    padding: 0;
}
/*
        div#eco-popust h2.white-txt:after {
            content: '';
            height: 5px;
            background: white;
            bottom: -20px;
            left: 0;
            right: 0;
            margin: 0;
            width: 5%;
        }*/

div#eco-popust h2 span {
    display: block;
    font-size: 20px;
    color: rgba(0, 0, 0, .3);
    font-family: 'teleNeo-bold' !important;
    margin: 15px 0;
}



div#eco-popust .white-bg p {
    font-size: 19px;
    font-family: 'teleNeo-medium' !important;
    line-height: 1.2;
    padding: 0 20%;
}

div#eco-popust .wrapper {
    max-width: 1400px;
    margin: 0 auto;
}

div#eco-popust section.magenta-gradient {
    position: relative;
    background: transparent radial-gradient(closest-side at 30% 49%,#f6007e 10%,#870045 250%);
    height: auto;
    padding: 7% 0;
}

    div#eco-popust section.magenta-gradient .box-green {
        position: relative;
        padding: 20px 30px;
        margin: 30px 0 0 0;
        box-shadow: 0 0 40px 5px rgba(0, 0, 0, .09);
        background: rgba(255, 255, 255, .05);
    }

    div#eco-popust section.magenta-gradient .green-magenta {
        position: relative;
        right: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

        div#eco-popust section.magenta-gradient .green-magenta .svg {
            position: relative;
            width: 65px;
            background: #92bc0f;
            height: 65px;
            border-radius: 50px;
        }

            div#eco-popust section.magenta-gradient .green-magenta .svg svg {
                margin: auto;
            }

        div#eco-popust section.magenta-gradient .green-magenta .png {
            position: relative;
            width: 90%;
        }

    div#eco-popust section.magenta-gradient .wrapper {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        height: 100%;
    }

        div#eco-popust section.magenta-gradient .wrapper > div {
            width: 50%;
            text-align: left;
            color: white;
            height: 100%;
            position: relative;
        }

    div#eco-popust section.magenta-gradient:before {
        content: '';
        height: 570px;
        left: -20px;
        position: absolute;
        background-image: url(../content/images/eco-popust/leaf-eco.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        bottom: -40px;
    }

    div#eco-popust section.magenta-gradient .wrapper .right {
        position: relative;
        padding: 0% 10% 0% 0;
    }

        div#eco-popust section.magenta-gradient .wrapper .right .text-wrap {
            height: 100%;
        }

div#eco-popust section.gray-gradient .wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

    div#eco-popust section.gray-gradient .wrapper > div {
        width: 50%;
    }

div#eco-popust section.gray-gradient {
    background: transparent radial-gradient(closest-side at 68% 50%, #d8e9f2 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    height: auto;
    padding: 6% 0;
}

    div#eco-popust section.gray-gradient .text {
        max-width: 1400px;
        margin: 0 auto;
    }

    div#eco-popust section.gray-gradient .wrapper {
        display: flex;
        justify-content: center;
        align-items: stretch;
        height: 100%;
        overflow: hidden;
        padding: 100px 0 50px;
    }

        div#eco-popust section.gray-gradient .wrapper > div {
            width: 50%;
            position: relative;
        }

        div#eco-popust section.gray-gradient .wrapper:last-of-type {
            margin-top: 50px;
            padding-bottom: 50px;
        }

            div#eco-popust section.gray-gradient .wrapper:last-of-type > div {
                width: 35%;
                margin: 0 25px 0 0;
                text-align: center;
                background: #FFFFFF 0% 0% no-repeat padding-box;
                box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, .04);
                border-radius: 8px;
                padding: 40px;
            }

                div#eco-popust section.gray-gradient .wrapper:last-of-type > div .header-wrap {
                    min-height: 120px;
                }

        div#eco-popust section.gray-gradient .wrapper .left .text-wrap {
            margin: 50px auto 50px;
        }

        div#eco-popust section.gray-gradient .wrapper .right:before {
            position: absolute;
            content: '';
            background-image: url(../content/images/eco-popust/pic_section2.png);
            background-size: contain;
            width: 690px;
            height: 420px;
            background-repeat: no-repeat;
            right: 0;
            background-position: top right;
            top: 7%;
            bottom: 0;
            margin: auto;
            left: 0;
        }

div#eco-popust .border {
    position: relative;
    margin: 60px 0 0;
    padding: 30px;
    background: #DCE3F53D 0% 0% no-repeat padding-box;
    border-radius: 6px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%23C5CAD7FF' stroke-width='3' stroke-dasharray='15%2c20' stroke-dashoffset='24' stroke-linecap='round'/%3e%3c/svg%3e");
    border-radius: 6px;
}

    div#eco-popust .border img {
        position: absolute;
        right: -60px;
        top: -65px;
        width: 130px;
    }

div#eco-popust section.gray-gradient h2 {
    margin: 0 0 50px;
    width: 60%;
}

    div#eco-popust section.gray-gradient h2:after {
        content: '';
        left: 0;
        margin: 0;
        bottom: -15px;
        width: 6%;
        height: 5px;
    }

div#eco-popust section.phone-section {
    margin-bottom: 40px;
}

    div#eco-popust section.phone-section h2 {
        width: 100%;
        margin: 0;
    }

        div#eco-popust section.phone-section h2:after {
            content: '';
            display: none;
        }

        div#eco-popust section.phone-section h2 span {
            display: inline-block;
            font-size: 40px;
        }

    div#eco-popust section.phone-section .wrapper {
        display: block !important;
    }

    div#eco-popust section.phone-section .phone-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin: 50px 0;
    }

        div#eco-popust section.phone-section .phone-wrapper .text p {
            min-height: 20px;
        }

        div#eco-popust section.phone-section .phone-wrapper .text a {
            width: 100px;
            padding: 7px 10px;
            font-size: 17px;
            margin: 20px auto;
        }

        div#eco-popust section.phone-section .phone-wrapper .phone-box:hover .text a {
            background: white;
            color: #e20074;
        }

        div#eco-popust section.phone-section .phone-wrapper .phone-box {
            height: 440px;
            width: 440px;
        }

            div#eco-popust section.phone-section .phone-wrapper .phone-box .wrap {
                height: 210px;
                position: relative;
                bottom: 0;
                border-radius: 10px;
                height: 100%;
                margin: 0 45px;
                z-index: 2;
            }

                div#eco-popust section.phone-section .phone-wrapper .phone-box .wrap:before {
                    content: '';
                    position: absolute;
                    height: 230px;
                    bottom: 0;
                    background: #D7DAE4;
                    border-radius: 20px;
                    width: 100%;
                    left: 0;
                    z-index: 0;
                    -webkit-transition: opacity 0.2s linear;
                    -moz-transition: opacity 0.2s linear;
                    -o-transition: opacity 0.2s linear;
                    transition: opacity 0.2s linear;
                    opacity: 1;
                }

                div#eco-popust section.phone-section .phone-wrapper .phone-box .wrap:after {
                    content: '';
                    position: absolute;
                    height: 230px;
                    bottom: 0;
                    background: #D7DAE4;
                    border-radius: 20px;
                    width: 100%;
                    left: 0;
                    z-index: 0;
                    background: linear-gradient(180deg, #DF0073 0%, #70003A 100%) 0% 0% no-repeat padding-box;
                    background: -webkit-gradient(180deg, #DF0073 0%, #70003A 100%) 0% 0% no-repeat padding-box;
                    -webkit-transition: opacity 0.2s linear;
                    -moz-transition: opacity 0.2s linear;
                    -o-transition: opacity 0.2s linear;
                    transition: opacity 0.2s linear;
                    opacity: 0;
                }

            div#eco-popust section.phone-section .phone-wrapper .phone-box:hover .wrap:before {
                opacity: 0;
                -webkit-transition: opacity 0.2s linear;
                -moz-transition: opacity 0.2s linear;
                -o-transition: opacity 0.2s linear;
                transition: opacity 0.2s linear;
            }

            div#eco-popust section.phone-section .phone-wrapper .phone-box:hover .wrap:after {
                opacity: 1;
                -webkit-transition: opacity 0.2s linear;
                -moz-transition: opacity 0.2s linear;
                -o-transition: opacity 0.2s linear;
                transition: opacity 0.2s linear;
            }

            div#eco-popust section.phone-section .phone-wrapper .phone-box .text,
            div#eco-popust section.phone-section .phone-wrapper .phone-box .img {
                position: relative;
                z-index: 2;
            }

            div#eco-popust section.phone-section .phone-wrapper .phone-box .text {
                padding: 0 20px;
            }

            div#eco-popust section.phone-section .phone-wrapper .phone-box:hover .text p {
                color: white;
            }

            div#eco-popust section.phone-section .phone-wrapper .phone-box p {
                text-transform: uppercase;
                font-weight: 600;
            }

div#eco-popust button.slick-arrow {
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    position: absolute;
    right: 0;
    top: -40px;
}

    div#eco-popust button.slick-arrow.slick-prev {
        right: 60px;
        left: auto;
    }

    div#eco-popust button.slick-arrow:before {
        content: '%';
        position: absolute;
        font-family: 'teleicon-outline' !important;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: auto;
        bottom: 0;
        right: 0;
        line-height: 46px;
        text-shadow: none;
        color: rgba(51, 51, 51, .75);
    }

    div#eco-popust button.slick-arrow.slick-prev:after {
        content: '';
        position: absolute;
        content: '';
        position: absolute;
        width: 130px;
        background: linear-gradient(45deg, transparent, #999);
        height: 1px;
        left: -150px;
        top: 54%;
    }

    div#eco-popust button.slick-arrow.slick-next:before {
        transform: rotateY(180deg);
    }

div#eco-popust section.partner-logos {
    position: relative;
    padding: 30px 0;
    box-shadow: 0 0 35px 8px rgba(51, 51, 51, .10);
}

    div#eco-popust section.partner-logos .wrap {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

@media(max-width: 767px) {
    #eco-popust .samo-so-mm .wrapper .left {
        text-align: center;
    }

    #eco-popust .samo-so-mm .wrapper .right .text-wrap {
        padding: 0 20px;
    }

    #eco-popust .samo-so-mm span {
        font-size: 28px;
    }

    div#eco-popust .white-bg h2 {
        width: 100%;
    }

    #eco-popust .main-banner .flex {
        width: 100%;
        height: 100%;
    }

    #eco-popust .main-banner .header {
        width: 100%;
        margin-top: 60px;
    }

        #eco-popust .main-banner .header h2,
        #eco-popust .main-banner .header h2 span {
            font-size: 20px !important;
        }

    #eco-popust .main-banner .ec {
        width: 90px;
        right: 0;
        top: 0px;
    }

    div#eco-popust section.magenta-gradient .green-magenta .svg {
        width: 55px;
        height: 55px;
    }

        div#eco-popust section.magenta-gradient .green-magenta .svg svg {
            width: 30px;
            height: 30px;
        }

    div#eco-popust section.partner-logos {
        padding: 30px 0 50px;
    }

    #eco-popust .main-banner {
        height: 270px;
    }


    #eco-popust h1 {
        font-size: 30px;
    }

        #eco-popust h1 span {
            display: block;
            font-size: 26px;
            color: white;
            font-family: 'teleNeo-regular' !important;
            margin-top: 20px;
        }

    #eco-popust .main-banner .header img {
        position: absolute;
        width: 100px;
        right: 0;
        top: -110px;
    }

    div#eco-popust h2 {
        width: 100%;
        font-size: 28px !important;
    }

        div#eco-popust h2 span {
            font-size: 26px !important;
        }

    div#eco-popust .white-bg p {
        padding: 0;
    }

    div#eco-popust .wrapper {
        flex-direction: column !important;
        width: 100%;
        padding: 20px;
    }

    div#eco-popust section.gray-gradient .wrapper {
        padding: 20px;
    }

    div#eco-popust .wrapper > div {
        width: 100% !important;
    }

    div#eco-popust section.magenta-gradient {
        height: auto;
    }

        div#eco-popust section.magenta-gradient:before {
            content: '';
            height: 390px;
            left: 0;
            position: relative;
            background-image: url(../content/images/eco-popust/leaf-eco.png);
            background-size: contain;
            background-repeat: no-repeat;
            width: 100%;
            bottom: -30px;
            display: block;
        }

        div#eco-popust section.magenta-gradient .wrapper .right {
            padding: 30px 0 0 0;
        }

    div#eco-popust section.gray-gradient {
        height: auto;
    }

        div#eco-popust section.gray-gradient .wrapper .left .text-wrap {
            margin: 10px 0 50px auto;
            width: 100%;
        }

        div#eco-popust section.gray-gradient .wrapper .right:before {
            position: relative;
            content: '';
            background-image: url(../content/images/eco-popust/pic_section2.png);
            background-size: contain;
            width: 100%;
            height: 300px;
            background-repeat: no-repeat;
            right: 0;
            background-position: top right;
            top: 0;
            display: block;
        }

    div#eco-popust .border img {
        position: absolute;
        right: 0;
        top: -65px;
        width: 110px;
    }

    div#eco-popust section.gray-gradient .wrapper:last-of-type > div {
        margin: 20px 0;
        padding: 20px;
    }

    div#eco-popust section.phone-section .phone-wrapper .phone-box {
        padding: 15px 10px;
        height: auto;
    }

        div#eco-popust section.phone-section .phone-wrapper .phone-box .wrap {
            margin: 0;
        }

    div#eco-popust button.slick-arrow {
        top: 0;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #eco-popust .samo-so-mm {
        padding: 20px 20px 40px;
    }

        #eco-popust .samo-so-mm .wrapper .left {
            width: 70%;
        }

        #eco-popust .samo-so-mm .wrapper .right .text-wrap {
            padding-right: 10px;
        }

        #eco-popust .samo-so-mm h2 {
            font-size: 28px;
            width: 90%;
        }

            #eco-popust .samo-so-mm h2 span {
                display: inline;
                font-size: 28px;
            }

        #eco-popust .samo-so-mm p {
            font-size: 18px;
        }

    #eco-popust .main-banner .header {
        width: 70%;
    }

    #eco-popust .main-banner .flex {
        width: 100%;
    }

    #eco-popust h1 {
        font-size: 35px;
    }

    #eco-popust .main-banner .header h2,
    #eco-popust .main-banner .header h2 span {
        font-size: 22px;
    }

    #eco-popust .main-banner .ec {
        position: absolute;
        width: 100px;
        top: 50px;
    }

    div#eco-popust section.magenta-gradient .green-magenta .svg {
        width: 60px;
        height: 55px;
    }

        div#eco-popust section.magenta-gradient .green-magenta .svg svg {
            width: 30px;
            height: 30px;
        }

    div#eco-popust section.gray-gradient .wrapper {
        flex-direction: column !important;
        padding: 25px;
        width: 100%;
    }

        div#eco-popust section.gray-gradient .wrapper > div {
            width: 100%;
        }

    #eco-popust .main-banner {
        height: 360px;
    }

        #eco-popust .main-banner .header img {
            position: absolute;
            width: 100px;
            right: 0;
            top: -95px;
        }

    #eco-popust .absolute-img {
        position: absolute;
        top: 65%;
        right: 0;
        width: 30%;
    }

    div#eco-popust h2 {
        width: 60%;
    }

    div#eco-popust section.magenta-gradient {
        height: auto;
    }

        div#eco-popust section.magenta-gradient:before {
            content: '';
            height: 350px;
            left: -20px;
            position: absolute;
            background-image: url(../content/images/eco-popust/leaf-eco.png);
            background-size: contain;
            background-repeat: no-repeat;
            width: 50%;
            bottom: 0;
            top: 0;
            margin: auto;
        }

    div#eco-popust h2.white-txt {
        width: 100%;
    }

    div#eco-popust h2 {
        font-size: 32px;
    }

    div#eco-popust section.gray-gradient {
        height: auto;
    }

        div#eco-popust section.gray-gradient .wrapper .left .text-wrap {
            width: 100%;
        }

        div#eco-popust section.gray-gradient .wrapper .right:before {
            position: relative;
            height: 450px;
            right: 0;
            top: 0;
            display: block;
            left: 0;
            margin: auto;
        }

        div#eco-popust section.gray-gradient .wrapper:last-of-type > div {
            width: 100% !important;
            margin: 20px 0 !important;
        }

    div#eco-popust section.phone-section .wrapper {
        padding: 25px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #eco-popust .samo-so-mm .wrapper .right .text-wrap {
        padding-right: 30px;
    }

    #eco-popust .samo-so-mm h2 {
        width: 75% !important;
    }

    #eco-popust .main-banner .header {
        width: 75%;
    }

    #eco-popust h1 {
        font-size: 45px;
    }

    #eco-popust .main-banner .header h2,
    #eco-popust .main-banner .header h2 span {
        font-size: 25px;
    }

    div#eco-popust section.magenta-gradient .green-magenta .svg {
        width: 65px;
        height: 60px;
    }

    div#eco-popust h2 {
        width: 50%;
        margin: 20px auto;
    }

    div#eco-popust section.magenta-gradient:before {
        content: '';
        height: 530px;
        left: -20px;
        position: absolute;
        background-image: url(../content/images/eco-popust/leaf-eco.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 50%;
        bottom: 0;
    }

    div#eco-popust h2.white-txt {
        margin: 10px 0 35px;
        width: 90%;
        padding: 0;
    }

    div#eco-popust .wrapper {
        padding: 20px;
    }

    div#eco-popust section.gray-gradient {
        height: auto;
    }

        div#eco-popust section.gray-gradient .wrapper:last-of-type > div {
            min-height: 380px;
            padding: 30px;
            width: 45%;
        }

    div#eco-popust section.phone-section .phone-wrapper .phone-box .wrap {
        margin: 0 15px;
    }
}

@media (min-width: 1920px) {
    #eco-popust .main-banner {
        height: 830px;
    }

    div#eco-popust section.magenta-gradient {
        overflow: hidden;
    }

        div#eco-popust section.magenta-gradient:before {
            content: '';
            height: 90%;
            left: -80px;
            position: absolute;
            background-image: url(../content/images/eco-popust/leaf-eco.png);
            background-size: contain;
            background-repeat: no-repeat;
            width: 50%;
            bottom: 0;
            bottom: -90px;
            background-position: right bottom;
            overflow: hidden;
        }
}
/*#endregion eco popust*/
/*#region travel and surf redesign*/
#roaming-packages {
    position: relative;
}

    #roaming-packages .main-banner-new {
        position: relative;
        height: 370px;
        background-image: url(../content/banners/2025/bg-inner-travel-exotic.jpg);
        background-size: cover;
        background-position: right 20%;
        background-color: #e20074;
        background-repeat: no-repeat;
    }

        #roaming-packages .main-banner-new:before {
            content: '';
            background-image: url(../content/banners/2025/shape-inner-travel-exotic.png);
            width: 50%;
            height: 100%;
            left: -50px;
            top: 0;
            bottom: 0;
            margin: auto 0;
            background-size: cover;
            background-position: right;
            position: absolute;
        }

        #roaming-packages .main-banner-new .header {
            display: flex;
            flex-flow: column;
            justify-content: center;
            align-items: flex-start;
            height: 100%;
            width: 40%;
            position: relative;
        }

        #roaming-packages .main-banner-new h1 {
            color: white;
            text-transform: none;
            font-size: 50px;
            line-height: 1.1;
            font-family: 'teleNeo-extra' !important;
        }

        #roaming-packages .main-banner-new p {
            color: white;
            font-size: 26px;
            line-height: 1.2;
            font-family: 'teleNeo-extra' !important;
        }

        #roaming-packages .main-banner-new .ec {
            position: absolute;
            width: 25%;
            right: 0;
            bottom: 50px;
        }

@media (min-width: 1200px)and (max-width:1440px) {
    #roaming-packages .main-banner-new {
        background-position: 60%;
    }

        #roaming-packages .main-banner-new:before {
            left: -50px;
            width: 60%;
        }

        #roaming-packages .main-banner-new .ec {
            right: -80px;
            bottom: 50px;
        }
}

#roaming-packages .main-banner {
    position: relative;
    padding: 28% 0 0;
    background-image: url(../content/images/travel-surf/banner-bg.png);
    background-size: cover;
    background-position: center;
    background-color: #F8F8F8;
}

    #roaming-packages .main-banner h1 {
        font-size: 35px;
        font-family: 'teleNeo-extra' !important;
        line-height: 1.2;
        color: white;
        padding-left: 30px;
    }

    #roaming-packages .main-banner p {
        position: relative;
        font-size: 20px;
        line-height: 1.2;
        color: white;
        padding-left: 30px;
    }

#roaming-packages p {
    font-size: 18px;
}

#roaming-packages .main-banner .header {
    width: 50%;
    padding: 6% 0 4%;
    position: absolute;
    bottom: 0;
}

    #roaming-packages .main-banner .header:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/mobile-surf/Mobilni-internet-paketi-shape.png);
        height: 100%;
        width: 100%;
        background-size: contain;
        bottom: 0;
        left: 0;
        background-repeat: no-repeat;
        background-position: center bottom;
        padding-left: 30px;
    }

    #roaming-packages .main-banner .header .wrapper {
        position: relative;
        z-index: 2;
        padding: 0% 10% 0 21%;
    }

#roaming-packages .tabs-section {
    position: relative;
    background-image: url(../content/images/travel-surf/section1-bg.png);
    background-size: cover;
    background-position: center top;
    height: auto;
}

#roaming-packages .tab-pane.fade {
    display: block;
    height: 0;
    overflow: hidden;
}

    #roaming-packages .tab-pane.fade.active {
        overflow: initial;
        position: relative;
        height: auto;
    }

#roaming-packages .nav-tabs {
    border: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    width: 50%;
    margin: 0 auto 40px;
}

    #roaming-packages .nav-tabs li {
        width: 40%;
        position: relative;
        z-index: 5;
    }

        #roaming-packages .nav-tabs li.active a {
            background: #EEEFF2;
            box-shadow: 0px 13px 15px rgba(62, 62, 62, .02);
            opacity: 1;
        }

        #roaming-packages .nav-tabs li a {
            position: relative;
            border-radius: 10px;
            padding: 20px 15px;
            text-transform: uppercase;
            text-align: center;
            border: 0;
            color: black;
            opacity: .6;
            font-size: 18px;
            line-height: 1.2;
        }

            #roaming-packages .nav-tabs li a:hover {
                opacity: 1;
            }

            #roaming-packages .nav-tabs li a strong {
                display: block;
            }


    #roaming-packages .nav-tabs.new-red li a {
        color: black !important;
        line-height: 1.2;
        border: 1px solid transparent;
        width: 100%;
        height: 90px;
        font-size: 18px;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: nowrap;
        background: #efeff3 0% 0% no-repeat padding-box;
        border-radius: 8px;
        font-family: 'teleNeo-bold' !important
    }

    #roaming-packages .nav-tabs.new-red li.active a {
        background-color: white !important;
        box-shadow: 0px 0px 46px rgba(62, 62, 62, 0.25);
    }

        #roaming-packages .nav-tabs.new-red li.active a:before {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 3px;
            width: 20%;
            background: #e20074;
            margin: 0 auto;
        }

#roaming-packages h2.black-header {
    position: relative;
    width: 60%;
    margin: 70px auto;
    padding: 15px 10px;
    font-size: 37px;
    transform: skew(-30deg);
    -webkit-transform: skew(-30deg);
    color: white;
    background-color: black;
}

    #roaming-packages h2.black-header span {
        transform: skew(30deg) !important;
        -webkit-transform: skew(30deg);
        position: relative;
        width: 100%;
        display: block;
        font-family: 'teleNeo-regular' !important;
        text-align: center;
    }

#roaming-packages .sec-two h3 {
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'teleNeo-extra' !important;
    margin: 40px 0;
}

#roaming-packages #travel-surf-balkan h3 {
    margin: 0 0 40px 0;
}

#roaming-packages .boxes {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 50px;
    align-items: center;
    margin: 40px 0;
    text-align: center;
}

    #roaming-packages .boxes .box-wrap {
        background: #FFFFFF;
        box-shadow: 0px 3px 76px rgba(0, 0, 0, .08);
        padding: 30px;
    }

        #roaming-packages .boxes .box-wrap .title {
            padding: 0 30px 20px 30px;
            border-bottom: 1px solid rgba(0, 0, 0, .12);
        }

    #roaming-packages .boxes h4 {
        font-size: 24px;
        color: black;
        line-height: 1.2;
        font-family: 'teleNeo-regular' !important;
        margin: 0;
    }

        #roaming-packages .boxes h4 span {
            display: block;
            font-size: 26px;
            font-family: 'teleNeo-extra' !important;
        }

    #roaming-packages .boxes .head p {
        font-size: 70px !important;
        font-family: 'teleNeo-extra' !important;
    }

#roaming-packages #myTabContent-ict,
#roaming-packages #myTabContent-ict2,
#roaming-packages #myTabContent-ict3,
#roaming-packages #myTabContent-ict4 {
    width: 85%;
    margin: 0 auto;
}

#roaming-packages .smart-priceWraper {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 70%;
    margin: 0 auto;
}

    #roaming-packages .smart-priceWraper .p-left-smart span {
        font-size: 30px;
        font-family: 'teleNeo-bold' !important;
    }

    #roaming-packages .smart-priceWraper .p-right-smart span {
        text-transform: none;
        color: black;
        font-size: 13px;
        padding-right: 5px;
    }

#roaming-packages #razgovori .smart-priceWraper .p-right-smart .p-currency {
    border-bottom: none;
}

section.last-sec .wrapper {
    position: relative;
    padding: 40px 0;
    box-shadow: 0 3px 46px rgba(0, 0,0, .14);
    height: auto;
    display: block;
    margin: 80px 0;
}

    section.last-sec .wrapper ul.nav {
        padding-left: 0;
        margin-bottom: 0 !important;
        list-style: none;
        display: flex;
        justify-content: space-between !important;
        align-items: center !important;
        align-content: center;
        flex-wrap: wrap !important;
        margin: 30px auto !important;
        width: 100% !important;
    }

    section.last-sec .wrapper .nav li {
        width: auto !important;
        text-align: center;
        text-transform: uppercase;
        z-index: 2;
        line-height: 1.2;
        border: unset;
        border-radius: 4px 4px 0 0;
        font-family: 'teleNeo-regular' !important;
        font-size: 18px;
        padding: 10px;
    }

        section.last-sec .wrapper .nav li.active:before {
            height: 2px;
            background: #e20074;
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

        section.last-sec .wrapper .nav li.active:after {
            height: 2px;
            background: #e20074;
            content: '';
            position: absolute;
            right: -24px;
            top: 12px;
            width: 30px;
            border-bottom: 1px solid #e20074;
            transform: rotate(55deg);
        }

section.last-sec .panel-default {
    border: 0;
    box-shadow: none;
    background: transparent;
    border-bottom: 1px solid rgba(204, 204, 204, .35);
    padding-bottom: 10px;
}

section.last-sec .panel-group {
    padding: 0 40px;
}

section.last-sec .panel-default .panel-heading {
    padding: 0;
}

section.last-sec .panel-default:nth-child(1) .panel-heading {
    border-top: 0;
}

section.last-sec .panel-heading h4.panel-title {
    text-align: left;
    padding: 0;
}

    section.last-sec .panel-heading h4.panel-title a {
        font-size: 19px;
        display: block;
        padding: 15px 35px 15px 0;
        text-decoration: none;
        position: relative;
        z-index: 2;
    }


        section.last-sec .panel-heading h4.panel-title a:hover {
            color: black;
        }

section.last-sec .panel-body {
    text-align: left;
    padding: 0;
}

/*ПАКЕТИ ЗА МОБИЛЕН ИНТЕРНЕТ ВО РОАМИНГ*/
#roaming-packages h2.black-header {
    font-weight: 600;
}

#roaming-packages #travel-surf-balkan p {
    font-size: 20px;
    color: black;
    padding: 5px 30px;
}
#roaming-packages #travel-surf-balkan .copy p {
    font-size: 20px;
    color: black;
    padding: 5px 350px;
}

#roaming-packages #travel-surf p {
    font-size: 19px;
}

#roaming-packages #travel-surf .wrap p {
    width: 80%;
    text-align: left;
    margin: 0 auto;
}

#roaming-packages #travel-surf-balkan h3 {
    margin-top: 40px !important;
}

#roaming-packages #travel-surf-balkan .last-sec h3 {
    margin-top: 0px !important;
}

#roaming-packages #travel-surf-balkan .white {
    background-color: white;
    box-shadow: 0px 3px 76px rgba(0,0,0,0.08);
}

#roaming-packages .sec-two .table-white {
    margin: 50px 0;
}

#roaming-packages .sec-two .nav-tabs {
    margin: 0 auto !important;
}

#roaming-packages table {
    width: 80%;
    height: 100%;
    margin: 0 auto;
}

    #roaming-packages table thead tr th,
    #roaming-packages table td + td {
        background-color: white;
    }

#roaming-packages .table-responsive {
    padding: 30px 70px;
}

#roaming-packages table tr td {
    border-bottom: 1px solid #e9e9e9;
    padding: 30px 0 10px 0;
    font-size: 19px;
    text-align: left;
}

#roaming-packages tbody > tr:last-child > td {
    border-bottom: 0;
}

#roaming-packages table tr td + td,
#roaming-packages table tr th + th {
    text-align: right;
}

#roaming-packages table tr th {
    font-size: 27px !important;
    padding: 0;
    line-height: 1.2;
}

#roaming-packages table b {
    font-weight: 500 !important;
    font-family: 'teleNeo-regular' !important;
}

#roaming-packages table strong {
    color: #E20074;
    font-size: 27px;
}

#roaming-packages #travel-surf-balkan .box1 {
    padding: 30px 40px;
}

#roaming-packages section.last-sec .panel-heading h4.panel-title a {
    padding: 25px 35px 25px 0;
    font-weight: 600;
}

#roaming-packages .last-sec {
    margin: 30px 0;
}

#roaming-packages section.last-sec .panel-heading h4.panel-title a:active,
#roaming-packages section.last-sec .panel-heading h4.panel-title a:focus {
    color: black !important;
}

#roaming-packages .sec-two .bg-wrap {
    background: rgb(241,247,252);
    background: linear-gradient(0deg, rgb(241, 247, 252) 0%, rgb(255,255,255) 100%);
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 20px 0;
}

    #roaming-packages .sec-two .bg-wrap .copy {
        position: relative;
    }

        #roaming-packages .sec-two .bg-wrap .copy .ec {
            position: absolute;
            top: 0;
            right: 200px;
            width: 120px;
        }

#roaming-packages #travel-surf-balkan .wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin: 40px 0;
}

#roaming-packages #travel-surf-balkan .important {
    position: relative;
    left: 50px;
    font-size: 18px;
    background-color: #e20074;
    color: white;
    padding: 10px 25px;
    background-image: url(../content/images/travel-surf/bg-important.png);
    background-position: center;
}

    #roaming-packages #travel-surf-balkan .important:before {
        content: 'i';
        width: 100%;
        height: 100%;
        border: 1px solid #fff;
        border-radius: 50%;
        margin-right: 17px;
        padding: 3px 10px;
        font-size: 16px;
    }

#roaming-packages .last-sec #tab-3-xs .wrap,
#roaming-packages .last-sec #tab2-3-xs .wrap {
    text-align: left;
}

#roaming-packages .last-sec #tab-3-xs li,
#roaming-packages .last-sec #tab2-3-xs li {
    padding: 10px 20px;
    font-size: 19px;
}

    #roaming-packages .last-sec #tab-3-xs li:before,
    #roaming-packages .last-sec #tab2-3-xs li:before {
        content: '-';
        color: #e20074;
        font-size: 18px;
        padding-right: 10px;
    }

#roaming-packages .last-sec .tabs li {
    padding: 20px 10px 0 !important;
}

    #roaming-packages .last-sec .tabs li.active {
        color: #e20074
    }

#roaming-packages .last-sec table tr th {
    font-size: 18px !important;
    color: #e20074;
    font-weight: 600;
}

#roaming-packages #travel-surf-balkan .last-sec .wrap {
    display: block;
    margin: 0 0 30px 0;
    padding-bottom: 20px;
}

#roaming-packages #travel-surf-balkan {
    text-align: center;
}

#roaming-packages .last-sec .nav-tabs {
    margin: 20px auto;
    width: 100%;
}

    #roaming-packages .last-sec .nav-tabs li {
        text-align: center;
        text-transform: uppercase;
        z-index: 2;
        margin-right: 2px;
        line-height: 1.2;
        border: none;
        border-radius: 4px 4px 0 0;
        font-family: 'teleNeo-regular' !important;
        font-size: 18px;
        padding: 10px;
        background-color: transparent;
        box-shadow: none !important;
        margin: 20px auto 40px;
        width: auto !important;
    }

#roaming-packages .last-sec .box ul {
    display: block;
    width: 100%;
    margin: 0 auto;
}

    #roaming-packages .last-sec .box ul li {
        background-color: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        width: 100%;
        text-align: left;
        cursor: unset;
        line-height: 1.1;
    }

#roaming-packages #razgovori .last-sec .box ul li {
    padding: 0 20px;
    margin-bottom: 20px;
}

#roaming-packages .last-sec .box h4 {
    font-weight: 600;
}

#roaming-packages .last-sec .boxes-pridobivki .box h4 {
    min-height: 55px;
}

#roaming-packages .last-sec .nav-tabs > li.active:before {
    border-bottom: none;
    height: 2px;
    background: #e20074;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#roaming-packages .last-sec .nav-tabs > li.active:after {
    box-shadow: 0 23px 89px #3e3e3e1c;
    height: 2px;
    background: #e20074;
    content: '';
    position: absolute;
    right: -24px;
    top: 12px;
    width: 30px;
    border-bottom: 1px solid #e20074;
    transform: rotate(55deg);
}

#roaming-packages .last-sec .boxes-pridobivki {
    display: flex;
}

    #roaming-packages .last-sec .boxes-pridobivki .box {
        width: 25% !important;
        padding: 20px 0;
        color: #6E6E6E;
        margin: 0 20px;
    }

        #roaming-packages .last-sec .boxes-pridobivki .box p {
            color: #6E6E6E !important;
            font-size: 18px !important;
            padding: 0 !important;
        }

#roaming-packages #travel-surf-balkan .last-sec p {
    padding: 0 !important;
}

#roaming-packages div.ict-integrated .tab-wrapper .tabs ul {
    margin: 0 auto;
    padding: 0 100px;
}

#roaming-packages .last-sec .wrap {
    padding-bottom: 30px;
}

#roaming-packages .soveti {
    background: rgb(241,247,252);
    background: linear-gradient(0deg, rgb(241, 247, 252) 0%, rgb(255,255,255) 100%);
}

    #roaming-packages .soveti h2 {
        width: 90%;
        color: #e30a79;
        font-weight: 600;
        padding-bottom: 20px;
        line-height: 1.2;
    }

    #roaming-packages .soveti .wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        padding-bottom: 40px;
    }


        #roaming-packages .soveti .wrapper ul {
            width: 60%;
            display: inline-flex;
            flex-direction: column;
            margin: 0 auto 50px 0 !important;
        }

            #roaming-packages .soveti .wrapper ul li {
                background-color: #EEEFF2;
                margin: 10px;
            }

                #roaming-packages .soveti .wrapper ul li.active {
                    background: #fff !important;
                    box-shadow: 0 30px 46px rgba(62, 62, 62, 0.11);
                }

                #roaming-packages .soveti .wrapper ul li a {
                    color: black;
                    padding: 20px;
                }

                    #roaming-packages .soveti .wrapper ul li a img {
                        padding-right: 15px;
                    }

    #roaming-packages .soveti .nav-pills > li.active > a:before,
    #roaming-packages .soveti .nav-pills > li.active > a:hover:before,
    #roaming-packages .soveti .nav-pills > li.active > a:focus:before {
        content: '';
        border-radius: 0;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        height: 70%;
        width: 3px;
        background: #e20074;
        margin: auto 0;
    }

#roaming-packages .nav-pills > li.active > a,
#roaming-packages .nav-pills > li.active > a:hover,
#roaming-packages .nav-pills > li.active > a:focus {
    background-color: transparent !important;
}

#roaming-packages .soveti .right,
#roaming-packages .soveti .left {
    right: -80px;
    color: #999;
    font-size: 30px;
    text-shadow: none;
}

#roaming-packages .soveti .right {
    right: -60px;
}

#roaming-packages .soveti .left {
    left: -60px;
}

    #roaming-packages .soveti .right span,
    #roaming-packages .soveti .left span {
        position: absolute;
        top: 40%;
        bottom: 0;
        margin: auto;
        left: 0;
        right: 0;
    }


#roaming-packages .soveti .carousel-indicators {
    position: relative !important;
    bottom: 0 !important;
}

    #roaming-packages .soveti .carousel-indicators li {
        border: 1px solid #ddd;
        border-radius: 50%;
        width: 12px;
        height: 12px;
        background: none;
        transition: all ease .3s;
    }

        #roaming-packages .soveti .carousel-indicators li.active {
            background-color: #b9b9b9 !important;
            background-image: none !important;
            width: 15px;
            height: 15px;
            transition: all ease .3s;
        }

#roaming-packages .panel.panel-default:last-child {
    border-bottom: 0;
}

#roaming-packages .main-banner .header:before {
    background-image: none !important;
    height: 0 !important;
    width: 0 !important;
    background-size: unset !important;
    padding-left: 0 !important;
}

#roaming-packages .main-banner:before {
    content: '';
    position: absolute;
    background-image: url(../content/images/mobile-surf/Mobilni-internet-paketi-shape.png);
    height: 100%;
    width: 40%;
    background-size: contain;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-left: 30px;
}

#roaming-packages .main-banner .header {
    padding: 6% 3% 2% 20px !important;
}

#roaming-packages .main-banner h1 {
    font-size: 32px !important;
}

#roaming-packages .main-banner h1,
#roaming-packages .main-banner p {
    padding-left: 10px !important;
}

#roaming-packages h2.black-header {
    padding: 20px 10px !important;
    font-size: 35px !important;
    width: 60% !important;
}

#roaming-packages .soveti ul li a:focus {
    background-color: transparent !important;
}

#roaming-packages section.last-sec .panel-group {
    padding: 0 !important;
}

#roaming-packages .one-t-dicklaimer.max {
    width: 22px;
    height: 22px;
    background: transparent;
    border: none;
    top: -15px;
    left: 0;
    display: inline-block;
}

#roaming-packages #travel-surf-balkan .one-t-dicklaimer-message p {
    color: #ffffff;
}

#roaming-packages .box-wrap .internet {
    top: 0px;
    position: relative;
}

    #roaming-packages .box-wrap .internet span {
        display: block;
        font-size: 13px;
        color: black;
        position: relative;
        top: -10px;
    }

    #roaming-packages .box-wrap .internet .line-through {
        top: 0 !important;
        display: inline-flex !important;
        flex-direction: row;
        font-size: 19px !important;
        text-decoration: line-through;
        margin-right: 4px !important;
    }

section.last-sec .wrapper {
    margin: 0 0 80px 0;
}

#roaming-packages .last-sec .wrap {
    padding-top: 10px;
}

.ict-integrated div.dc-tab_content {
    padding: 0;
}

#roaming-packages .sec-two #myTabContent-ict2 h3,
#roaming-packages .sec-two #myTabContent-ict h3 {
    font-size: 18px !important;
    padding: 20px 10px;
}

div#myTabContent-ict, div#myTabContent-ict2, div#myTabContent-ict3, div#myTabContent-ict4 {
    padding: 20px 0;
}

.ict-integrated .last-sec .wrapper {
    margin: 30px 0 !important;
    padding: 25px 0;
}

#roaming-packages .last-sec #tab-3-xs li,
#roaming-packages .last-sec #tab2-3-xs li {
    padding: 10px;
    font-size: 18px;
}

#roaming-packages .last-sec span.link-to-tab,
#roaming-packages .last-sec .link-to-tab2 {
    color: #e20074;
    text-decoration: underline;
}

#roaming-packages .last-sec p {
    margin: 10px 0 !important;
}

#roaming-packages .last-sec .wrap {
    padding: 10px;
}

#roaming-packages .last-sec .boxes-pridobivki .box {
    padding: 0 10px !important;
}

#roaming-packages #travel-surf .wrap p {
    width: 100%;
}

#roaming-packages .sec-two h3 {
    margin: 40px 0;
}

#roaming-packages #mobilen-internet .sec-two div div h3 {
    margin: 50px 0 !important;
}

@media (min-width:1600px) {
    #roaming-packages .main-banner:before {
        width: 35%;
    }

    #roaming-packages .main-banner h1, #roaming-packages .main-banner p {
        padding-left: 30px !important;
    }

    #roaming-packages .main-banner h1 {
        font-size: 35px !important;
    }

    #roaming-packages section.last-sec .panel-group {
        padding: 0 40px !important;
    }

    #roaming-packages h2.black-header {
        width: 45% !important;
    }
}

@media (min-width: 1200px) and (max-width: 1550px) {
    #roaming-packages .sec-two .bg-wrap .copy .ec {
        position: absolute;
        top: 0;
        right: 20px;
        width: 110px;
    }
    #roaming-packages #travel-surf-balkan .copy p {
        padding: 5px 200px;
    }
}

@media (max-width:1199px) {

    #roaming-packages .main-banner .header {
        padding: 6% 0 2% !important;
    }

    #roaming-packages .main-banner:before {
        width: 50%;
    }

    #roaming-packages .main-banner h1 {
        font-size: 30px !important;
        padding-left: 50px !important;
    }

    #roaming-packages .main-banner p {
        padding-left: 50px !important;
    }

    #roaming-packages h2.black-header {
        font-size: 30px !important;
        width: 70% !important;
        margin: 70px auto 50px !important;
    }

    #roaming-packages .soveti h2 {
        font-size: 26px;
        width: 90%;
        text-align: center;
    }

    #roaming-packages .soveti .wrapper ul {
        width: 60%;
        margin: 0;
    }

    #roaming-packages section.last-sec .wrap {
        padding: 30px 0 !important;
    }

    section.last-sec .panel-group {
        padding: 0 !important;
    }

    #roaming-packages .last-sec .table-responsive {
        padding: 30px 0px !important;
    }

    #roaming-packages .soveti .wrapper ul {
        width: 75%;
    }

    #roaming-packages .soveti h2 {
        font-size: 24px;
        padding-bottom: 0;
        width: 90%;
    }

    #roaming-packages .soveti .wrapper ul {
        width: 80%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #roaming-packages .sec-two .bg-wrap .copy .ec {
        top: -30px;
        right: 0;
        width: 100px;
    }
    #roaming-packages #travel-surf-balkan .copy p {
        padding: 5px 100px;
    }
    #roaming-packages #myTabContent-ict,
    #roaming-packages #myTabContent-ict2,
    #roaming-packages #myTabContent-ict3,
    #roaming-packages #myTabContent-ict4 {
        width: 100%;
    }

    #roaming-packages .last-sec .table-responsive {
        padding: 0;
    }

    #roaming-packages .main-banner-new {
        background-position: 50%;
    }

        #roaming-packages .main-banner-new:before {
            width: 65%;
            left: -30px;
        }

        #roaming-packages .main-banner-new .header {
            width: 50%;
        }

            #roaming-packages .main-banner-new .header h1 {
                font-size: 45px;
            }

        #roaming-packages .main-banner-new .ec {
            right: -40px;
            bottom: 110px;
        }
}

@media (max-width:991px) {
    #roaming-packages .main-banner:before {
        width: 60%;
    }

    #roaming-packages .main-banner h1 {
        font-size: 28px !important;
    }

    #roaming-packages .main-banner p {
        font-size: 18px !important;
    }

    #roaming-packages h2.black-header {
        margin: 60px auto !important;
        font-size: 26px !important;
    }

    #roaming-packages .nav-tabs {
        width: 60% !important;
    }

        #roaming-packages .nav-tabs li {
            width: 50% !important;
            margin: 0 10px !important;
        }

            #roaming-packages .nav-tabs li a {
                font-size: 16px !important;
            }

    #roaming-packages .boxes {
        flex-direction: column !important;
        gap: 15px;
    }

        #roaming-packages .boxes .box-wrap {
            margin: 10px 0 !important;
        }

    #roaming-packages table tr th, #roaming-packages table strong {
        font-size: 22px !important;
    }

    #roaming-packages #travel-surf-balkan p, #roaming-packages #travel-surf p {
        padding: 0px 30px !important;
    }

    #roaming-packages #travel-surf-balkan h2 {
        font-size: 28px !important;
        padding: 0 0 10px 0;
    }

    #roaming-packages .last-sec .wrapper ul.nav {
        justify-content: center !important;
    }

    #roaming-packages .last-sec .nav:before {
        display: none !important;
    }

    #roaming-packages .nav-tabs li {
        width: 40% !important;
        margin-bottom: 15px !important;
    }

    #roaming-packages .nav-tabs {
        width: auto !important;
    }

    #roaming-packages .last-sec .table-responsive {
        padding: 0 !important;
    }

    #roaming-packages section.last-sec .wrap {
        padding: 3px !important;
    }

    #roaming-packages .last-sec p {
        margin: 10px !important;
    }

    #roaming-packages .last-sec h4 {
        padding-top: 0 !important;
    }

    #roaming-packages .soveti .wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #roaming-packages .soveti .wrap {
        text-align: center;
    }

    #roaming-packages .soveti h2 {
        width: 70%;
        margin: 0 auto;
    }

    #roaming-packages .soveti .wrapper #v-pills-tabContent {
        width: 70%;
    }

    #roaming-packages .last-sec .boxes-pridobivki {
        display: flex;
        flex-wrap: wrap;
    }

        #roaming-packages .last-sec .boxes-pridobivki .box {
            width: 100% !important;
            margin: 20px;
        }

    #roaming-packages div.ict-integrated .tab-wrapper .tabs ul {
        padding: 0 20px;
        gap: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #roaming-packages .sec-two .bg-wrap .copy .ec {
        top: -30px;
        right: 0;
        width: 100px;
    }
    

    #roaming-packages .main-banner-new {
        background-position: 50%;
    }

        #roaming-packages .main-banner-new:before {
            width: 90%;
            height: 100%;
            left: -195px;
        }



        #roaming-packages .main-banner-new .header {
            width: 60%;
        }

            #roaming-packages .main-banner-new .header h1 {
                font-size: 30px;
            }

            #roaming-packages .main-banner-new .header p {
                font-size: 22px;
            }

        #roaming-packages .main-banner-new .ec {
            right: 70px;
            bottom: 30px;
        }
}

@media (max-width: 767px) {
    #roaming-packages .sec-two .bg-wrap .copy .ec {
        top: 120px;
        right: 0;
        width: 90px;
    }
    #roaming-packages #travel-surf-balkan .bg-wrap .copy .ec {
        top: 0;
        width: 100%;
        position: relative;
        text-align: right;
    }
        #roaming-packages #travel-surf-balkan .bg-wrap .copy .ec img {
            width: 90px;
        }

        #roaming-packages #travel-surf .bg-wrap .copy p {
            padding: 0 0 60px !important;
        }

    #roaming-packages .sec-two h3 {
        margin: 40px 0 10px;
    }

    #roaming-packages .main-banner-new {
        height: 450px;
        background-position: 70%;
    }

        #roaming-packages .main-banner-new:before {
            display: none;
        }

        #roaming-packages .main-banner-new .header {
            width: 100%;
            background: #e20074;
            padding: 20px;
            height: auto;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

            #roaming-packages .main-banner-new .header h1 {
                font-size: 30px;
            }

                #roaming-packages .main-banner-new .header h1 br {
                    display: none;
                }

            #roaming-packages .main-banner-new .header p {
                font-size: 21px;
            }

                #roaming-packages .main-banner-new .header p br {
                    display: none;
                }

        #roaming-packages .main-banner-new .ec {
            bottom: initial;
            top: -20px;
            width: 100px;
        }

    #roaming-packages .main-banner:before {
        width: 65%;
    }

    #roaming-packages .main-banner h1 {
        font-size: 22px !important;
    }

    #roaming-packages .main-banner p {
        font-size: 18px !important;
    }

    #roaming-packages h2.black-header {
        margin: 40px auto !important;
        font-size: 20px !important;
    }

    #roaming-packages .soveti .wrapper ul {
        width: 100%;
    }

    #roaming-packages .last-sec h3 {
        margin: 10px !important;
    }

    #roaming-packages .last-sec #myTabContent-ict2 {
        z-index: 3;
        padding: 20px 0;
    }

    #roaming-packages table tr td {
        font-size: 16px !important;
    }

    #roaming-packages .sec-two #myTabContent-ict2 h3,
    #roaming-packages .sec-two #myTabContent-ict h3,
    #roaming-packages .sec-two #myTabContent-ict3 h3 {
        font-size: 30px;
        text-align: left !important;
        text-transform: none !important;
        font-family: 'teleNeo-regular' !important;
        margin: 40px 0;
        color: #333;
        padding: 20px;
        text-align: left;
        margin: 10px 20px;
        border-radius: 8px;
        font-size: 20px !important;
    }

    div#myTabContent-ict, div#myTabContent-ict2 {
        width: 100%;
        padding: 0 20px;
    }

    #roaming-packages section.last-sec .panel-heading h4.panel-title a {
        padding: 15px 5px 15px 0;
        font-size: 17px !important;
    }

    #roaming-packages .soveti h2 {
        width: 100% !important;
    }

    #roaming-packages .soveti .wrapper #v-pills-tabContent {
        width: 100%;
    }

    #roaming-packages .last-sec .boxes-pridobivki .box {
        margin: 20px 0 0;
        text-align: center;
    }

    #roaming-packages .last-sec .wrap {
        padding-top: 30px
    }

    #roaming-packages .last-sec .box ul.t-ul-new-magenta li {
        margin-left: 0;
    }

    #roaming-packages #travel-surf-balkan p, #roaming-packages #travel-surf p {
        padding: 0 !important;
    }

    #roaming-packages #travel-surf .wrap p {
        font-size: 18px;
    }

    #roaming-packages table {
        width: 100%;
    }

    #roaming-packages #carousel-soveti3 .item img {
        width: 100% !important;
    }

    #roaming-packages .soveti .carousel {
        position: relative;
        margin: 40px 0;
    }

        #roaming-packages .soveti .carousel .arrows {
            position: absolute;
            top: -65px;
            width: 80px;
            right: 0;
            height: 40px;
        }

            #roaming-packages .soveti .carousel .arrows a.left {
                left: 0 !important;
            }

            #roaming-packages .soveti .carousel .arrows a.right {
                right: 0 !important;
            }
}

@media(max-width: 590px) {
    #roaming-packages .soveti h2 {
        width: 100%;
        font-size: 22px;
    }

    #roaming-packages .main-banner {
        padding: 50% 0 0 !important;
    }

        #roaming-packages .main-banner .header {
            width: 60% !important;
        }

        #roaming-packages .main-banner:before {
            width: 75% !important;
        }


        #roaming-packages .main-banner h1 {
            font-size: 18px !important;
            margin-bottom: 0 !important;
            padding-left: 30px !important;
        }

        #roaming-packages .main-banner p {
            font-size: 16px !important;
            margin: 5px 0 !important;
            padding-bottom: 0 !important;
            padding-left: 30px !important;
        }

    #roaming-packages .nav-tabs li a {
        text-transform: capitalize !important;
    }

    #roaming-packages #travel-surf-balkan, #roaming-packages #travel-surf-balkan p {
        padding: 0 !important;
    }

    #roaming-packages .table-responsive {
        padding: 30px 20px;
    }

    #roaming-packages table tr td {
        width: 80%;
    }

    #roaming-packages #travel-surf-balkan .box1 {
        padding: 20px 10px;
    }
}

@media (min-width:320px) and (max-width:400px) {
    #roaming-packages .main-banner:before {
        width: 87% !important;
    }

    #roaming-packages .main-banner .header {
        width: 70% !important;
    }

    #roaming-packages h2.black-header {
        width: 80% !important;
        font-size: 18px !important;
    }

    #roaming-packages .sec-two h3 {
        font-size: 22px !important;
    }

    div#myTabContent-ict, div#myTabContent-ict2 {
        width: 100% !important;
    }

    #roaming-packages .sec-two li a {
        min-height: 100px;
    }
}
/*#endregion travel and surf redesign*/


/*#region pantheon web light*/
#pantheon-web-light .main-banner {
    position: relative;
    padding: 10% 0;
    background-image: url(../content/images/pantheon/banner-photo.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    #pantheon-web-light .main-banner:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        background-image: url(../content/images/pantheon/shape-banner.png);
        background-position: bottom left;
        background-size: contain;
        background-repeat: no-repeat;
        width: 50%;
        height: 100%;
    }

    #pantheon-web-light .main-banner .header-wrap {
        position: relative;
        width: 50%;
        z-index: 2;
    }

div#pantheon-web-light p {
    font-size: 18px;
    line-height: 1.2;
}

#pantheon-web-light .main-banner h1 {
    color: white;
    font-size: 40px;
    font-family: 'teleNeo-bold' !important;
    margin: 0;
    text-transform: uppercase;
    top: 50px;
    position: relative;
}

#pantheon-web-light .white-bg {
    position: relative;
    padding: 3% 0 9%;
    background: transparent linear-gradient(180deg, #CACFDC00 0%, #CACFDC 100%) 0% 0% no-repeat padding-box;
    /*box-shadow: 0px 9px 70px 55px rgba(0, 0,0,.18);*/
}

#pantheon-web-light h2.black-bg {
    color: white;
    background: black;
    margin: 30px auto 0px auto;
    padding: 20px 0;
    z-index: 4;
    position: relative;
    display: block;
}

#pantheon-web-light h2 {
    text-align: center;
    text-transform: uppercase;
    width: 40%;
    margin: 60px auto 40px auto;
    color: black;
    font-size: 35px;
    font-family: 'teleNeo-bold' !important;
    padding: 0;
}

#pantheon-web-light h4 {
    font-family: 'teleNeo-bold' !important;
    font-size: 20px;
    line-height: 1.2;
    margin: 20px 0 40px;
}

#pantheon-web-light section.tabs-section {
    position: relative;
    background-image: url(../content/images/pantheon/bg-section4.png);
    z-index: 3;
    background-size: cover;
    background-repeat: no-repeat;
}

    #pantheon-web-light section.tabs-section .tab-wrapper {
        padding: 75px 30px 30px;
        position: absolute;
        background: white;
        width: 90%;
        margin: -11% auto 50px auto;
        border-radius: 5px;
        padding-bottom: 3%;
        box-shadow: 0px 30px 136px rgba(0, 0, 0, .10);
        z-index: 2;
        left: 0;
        right: 0;
    }

    #pantheon-web-light section.tabs-section #myTabContent-ict {
        padding: 0 !important;
    }

    #pantheon-web-light section.tabs-section ul.nav-tabs {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
        margin: 0 auto 40px auto;
        border: 0;
        width: 90%;
    }

        #pantheon-web-light section.tabs-section ul.nav-tabs li {
            padding: 30px 20px;
            border-radius: 8px;
            width: 30%;
            text-align: center;
            font-size: 19px;
            position: relative;
            transition: all ease-in .3s;
            cursor: pointer;
            line-height: 1.2;
            background: #EFEFF3;
            transition: all ease-in .3s;
            -webkit-transition: all ease-in .3s;
        }

            #pantheon-web-light section.tabs-section ul.nav-tabs li.active {
                background: white;
                transition: all ease-in .3s;
                -webkit-transition: all ease-in .3s;
                box-shadow: 0 0 40px 6px rgba(0, 0, 0, .10);
            }

                #pantheon-web-light section.tabs-section ul.nav-tabs li.active:before {
                    content: '';
                    position: absolute;
                    width: 75%;
                    margin: 0 auto;
                    left: 0;
                    right: 0;
                    height: 3px;
                    background: #e20074;
                    top: 0;
                }

#pantheon-web-light .icon-wrap {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    align-content: center;
}

    #pantheon-web-light .icon-wrap .box {
        width: 30%;
    }

#pantheon-web-light .lists {
    position: relative;
    display: flex;
    margin: 0 auto;
    text-align: left;
    justify-content: space-around;
    align-items: center;
}

#pantheon-web-light .prices {
    padding-bottom: 6%;
    padding-top: 23%;
}

    #pantheon-web-light .prices ul.list-inline {
        margin-bottom: 50px;
    }

    #pantheon-web-light .prices .price-wrap {
        width: 20%;
        margin: 0 auto;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
        padding: 30px;
        text-align: center;
    }

        #pantheon-web-light .prices .price-wrap .title {
            position: relative;
            padding-bottom: 0;
        }

            #pantheon-web-light .prices .price-wrap .title:after {
                content: '';
                position: absolute;
                width: 55%;
                margin: 0 auto;
                left: 0;
                right: 0;
                background: rgba(112, 112, 112, .15);
                bottom: 0;
                height: 1px;
            }

        #pantheon-web-light .prices .price-wrap h3 {
            font-size: 18px;
            display: block;
            line-height: 1.2;
        }

            #pantheon-web-light .prices .price-wrap h3 span {
                display: block;
                font-size: 20px;
                font-family: 'teleNeo-bold' !important;
                padding: 10px 0;
            }

    #pantheon-web-light .prices .smart-priceWraper {
        position: relative;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 45%;
        margin: 30px auto 40px;
    }

        #pantheon-web-light .prices .smart-priceWraper .p-left-smart span {
            font-size: 30px;
            font-family: 'teleNeo-bold' !important;
            line-height: 1.2;
        }

        #pantheon-web-light .prices .smart-priceWraper .p-right-smart span {
            text-transform: none;
            color: #333;
            border: 0;
            margin-top: 5px;
            font-size: 14px !important;
            margin-left: 10px;
        }

    #pantheon-web-light .prices p.text-magenta {
        font-family: 'teleNeo-bold' !important;
        margin: 0;
    }

@media(max-width: 374px) {
    #pantheon-web-light .main-banner:before {
        width: 100% !important;
    }
}

@media(max-width: 767px) {

    #pantheon-web-light .main-banner {
        padding: 15% 0;
    }

        #pantheon-web-light .main-banner:before {
            content: '';
            position: absolute;
            background-size: cover;
            background-repeat: no-repeat;
            width: 60%;
            height: 100%;
        }

        #pantheon-web-light .main-banner .header-wrap {
            width: 60%;
        }

        #pantheon-web-light .main-banner h1 {
            color: white;
            font-size: 30px;
            top: 30px;
            position: relative;
        }

    #pantheon-web-light h2 {
        width: 100%;
        margin-bottom: 40px !important;
        font-size: 27px;
        padding: 20px 15px !important;
    }

    #pantheon-web-light #myTabContent-ict {
        width: 100%;
    }

        #pantheon-web-light #myTabContent-ict .dc-tab_content {
            padding: 0 20px;
        }

        #pantheon-web-light #myTabContent-ict h3 {
            color: #333;
            padding: 20px;
            text-align: left;
            margin: 10px 0px;
            background: #eee;
            border-radius: 8px;
            font-size: 19px;
        }

            #pantheon-web-light #myTabContent-ict h3.dc-active {
                background: #e20074;
                color: white !important;
            }

    #pantheon-web-light section.tabs-section .tab-wrapper {
        padding: 40px 10px 30px;
        width: 90%;
        position: relative;
    }

    #pantheon-web-light .icon-wrap {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

        #pantheon-web-light .icon-wrap .box {
            width: 100%;
            text-align: center;
            margin-top: 10px;
        }

    #pantheon-web-light .lists {
        flex-direction: column;
        align-items: flex-start;
    }

    #pantheon-web-light .prices {
        padding-bottom: 25%;
        padding-top: 0;
    }

        #pantheon-web-light .prices .price-wrap {
            width: 80%;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    #pantheon-web-light .main-banner .header-wrap {
        width: 40%;
    }

    #pantheon-web-light .main-banner h1 {
        color: white;
        font-size: 35px;
        top: 40px;
    }

    #pantheon-web-light .white-bg {
        padding: 3% 0 7%;
    }

    #pantheon-web-light section.tabs-section .tab-wrapper {
        position: relative;
    }

    #pantheon-web-light section.tabs-section {
        background-image: none;
    }

        #pantheon-web-light section.tabs-section ul.nav-tabs li {
            min-height: 130px;
        }

    #pantheon-web-light .prices .price-wrap {
        width: 30%;
    }

    #pantheon-web-light .prices {
        padding-top: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #pantheon-web-light section.tabs-section ul.nav-tabs li {
        min-height: 100px;
    }

    #pantheon-web-light .main-banner .header-wrap {
        width: 40%;
    }

    #pantheon-web-light section.tabs-section .tab-wrapper {
        position: relative;
    }

    #pantheon-web-light .prices {
        padding-top: 0;
    }
}

@media(min-width: 1200px) and (max-width: 1400px) {
    div#eco-popust .white-bg h2 {
        width: 80%;
    }

    div#eco-popust section.gray-gradient .wrapper:last-of-type > div {
        width: 40%;
    }

    #pantheon-web-light section.tabs-section ul.nav-tabs li {
        font-size: 18px;
    }

    #pantheon-web-light .prices {
        padding-top: 25%;
    }
}

@media(min-width: 1900px) {
    #pantheon-web-light .main-banner:before {
        background-size: cover;
    }

    #pantheon-web-light .prices {
        padding-top: 15%;
    }
}
/*#endregion pantheon web light*/

/*#region oryx assistance*/
#oryx .main-banner {
    position: relative;
    height: 730px;
    background-image: url(../content/images/oryx/oryx-banner-bg.png);
    background-position: center;
    background-size: cover;
    overflow: visible;
    z-index: 1;
}

    #oryx .main-banner:before {
        position: absolute;
        content: '';
        background-image: url(../content/images/oryx/shape-magenta.png);
        height: 100%;
        width: 50%;
        top: 34px;
        bottom: 0;
        left: 0;
        z-index: 2;
        overflow: visible;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom left;
    }

    #oryx .main-banner .header {
        position: relative;
        width: 40%;
        color: white;
        z-index: 3;
        vertical-align: middle;
        bottom: 50px;
        height: 100%;
        display: inline-flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    #oryx .main-banner h1 {
        color: white;
        font-size: 40px;
        font-family: 'teleNeo-bold' !important;
        line-height: 1.2;
        margin: 0 0 30px 0;
    }

    #oryx .main-banner h2 {
        color: white;
        text-transform: uppercase;
        font-family: 'teleNeo-regular' !important;
        font-size: 28px;
    }

    #oryx .main-banner .partner-logo {
        position: absolute;
        right: 0;
        bottom: 40px;
    }

        #oryx .main-banner .partner-logo p {
            color: white;
            font-size: 18px;
            margin: 0;
        }

#oryx .gray-bg .text {
    font-family: 'teleNeo-medium' !important;
}

#oryx p {
    font-size: 19px;
    line-height: 1.2;
}

    #oryx p a {
        text-decoration: underline;
    }

    #oryx p.gray-text {
        position: relative;
        color: #565656;
        font-size: 15px !important;
        margin: 30px 0;
        line-height: 1.2;
    }

#oryx .main-banner .ec {
    position: absolute;
    bottom: -50px;
    right: -50%;
}

#oryx section.gray-bg {
    position: relative;
    padding: 7% 0;
    background-image: url(../content/images/oryx/section-bg-1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    #oryx section.gray-bg p {
        padding: 1% 10%;
    }

#oryx .prices-roadside,
#oryx .pridobivki {
    position: relative;
    background-image: url(../content/images/oryx/section3-bg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    padding-bottom: 30px;
}

#oryx .tabsContent-wrapper {
    position: relative;
    margin-top: 0px;
    background: white;
}

#oryx section.tabs-wrapper .tabs {
    /*position: absolute;
    top: -60px;*/
    width: 70%;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: relative;
}

#oryx section.tabs-wrapper .text-wrap p {
    padding: 1% 10%;
}

#oryx section.tabs-wrapper #myTabContent-ict {
    padding: 0;
    width: 100%;
}

    #oryx section.tabs-wrapper #myTabContent-ict .text-wrap {
        background: #FFFFFF;
        box-shadow: 0px -10px 90px rgba(0, 0, 0, .14);
        padding: 60px 0;
        margin-bottom: 0px;
    }

        #oryx section.tabs-wrapper #myTabContent-ict .text-wrap h4 {
            font-size: 31px;
            font-family: 'teleNeo-extra' !important;
            line-height: 1.2;
            margin: 0px 0 40px 0;
            padding: 0;
        }

#oryx section.tabs-wrapper .tabs ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    border: 0;
}

    #oryx section.tabs-wrapper .tabs ul li {
        width: 30%;
        text-align: center;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        border-radius: 10px 10px 0px 0px;
        background: #FFFFFF 0% 0%;
        cursor: pointer;
        transition: all ease-in-out 0.2s;
        margin-top: 0;
    }

        #oryx section.tabs-wrapper .tabs ul li:hover {
            margin-top: -20px;
            transition: all ease-in-out 0.2s;
        }

        #oryx section.tabs-wrapper .tabs ul li svg {
            width: 17%;
            display: inline;
            position: relative;
        }

        #oryx section.tabs-wrapper .tabs ul li p {
            width: 80%;
            font-family: 'teleNeo-bold' !important;
            font-size: 19px;
            text-align: center;
            color: black;
            width: auto;
            transform: translate(0px, 2px);
            margin: 0 3px;
        }

        #oryx section.tabs-wrapper .tabs ul li.active {
            background: #E20074 !important;
            color: white;
            margin-top: 0px;
            margin-bottom: 0px;
        }

            #oryx section.tabs-wrapper .tabs ul li.active svg * {
                fill: white;
            }

            #oryx section.tabs-wrapper .tabs ul li.active p {
                color: white;
            }

#oryx section.tabs-wrapper .extra-roadside {
    position: relative;
    margin-bottom: 5%;
}

    #oryx section.tabs-wrapper .extra-roadside h3 {
        font-size: 25px;
        font-family: 'teleNeo-extra' !important;
        margin: 20px 0 50px;
        line-height: 1.2;
    }

#oryx p.small.text-center {
    color: #565656;
    font-size: 16px !important;
}

#oryx section.tabs-wrapper .extra-roadside .wrapper {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: flex-start;
    margin-bottom: 20px;
}

    #oryx section.tabs-wrapper .extra-roadside .wrapper .box {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: inset 0px 13px 0px #e20074, 0px 40px 100px rgba(148, 156, 168, .20);
        border-radius: 10px;
        opacity: 1;
        width: 40%;
        padding: 40px 30px 50px;
        min-height: 300px;
        margin-bottom: 10px;
    }

        #oryx section.tabs-wrapper .extra-roadside .wrapper .box h4 {
            font-size: 25px;
            font-family: 'teleNeo-bold' !important;
            margin-bottom: 40px;
        }

        #oryx section.tabs-wrapper .extra-roadside .wrapper .box .header {
            position: relative;
        }

            #oryx section.tabs-wrapper .extra-roadside .wrapper .box .header:after {
                content: '';
                position: absolute;
                width: 30%;
                left: 0;
                right: 0;
                margin: 0 auto;
                height: 2px;
                background: #eaeaea;
                bottom: -15px;
            }

/*#oryx section.tabs-wrapper .more-info-roadside {
    position: relative;
    padding: 5% 0;
    background-image: url(../content/images/oryx/tab1-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    overflow: visible;
    background-size: cover;
    width: 100%;
}*/
#oryx section.tabs-wrapper .more-info-roadside {
    position: relative;
    background-image: url(../content/images/oryx/road-img-full.png);
    background-position: -11% 0%;
    background-repeat: no-repeat;
    overflow: visible;
    background-size: cover;
    width: 100%;
    height: 450px;
}

    #oryx section.tabs-wrapper .more-info-roadside:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/oryx/banner-shape.png);
        background-size: contain;
        height: 550px;
        width: 60%;
        left: 0;
        top: -13%;
        z-index: 3;
        background-repeat: no-repeat;
    }

    #oryx section.tabs-wrapper .more-info-roadside.oneside:before {
        display: none;
    }

    #oryx section.tabs-wrapper .more-info-roadside .static-wrap {
        position: relative;
        height: 100%;
    }

    #oryx section.tabs-wrapper .more-info-roadside .wrapper {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        height: 100%;
    }

        #oryx section.tabs-wrapper .more-info-roadside .wrapper > div {
            text-align: left;
            color: white;
            z-index: 3;
        }

        #oryx section.tabs-wrapper .more-info-roadside .wrapper div.left-box {
            width: 40%;
        }

        #oryx section.tabs-wrapper .more-info-roadside .wrapper div.right-box {
            width: 40%;
        }

        #oryx section.tabs-wrapper .more-info-roadside .wrapper .left-box p {
            font-size: 21px !important;
            padding-left: 30px;
            padding-right: 60px;
        }

    #oryx section.tabs-wrapper .more-info-roadside .left-box ol li {
        margin-left: 0;
        font-size: 19px;
        padding: 7px 5px;
    }

    #oryx section.tabs-wrapper .more-info-roadside .right-box h3 {
        font-size: 35px;
        font-family: 'teleNeo-bold' !important;
        margin-bottom: 30px;
    }

    #oryx section.tabs-wrapper .more-info-roadside .right-box h4 {
        color: white;
        font-family: 'teleNeo-medium' !important;
        padding-left: 30px;
        position: relative;
        font-size: 28px;
        padding-right: 100px;
    }

        #oryx section.tabs-wrapper .more-info-roadside .right-box h4:before {
            content: '';
            position: absolute;
            height: 100%;
            left: 3px;
            top: 0;
            width: 4px;
            background: white;
        }

    #oryx section.tabs-wrapper .more-info-roadside .right-box p {
        padding-left: 40px;
        padding-bottom: 15px;
    }

#oryx section.tabs-wrapper .prices-roadside h2 {
    font-family: 'teleNeo-extra' !important;
    font-size: 35px;
}

#oryx section.tabs-wrapper .prices-roadside .table-responsive {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 76px rgba(0, 0, 0, .08);
    padding: 30px 90px;
    margin-top: 60px;
}

#oryx section.tabs-wrapper .prices-roadside table tr th,
.prices-roadside table tr td {
    background: transparent;
    border: 0 !important;
}

#oryx section.tabs-wrapper .prices-roadside table tr td {
    border-bottom: 1px solid #eaeaea !important;
    padding: 20px;
    text-align: center;
    position: relative;
}

    #oryx section.tabs-wrapper .prices-roadside table tr td.check:before {
        content: 'V';
        position: absolute;
        font-family: 'teleicon-outline';
        color: green;
        font-size: 23px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
    }

    #oryx section.tabs-wrapper .prices-roadside table tr td span {
        font-family: 'teleNeo-bold' !important;
    }

    #oryx section.tabs-wrapper .prices-roadside table tr td:first-of-type,
    #oryx section.tabs-wrapper .prices-roadside table tr th:first-of-type {
        text-align: left !important;
        padding-left: 0px;
        font-family: 'teleNeo-bold' !important;
    }

#oryx section.tabs-wrapper .prices-roadside table tr th {
    font-size: 25px !important;
    text-align: center;
    font-family: 'teleNeo-extra' !important;
}

#oryx section.tabs-wrapper .smart-priceWraper {
    position: relative;
    width: 50%;
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

    #oryx section.tabs-wrapper .smart-priceWraper .p-left-smart span {
        font-size: 28px;
    }

    #oryx section.tabs-wrapper .smart-priceWraper .p-right-smart span {
        font-size: 14px;
        color: #333;
        text-transform: none;
        font-family: 'teleNeo-regular' !important;
        padding-right: 5px;
        line-height: 1.2;
        position: relative;
    }

#oryx section.tabs-wrapper .p-wrap {
    background: #F7F7F8;
    margin-top: -10px;
    position: relative;
    padding: 20px 80px;
}

    #oryx section.tabs-wrapper .p-wrap p {
        font-size: 16px;
        text-align: left;
        margin-bottom: 10px !important;
        line-height: 1.2;
        color: #565656;
    }

#oryx .send-activation {
    position: relative;
    margin: 40px auto;
    text-align: center;
}

    #oryx .send-activation a {
        padding: 12px 20px;
        font-size: 18px;
    }

#oryx section.tabs-wrapper #tab-2 .more-info-roadside.oneside {
    background-image: url(../content/images/oryx/mobi-img-full.jpg);
    background-position: -10% 0px;
    margin-bottom: 6%;
}

#oryx section.tabs-wrapper #tab-2 .more-info-roadside .left-box {
    padding-top: 40px;
}

#oryx #tab-2 .ceni-specifikacija {
    margin-bottom: 50px;
}

#oryx section.tabs-wrapper .pridobivki h2 {
    font-family: 'teleNeo-extra' !important;
    font-size: 35px;
    margin-bottom: 30px;
}

#oryx section.tabs-wrapper .pridobivki p {
    padding: 0 10%;
}

#oryx section.tabs-wrapper .pridobivki .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

    #oryx section.tabs-wrapper .pridobivki .wrap .box {
        position: relative;
        background: #FFFFFF;
        box-shadow: 0px 40px 80px rgba(0, 0, 0, .13);
        border-radius: 10px;
        width: 30%;
    }

#oryx section.tabs-wrapper .pridobivki .header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
    /* margin-bottom: 20px; */
}

    #oryx section.tabs-wrapper .pridobivki .header:after {
        content: '';
        position: absolute;
        width: 80%;
        height: 1px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: #e9e9e9;
    }

    #oryx section.tabs-wrapper .pridobivki .header h3 {
        font-size: 35px;
        font-family: 'teleNeo-bold' !important;
    }

#oryx section.tabs-wrapper .pridobivki .content {
    padding: 0 30px;
    margin: 20px 0 40px;
}

    #oryx section.tabs-wrapper .pridobivki .content .icon {
        padding: 10px 0;
        width: 100%;
        text-align: center;
    }

    #oryx section.tabs-wrapper .pridobivki .content p {
        font-size: 17px !important;
    }

#oryx section.tabs-wrapper .pridobivki .price-box {
    background: #F7F7F8;
    padding: 20px 30px;
}

    #oryx section.tabs-wrapper .pridobivki .price-box .p-left-smart span {
        font-family: 'teleNeo-bold' !important;
        font-size: 33px;
    }

#oryx section.tabs-wrapper .text-wrap.backup {
    margin-bottom: 0px !important;
}

    #oryx section.tabs-wrapper .text-wrap.backup p {
        padding: 1% 15%;
    }

#oryx section.tabs-wrapper .more-info-roadside.oneside {
    padding: 0;
    background-image: url(../content/images/oryx/road-img-full.png);
    height: 355px;
    background-position: center;
}

    #oryx section.tabs-wrapper .more-info-roadside.oneside .static-wrap {
        position: unset;
        padding: 0px;
    }

    #oryx section.tabs-wrapper .more-info-roadside.oneside .wrapper {
        transform: translate(0, 50px);
    }

    #oryx section.tabs-wrapper .more-info-roadside.oneside .right-box .backup-car {
        padding-top: 25px;
    }

    #oryx section.tabs-wrapper .more-info-roadside.oneside .right-box p {
        padding-bottom: 10px;
    }

    #oryx section.tabs-wrapper .more-info-roadside.oneside .static-wrap .absolute-img {
        position: absolute;
        right: 0;
        bottom: 0;
    }

#oryx section.tabs-wrapper .prices-roadside h2,
#oryx section.tabs-wrapper .pridobivki h2 {
    padding-top: 50px;
}

#oryx section.tabs-wrapper .prices-roadside .table-before {
    position: relative;
    width: 31%;
    background: #FFF29E 0% 0% no-repeat padding-box;
    text-align: left;
    right: 0px;
    top: 0;
    float: right;
}

    #oryx section.tabs-wrapper .prices-roadside .table-before p {
        font-size: 15px !important;
        padding: 10px 42px;
        font-family: 'teleNeo-medium' !important;
        line-height: 1.1;
    }

        #oryx section.tabs-wrapper .prices-roadside .table-before p:before {
            content: url(../content/images/oryx/info.png);
            position: absolute;
            left: 15px;
        }

#oryx section.tabs-wrapper .prices-roadside table tr:last-of-type td {
    border-bottom: unset !important;
}

#oryx section.tabs-wrapper .prices-roadside table .smart-priceWraper .p-left-smart {
    margin-right: 6px;
}

#oryx section.tabs-wrapper .prices-roadside table .smart-priceWraper .p-right-smart span.price-descr {
    position: relative;
    top: -5px;
}

#oryx .sticky-container.affix-top {
    position: absolute;
    background: transparent;
    z-index: 3;
    width: 100%;
    transition: all ease-in .3s;
    margin-top: -60px;
}

#oryx .sticky-container.affix {
    position: fixed;
    top: 70px;
    width: 100%;
    z-index: 4;
    background: white;
    transition: all ease-in .3s;
}

#oryx section.tabs-wrapper .tabs ul li {
    margin-bottom: 2px;
}

#oryx .sticky-container.affix:after {
    content: '';
    display: block;
    width: 100%;
    height: 20%;
    position: absolute;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .10), transparent);
}


@media(max-width:767px) {
    #oryx .main-banner {
        position: relative;
        height: 420px;
        background-size: cover;
    }

        #oryx .main-banner .header {
            position: absolute;
            width: 100%;
            bottom: 50px;
            height: 200px;
            background-color: #e20074;
            left: 0;
            bottom: 0;
            padding: 20px;
        }

            #oryx .main-banner .header:before {
                content: '';
                display: none;
            }

        #oryx .main-banner .ec {
            position: absolute;
            bottom: -80px;
            right: 0;
            width: 70%;
        }

        #oryx .main-banner .partner-logo {
            position: absolute;
            left: 20px;
            bottom: 50%;
            width: 40%;
            right: inherit;
        }

        #oryx .main-banner h1 {
            font-size: 26px;
        }

        #oryx .main-banner h2 {
            font-size: 22px;
        }

    #oryx section.gray-bg {
        padding: 25% 0 7% 0;
    }

    #oryx .tabsContent-wrapper {
        padding-bottom: 30px;
    }

    #oryx section.tabs-wrapper #myTabContent-ict {
        padding: 0;
        width: 100%;
    }

    #oryx .tabsContent-wrapper h3.dc-tab_drawer_heading {
        width: 80%;
        text-align: center;
        border-radius: 8px;
        padding: 20px 0;
        color: black;
        font-family: 'teleNeo-bold' !important;
        background: #FFFFFF;
        text-align: left;
        display: flex !important;
        align-items: center;
        margin: 20px auto;
        padding: 10px;
        box-shadow: 0 0 70px 30px rgba(0, 0, 0, .10);
    }

        #oryx .tabsContent-wrapper h3.dc-tab_drawer_heading span {
            font-size: 18px;
            font-family: 'teleNeo-bold' !important;
        }

        #oryx .tabsContent-wrapper h3.dc-tab_drawer_heading svg {
            position: relative;
            display: inline;
        }

    #oryx .tabsContent-wrapper h3.dc-active {
        background: #e20074;
        color: white;
    }

        #oryx .tabsContent-wrapper h3.dc-active svg * {
            fill: white;
        }

    #oryx section.tabs-wrapper #myTabContent-ict .text-wrap h4 {
        text-align: center;
        font-size: 26px;
    }

    #oryx section.tabs-wrapper .extra-roadside h3 {
        font-size: 23px;
        text-align: center;
    }

    #oryx section.tabs-wrapper .text-wrap p {
        padding: 0;
    }

    #oryx section.tabs-wrapper .extra-roadside .wrapper {
        flex-direction: column;
        margin-bottom: 30px;
    }

        #oryx section.tabs-wrapper .extra-roadside .wrapper .box {
            width: 100%;
            min-height: 200px;
            margin-bottom: 30px;
        }

            #oryx section.tabs-wrapper .extra-roadside .wrapper .box .header {
                text-align: center;
            }

        #oryx section.tabs-wrapper .extra-roadside .wrapper p {
            padding: 0 60px;
        }

    #oryx section.tabs-wrapper .more-info-roadside .wrapper {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        align-content: flex-start;
    }

    #oryx section.tabs-wrapper .p-wrap {
        padding: 20px;
    }

    #oryx section.tabs-wrapper .text-wrap p {
        padding: 0px !important;
        text-align: justify;
    }

    #oryx section.tabs-wrapper .extra-roadside .wrapper {
        align-items: center !important;
        margin-bottom: 20px !important;
        flex-direction: column;
    }

        #oryx section.tabs-wrapper .extra-roadside .wrapper .box {
            width: 100% !important;
            padding: 50px 0 !important;
            margin-bottom: 25px !important;
        }

            #oryx section.tabs-wrapper .extra-roadside .wrapper .box .header {
                text-align: center;
                padding: 0 20px;
            }

    #oryx section.tabs-wrapper .extra-roadside p.small {
        text-align: center;
        padding: 0;
    }

    #oryx section.tabs-wrapper .extra-roadside h3,
    #oryx section.tabs-wrapper .pridobivki h2 {
        text-align: center;
    }

    #oryx section.tabs-wrapper .pridobivki .wrap {
        flex-direction: column;
    }

        #oryx section.tabs-wrapper .pridobivki .wrap .box {
            width: 100% !important;
            margin-bottom: 25px;
        }

    #oryx section.tabs-wrapper .prices-roadside .table-before {
        width: 100%;
    }

        #oryx section.tabs-wrapper .prices-roadside .table-before p {
            padding: 7px 9px 7px 20px !important;
        }

            #oryx section.tabs-wrapper .prices-roadside .table-before p:before {
                left: 0px !important;
            }

    #oryx section.tabs-wrapper .prices-roadside table tr td {
        padding: 20px 10px;
    }

    #oryx section.tabs-wrapper .p-wrap {
        padding: 20px 0 !important;
    }

        #oryx section.tabs-wrapper .p-wrap p {
            padding: 0;
        }

    #oryx section.tabs-wrapper .prices-roadside .ceni-specifikacija {
        padding-bottom: 20px;
    }

    #oryx section.tabs-wrapper .text-wrap.backup p {
        padding: 0px;
        text-align: justify;
    }

    #oryx section.tabs-wrapper .more-info-roadside.oneside {
        height: auto;
        background-position: left bottom;
    }

    #oryx section.tabs-wrapper .more-info-roadside .right-box h4 {
        font-size: 22px !important;
        padding-left: 30px !important;
        padding-right: 0px !important;
    }

    #oryx section.tabs-wrapper .more-info-roadside .right-box p {
        padding-left: 30px;
    }

    #oryx section.tabs-wrapper .more-info-roadside .wrapper > div {
        width: 100% !important;
    }

    #oryx section.tabs-wrapper .prices-roadside table tr th:first-of-type,
    #oryx section.tabs-wrapper .prices-roadside table tr td:first-of-type {
        padding-left: 20px !important;
    }

    #oryx section.tabs-wrapper .prices-roadside table tr td:first-of-type, #oryx section.tabs-wrapper .prices-roadside table tr th:first-of-type {
        text-align: left !important;
        padding-left: 0px;
        position: sticky;
        left: 0;
        background-color: #fff;
        width: 100px;
        z-index: 3;
    }

        #oryx section.tabs-wrapper .prices-roadside table tr td:first-of-type:after,
        #oryx section.tabs-wrapper .prices-roadside table tr th:first-of-type:after {
            content: '';
            display: block;
            position: absolute;
            left: 100%;
            top: 0;
            bottom: 0;
            width: 40%;
            background: transparent linear-gradient(84deg,rgba(148, 156, 168, .08) 0%,rgba(148, 156, 168, 0) 100%);
            height: 100%;
        }

    #oryx section.tabs-wrapper .prices-roadside .table-responsive {
        padding: 30px 0px !important;
    }


    #oryx section.tabs-wrapper .wrapper .box .header,
    #oryx section.tabs-wrapper .prices-roadside h2,
    #oryx .send-activation {
        text-align: center;
    }

    #oryx section.tabs-wrapper .more-info-roadside.oneside .static-wrap .absolute-img {
        position: relative;
    }

    #oryx section.tabs-wrapper .more-info-roadside.oneside .wrapper div.right-box {
        padding: 0 20px 50px;
    }

    #oryx section.tabs-wrapper .pridobivki p {
        padding: 0 !important;
    }

    #oryx .list-inline li {
        padding: 0;
    }

    #oryx section.tabs-wrapper .prices-roadside .table-responsive {
        margin-top: 40px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #oryx .main-banner {
        height: 500px;
    }

        #oryx .main-banner:before {
            width: 65%;
        }

        #oryx .main-banner .header {
            bottom: 10px;
        }

        #oryx .main-banner h1 {
            font-size: 27px;
        }

        #oryx .main-banner h2 {
            font-size: 22px;
        }

        #oryx .main-banner .ec {
            position: absolute;
            bottom: -50px;
            right: -74%;
            width: 70%;
        }

    #oryx section.tabs-wrapper .tabs {
        width: 100%;
    }

        #oryx section.tabs-wrapper .tabs ul li.active p {
            font-size: 18px;
        }

    #oryx section.tabs-wrapper .extra-roadside .wrapper .box {
        min-height: 340px;
    }

    #oryx section.tabs-wrapper .prices-roadside .table-responsive {
        padding: 30px 20px;
    }

        #oryx section.tabs-wrapper .prices-roadside .table-responsive table {
            overflow-x: scroll;
            width: 100%;
            display: block;
        }

    #oryx section.tabs-wrapper .more-info-roadside.oneside {
        height: 370px !important;
    }

        #oryx section.tabs-wrapper .more-info-roadside.oneside .wrapper {
            align-items: flex-start;
        }

        #oryx section.tabs-wrapper .more-info-roadside.oneside .static-wrap .absolute-img {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 40%;
        }

    #oryx section.tabs-wrapper .prices-roadside .table-before {
        width: 100%;
    }
}

@media(max-width: 375px) {
    #oryx section.gray-bg {
        padding: 30% 0 7% 0;
    }

    #oryx .tabsContent-wrapper {
        padding-bottom: 0;
    }
}

@media(max-width: 991px) {
    #oryx section.tabs-wrapper .more-info-roadside .wrapper div.left-box,
    #oryx section.tabs-wrapper .more-info-roadside .wrapper div.right-box {
        width: 100% !important;
        z-index: 3;
    }

    #oryx section.tabs-wrapper .more-info-roadside .wrapper div.left-box {
        background-color: #e20074;
    }

    #oryx section.tabs-wrapper .more-info-roadside .wrapper .left-box p {
        padding: 0 20px;
    }

    #oryx section.tabs-wrapper .more-info-roadside .wrapper div.right-box {
        padding: 0 20px;
    }

    #oryx section.tabs-wrapper .more-info-roadside .right-box h3 {
        font-size: 24px;
    }

    #oryx section.tabs-wrapper .more-info-roadside .right-box h4 {
        padding-right: 0;
        font-size: 22px;
    }

    #oryx section.tabs-wrapper .more-info-roadside {
        width: 100%;
        height: auto;
        background-position: center;
    }

        #oryx section.tabs-wrapper .more-info-roadside:before {
            display: none;
        }

    #oryx section.tabs-wrapper .prices-roadside h2 {
        font-size: 30px;
        text-align: center;
    }
}

@media(min-width:992px) and (max-width: 1199px) {
    #oryx .main-banner {
        height: 600px;
    }

        #oryx .main-banner:before {
            top: 31px !important;
            width: 65% !important;
        }

        #oryx .main-banner .header {
            width: 50% !important;
            left: 0px !important;
        }

        #oryx .main-banner .ec {
            position: absolute;
            bottom: -81px;
            right: -50%;
        }

        #oryx .main-banner .partner-logo {
            position: absolute;
            right: -50px !important;
            bottom: 25px !important;
        }

    #oryx section.tabs-wrapper .more-info-roadside {
        height: auto !important;
        background-position: inherit !important;
    }

        #oryx section.tabs-wrapper .more-info-roadside .wrapper div.left-box {
            width: 45%;
            background-color: #e20074;
            padding: 105px 0px;
        }

        #oryx section.tabs-wrapper .more-info-roadside .wrapper div.right-box {
            width: 50% !important;
        }

        #oryx section.tabs-wrapper .more-info-roadside:before {
            display: none;
        }

        #oryx section.tabs-wrapper .more-info-roadside.oneside {
            height: 410px !important;
        }

            #oryx section.tabs-wrapper .more-info-roadside.oneside .static-wrap .absolute-img {
                width: 45%;
            }

    #oryx section.tabs-wrapper .prices-roadside .table-before {
        width: 100%;
    }

    #oryx section.tabs-wrapper .prices-roadside .table-responsive {
        padding: 30px 20px;
        overflow-x: scroll;
    }
}

@media(min-width: 1200px) and (max-width: 1400px) {
    #oryx section.tabs-wrapper .more-info-roadside:before {
        content: '';
        background-size: cover;
        height: 549px;
    }
}

@media(min-width:1500px) and (max-width: 2879px) {
    #oryx .main-banner:before {
        top: 55px;
        background-size: contain;
    }
}

@media(min-width: 2880px) {
    #oryx .main-banner:before {
        display: none;
    }

    #oryx .main-banner .header {
        background-color: #e20074;
        position: absolute !important;
        height: 30% !important;
        padding: 15px 60px !important;
        bottom: 0px !important;
    }

    #oryx .main-banner .ec {
        position: absolute;
        bottom: 0 !important;
        right: -47% !important;
    }

    #oryx .main-banner .partner-logo {
        position: absolute;
        right: 55px !important;
        bottom: 40px;
    }
}

@media(min-width: 2000px) {
    #oryx section.tabs-wrapper .more-info-roadside:before {
        background-size: cover;
        top: -26%;
        height: 570px;
        width: 50%;
    }
}

@media (min-width: 1550px) {
    #oryx .main-banner:before {
        background-size: contain;
        top: 45px;
    }
}
/*#endregion oryx assist.*/





/*#region all in one*/

#all-inOne .main-banner {
    background-size: cover;
    height: 400px;
    background-repeat: no-repeat;
    margin-bottom: 50px;
    background-image: url(../content/images/all-inOne/inOne-banner.jpg);
    position: relative;
    background-position: left;
}

    #all-inOne .main-banner:before {
        background-image: url(../content/images/all-inOne/shape-banner.png);
        width: 45%;
        height: 100%;
        background-size: contain;
        content: '';
        position: absolute;
        bottom: 0;
        background-repeat: no-repeat;
        background-position: left bottom;
        left: 0;
    }

    #all-inOne .main-banner .header {
        position: absolute;
        width: 35%;
        bottom: 55px;
    }

    #all-inOne .main-banner h1 {
        color: white;
        font-size: 40px;
        text-transform: none;
        line-height: 1.2;
        font-weight: 600;
        padding-right: 45px;
    }

    #all-inOne .main-banner .ec {
        top: 90px;
        right: -20px;
        position: absolute;
        width: 110px;
    }

#all-inOne .wrap-title {
    position: relative;
}

    #all-inOne .wrap-title h2 {
        position: relative;
        width: 400px;
        text-align: center;
        margin: 0 auto;
        background-color: black;
        color: white;
        text-transform: uppercase;
        font-size: 40px;
        padding: 20px;
        transform: skew(-30deg);
        bottom: -50px;
        margin-top: 50px;
        z-index: 20;
    }

        #all-inOne .wrap-title h2 span {
            transform: skew(30deg) !important;
            font-family: 'teleNeo-extra' !important;
            position: relative;
            transform: skewX( 25deg );
            position: relative;
            display: block;
            font-family: 'teleNeo-extra' !important;
        }

#all-inOne .einvoice-tabs {
    min-height: 550px
}

    #all-inOne .einvoice-tabs ul {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        margin: 100px auto 20px auto;
        border: 0;
        width: 100%;
    }

        #all-inOne .einvoice-tabs ul li {
            position: relative;
            display: block;
            margin: 0 10px;
            background-color: #efeff3 !important;
            box-shadow: none !important;
            min-height: 70px;
            padding: 30px;
            border-radius: 8px;
            font-size: 18px;
        }

            #all-inOne .einvoice-tabs ul li.active {
                box-shadow: 0 0 35px 7px rgba(0, 0, 0, 0.12) !important;
                background-color: white !important;
            }

                #all-inOne .einvoice-tabs ul li.active:before {
                    content: '';
                    position: absolute;
                    width: 75%;
                    height: 3px;
                    background: #e20074;
                    top: 0;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                    transition: all ease-in .3s;
                }

#all-inOne .einvoice-tabs {
    margin-top: 0;
    margin-bottom: 30px;
    box-shadow: 0px 30px 136px rgba(0, 0, 0, .1);
    min-height: inherit;
    z-index: 10;
    background-color: white;
}

    #all-inOne .einvoice-tabs .text-wrap {
        display: flex;
        position: relative;
        overflow: hidden;
        margin: 50px 0 20px;
        align-items: flex-start;
        justify-content: center;
    }

        #all-inOne .einvoice-tabs .text-wrap .box {
            width: 20%;
            position: relative;
        }

            #all-inOne .einvoice-tabs .text-wrap .box .img {
                min-height: 60px;
            }

        #all-inOne .einvoice-tabs .text-wrap .wrapper {
            width: 50%;
            padding: 0 40px;
        }

            #all-inOne .einvoice-tabs .text-wrap .wrapper p {
                text-align: left;
                line-height: 1;
            }

            #all-inOne .einvoice-tabs .text-wrap .wrapper h4 {
                font-weight: 600;
                min-height: 55px;
                text-align: left;
            }

#all-inOne div#myTabContent-ict {
    width: 100%;
    padding: 0 0 30px 0;
}

    #all-inOne div#myTabContent-ict h3 {
        font-size: 25px;
        margin: 50px 0 0;
        font-family: 'teleNeo-bold' !important;
    }

#all-inOne .einvoice-tabs #tab-2 .text-wrap {
    padding-top: 30px;
}

    #all-inOne .einvoice-tabs #tab-2 .text-wrap .box h4 {
        text-align: center;
    }

    #all-inOne .einvoice-tabs #tab-2 .text-wrap .box {
        margin: 20px;
        width: 16.6%;
    }

        #all-inOne .einvoice-tabs #tab-2 .text-wrap .box img {
            max-height: 40px;
        }

#all-inOne .einvoice-tabs .text-wrap .box h4 {
    font-weight: 600;
    padding: 0 5px;
}

#all-inOne .einvoice-tabs #tab-3 .wrap {
    padding: 30px;
}

#all-inOne section.main-section {
    position: relative;
    min-height: 650px;
}

#all-inOne .ceni {
    background-image: url(../content/images/all-inOne/bg-section4.png);
    margin: 100px 0 0;
    padding-top: 300px;
    position: relative;
    margin-top: -350px;
}

    #all-inOne .ceni h2 {
        text-align: center;
        padding: 60px 0 30px 0;
        font-weight: 600;
    }

    #all-inOne .ceni .text-bg {
        position: relative;
        background-color: white;
        text-align: left;
        padding: 20px 40px;
        margin: 40px 0;
    }

    #all-inOne .ceni .ceni-specifikacija {
        margin-bottom: 50px;
    }

    #all-inOne .ceni .text-bg p {
        line-height: 1.2;
    }

.ict-integrated .hide-tr {
    display: none;
    transition: all 1s linear;
}

#all-inOne .ceni .table {
    box-shadow: 0px 30px 136px rgba(0, 0, 0, 0.1);
    background-color: white;
}

#all-inOne .ceni table {
    width: 100%;
    text-align: center;
}

    #all-inOne .ceni table thead tr th,
    #all-inOne .ceni table td {
        background: white !important;
        padding: 20px 40px;
        border-bottom: 1px solid #e9e9e9 !important;
        z-index: 2;
    }

    #all-inOne .ceni table thead tr th {
        color: #e20074;
        font-family: 'teleNeo-bold' !important;
        text-align: center;
        padding: 30px 40px;
        line-height: 1.1;
    }

        #all-inOne .ceni table thead tr th strong {
            font-size: 24px;
            color: black;
        }

        #all-inOne .ceni table tr td:first-child, #all-inOne .ceni table thead tr th:first-child {
            text-align: left;
            font-family: 'teleNeo-bold' !important;
            width: 30%;
        }

    #all-inOne .ceni table tr td {
        line-height: 1.1;
        position: relative;
        z-index: 1;
    }

    #all-inOne .ceni table tr:last-child > td {
        border-bottom: 0 !important;
    }

    #all-inOne .ceni table p.price {
        font-family: 'teleNeo-bold' !important;
        font-size: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #all-inOne .ceni table p.price span {
            font-size: 15px;
        }

            #all-inOne .ceni table p.price span.one {
                font-family: 'teleNeo-bold' !important;
                font-size: 28px;
                padding-right: 10px;
            }

    #all-inOne .ceni table .specification {
        font-family: 'teleNeo-bold' !important;
        font-size: 18px !important;
    }

.ict-integrated .prices-more {
    text-align: center;
    margin-bottom: 30px;
}

    .ict-integrated .prices-more .show-more,
    .ict-integrated .prices-more .show-more-two {
        padding-top: 45px;
        cursor: pointer;
        font-size: 18px;
        display: block;
    }

        .ict-integrated .prices-more .show-more:after,
        .ict-integrated .prices-more .show-more-two:after {
            content: '';
            display: block;
            clear: both;
            margin-top: -48px;
            background-image: url(../content/images/all-inOne/arrow-down-magenta.png);
            background-size: contain;
            background-repeat: no-repeat;
            width: 33px;
            height: 30px;
            margin: 15px auto;
            margin-top: -48px;
        }

        .ict-integrated .prices-more .show-more.xz:after,
        .ict-integrated .prices-more .show-more-two.xz:after {
            content: '';
            display: block;
            clear: both;
            margin-top: -48px;
            background-image: url(../content/images/all-inOne/arrow-up-magenta.png);
            background-size: contain;
            background-repeat: no-repeat;
            width: 33px;
            height: 30px;
            margin: 15px auto;
            margin-top: -48px;
        }

#all-inOne .ceni .btn-wrapper {
    text-align: center;
    padding: 30px;
}

    #all-inOne .ceni .btn-wrapper a {
        border-radius: 0;
        padding: 15px 20px;
        font-size: 18px;
    }

#all-inOne .ceni span.x, #all-inOne .ceni span.check {
    position: relative;
    display: block;
}

    #all-inOne .ceni span.x:before {
        content: 'X';
        font-family: 'teleicon-outline' !important;
        color: #949CA8;
        font-size: 20px;
        position: relative;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        right: 0;
    }

    #all-inOne .ceni span.check:before {
        content: 'V';
        font-family: 'teleicon-outline' !important;
        color: #e20074;
        font-size: 20px;
        position: relative;
    }

#all-inOne .last-sec li.active {
    color: #dc0071;
}

#all-inOne .last-sec .nav-tabs {
    border-bottom: 0;
}

#all-inOne section.last-sec .panel-heading h4.panel-title a {
    padding: 15px 55px 15px 0;
}

#all-inOne .last-sec .panel-heading .panel-title a:after {
    content: ']$';
    font-family: 'teleicon-outline';
    position: absolute;
    color: #e20074;
    font-size: 22px;
    top: 20px;
    right: 20px;
    margin: auto;
    transform: rotateZ(-180deg);
    transition-property: transform;
    transition-duration: .25s;
}

#all-inOne .last-sec .panel-body {
    padding-right: 40px;
}

#all-inOne .last-sec .panel-heading .panel-title a.collapsed:after {
    content: ']$';
    font-family: 'teleicon-outline';
    position: absolute;
    color: #e20074;
    font-size: 22px;
    top: 20px;
    right: 20px;
    margin: auto;
    transform: rotateZ(0deg);
    transition-property: transform;
    transition-duration: .25s;
}

#all-inOne .last-sec #myTabContent-ict2 ul {
    display: block !important;
    width: auto !important;
    margin: 0 auto;
}

#all-inOne .last-sec .bx-wrapper {
    display: flex;
}

#all-inOne .last-sec #myTabContent-ict2 ul li {
    padding: 0 !important;
    background-color: white !important;
    box-shadow: unset !important;
    width: 100% !important;
    text-align: left !important;
    position: relative;
    margin-left: 10px;
}

#all-inOne .last-sec #tab2-1 a {
    color: #333 !important;
    text-decoration: underline;
}

#all-inOne .last-sec #myTabContent-ict2 ul li:before {
    content: '';
    padding-right: 15px;
}

#all-inOne .last-sec #myTabContent-ict2 ul li ul {
    margin: 0 20px !important;
}

#all-inOne .last-sec .panel-default:last-child {
    border: none !important;
}

#all-inOne section.partners {
    background: #ededed;
    padding: 1% 0;
}

@media (min-width:1600px) {
    #all-inOne .main-banner:before {
        background-image: url(../content/images/all-inOne/shape-banner.png);
        width: 45%;
        background-size: cover;
    }
}

@media(min-width: 1200px) and (max-width: 1400px) {
    #all-inOne .main-banner h1 {
        font-size: 35px;
    }
}

@media (max-width: 1199px) {
    #all-inOne .main-banner:before {
        width: 60%;
    }



    #all-inOne .einvoice-tabs .text-wrap .wrapper {
        padding: 0 20px;
    }

    #all-inOne .main-banner {
        height: 400px;
    }
}

@media (max-width: 991px) {
    #all-inOne .main-banner:before {
        width: 65%;
    }

    #all-inOne .main-banner h1 {
        width: 100%;
        font-size: 32px;
    }

    #all-inOne .einvoice-tabs ul li {
        padding: 30px;
    }

    #all-inOne .main-banner {
        height: 300px;
    }

    #all-inOne .ceni .table {
        overflow-x: scroll;
    }

    #all-inOne .ceni table thead tr th {
        padding: 30px 20px;
    }

    #all-inOne .ceni table thead tr th, #all-inOne .ceni table td {
        padding: 20px 20px;
    }

    #all-inOne .ceni table p.price span {
        font-size: 15px;
        display: block;
    }

        #all-inOne .ceni table p.price span.bts-paket-ddv {
            display: none;
        }

    #all-inOne .einvoice-tabs .text-wrap {
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

        #all-inOne .einvoice-tabs .text-wrap .box {
            width: 50%;
            text-align: center;
        }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #all-inOne .main-banner .header {
        position: absolute;
        width: 45%;
        bottom: 30px;
    }

    #all-inOne .main-banner h1 {
        width: 100%;
        bottom: 0;
        font-size: 35px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #all-inOne .main-banner .header {
        position: absolute;
        width: 45%;
        bottom: 0;
    }

    #all-inOne .einvoice-tabs #tab-2 .text-wrap {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
    }

        #all-inOne .einvoice-tabs #tab-2 .text-wrap .box {
            margin: 20px;
            width: 19%;
        }
}

@media (max-width: 767px) {
    #all-inOne .main-banner .ec {
        height: 80px;
        width: 80px;
        right: -75px;
        top: 40px;
    }

    #all-inOne .main-banner {
        height: 200px;
    }

        #all-inOne .main-banner .header {
            width: 45%;
            bottom: 10px;
        }

            #all-inOne .main-banner .header h1 {
                width: 100%;
                margin: 20px 0;
                bottom: 0;
            }

        #all-inOne .main-banner:before {
            width: 100%;
        }

    #all-inOne section.main-section {
        min-height: inherit;
    }

    #all-inOne div#myTabContent-ict h3 {
        font-size: 22px;
        margin: 25px 0 0;
    }

    #all-inOne .wrap-title h2 {
        bottom: 0;
        margin-top: 30px;
        margin-bottom: 30px;
        width: 300px;
        font-size: 30px;
    }

    #all-inOne div#myTabContent-ict .wrap {
        padding: 15px 0 0 0;
    }

    #all-inOne .einvoice-tabs .text-wrap {
        flex-direction: row;
    }

        #all-inOne .einvoice-tabs .text-wrap .wrapper {
            padding: 0 20px;
            width: 100%;
        }

            #all-inOne .einvoice-tabs .text-wrap .wrapper h4 {
                min-height: auto;
                padding-left: 20px;
            }

    #all-inOne .main-banner h1 {
        width: 43%;
        bottom: 10px;
        font-size: 20px;
        padding-right: 0 !important;
    }

    #all-inOne .einvoice-tabs #tab-2 .text-wrap {
        display: flex;
        flex-wrap: wrap;
        align-content: center
    }

        #all-inOne .einvoice-tabs #tab-2 .text-wrap .box {
            width: 70%;
            margin: 10px 0;
        }

            #all-inOne .einvoice-tabs #tab-2 .text-wrap .box img {
                display: block;
                margin: 0 auto;
            }

            #all-inOne .einvoice-tabs #tab-2 .text-wrap .box h4 {
                padding-top: 0;
                width: 80%;
                margin: 15px auto;
            }

    #all-inOne .last-sec .bx-wrapper {
        display: block !important;
        padding: 20px 20px;
    }

    #all-inOne .last-sec .tab-wrapper ul {
        margin: 0;
    }

    #all-inOne .last-sec .panel-group {
        padding: 0 0px;
    }

    #all-inOne .last-sec .panel-default {
        margin: 0 10px;
    }

        #all-inOne .last-sec .panel-default:first-child {
            padding-top: 20px;
        }

    #all-inOne .einvoice-tabs {
        min-height: 300px;
        padding: 20px 10px;
    }

    #all-inOne .ceni {
        padding-top: 0;
        margin-top: 0;
    }

        #all-inOne .ceni h2 {
            padding: 50px 0 40px;
            font-size: 26px;
        }

        #all-inOne .ceni .table-responsive {
            overflow: auto !important;
        }

        #all-inOne .ceni table tr td:first-child,
        #all-inOne .ceni table thead tr th:first-child {
            left: 0;
            position: sticky;
            z-index: 3;
            background: #fff;
            width: 400px;
            text-align: left;
            border: 0 !important;
            height: 64px;
            font-size: 17px;
            padding: 10px 25px;
        }


        #all-inOne .ceni table tr th:last-child:before,
        #all-inOne .ceni table tr td:last-child:before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 30%;
            background: transparent linear-gradient(84deg,rgba(243, 243, 243,.5) 0%,rgba(148,156,168,0) 100%);
            height: 100%;
        }

        #all-inOne .ceni table tr th:first-child:after,
        #all-inOne .ceni table tr td:first-child:after {
            content: '';
            display: block;
            position: absolute;
            left: 100%;
            top: 0;
            bottom: 0;
            width: 30%;
            background: transparent linear-gradient(84deg,rgba(243, 243, 243,.5) 0%,rgba(148,156,168,0) 100%);
            height: 100%;
        }
}

@media (max-width: 587px) {
    #all-inOne .main-banner h1 {
        width: 57%;
    }

    #all-inOne .einvoice-tabs #tab-3 .wrap {
        padding: 10px;
    }

    #all-inOne .btn-wrapper {
        width: 100%;
    }
}

@media (min-width:320px) and (max-width: 400px) {
    #all-inOne .main-banner .header {
        width: 70%;
        bottom: 0;
    }

        #all-inOne .main-banner .header h1 {
            width: 100%;
            margin: 20px 0;
            bottom: 0;
        }

    #all-inOne .wrap-title h2 {
        width: 250px;
        font-size: 28px;
    }

    #all-inOne .tab-wrapper h3 {
        margin: 10px 0;
    }

    #all-inOne .tab-wrapper p, #all-inOne .tab-wrapper h4 {
        padding-left: 0 !important;
    }

    #all-inOne .ceni .btn-wrapper a {
        padding: 15px 20px;
    }

    #all-inOne .last-sec .tab-wrapper h3 {
        margin: 10px;
    }

    #all-inOne .last-sec .bx-wrapper {
        padding: 20px 0;
    }

    #all-inOne .last-sec .panel-default {
        margin: 0 0px;
    }

    #all-inOne .last-sec #myTabContent-ict2 ul li ul {
        margin: 0 10px !important;
    }

    #all-inOne .ceni h2 {
        padding: 40px 0 30px;
        font-size: 24px;
    }
}
/*#endregion all in one*/


/*#region vps*/
#vps .main-banner {
    background-size: cover;
    height: 400px;
    background-repeat: no-repeat;
    margin-bottom: 50px;
    background-image: url(../content/images/vps/Main-pic.jpg);
    position: relative;
    background-position: right;
}

    #vps .main-banner:before {
        background-image: url(../content/images/all-inOne/shape-banner.png);
        width: 45%;
        height: 100%;
        background-size: contain;
        content: '';
        position: absolute;
        bottom: 0;
        background-repeat: no-repeat;
        background-position: left bottom;
        left: 0;
    }

    #vps .main-banner .header {
        position: absolute;
        bottom: 0px;
        width: 35%;
        color: white;
    }

    #vps .main-banner .title h1 {
        font-size: 40px;
        line-height: 1.2;
        color: #fff;
        text-transform: none;
        margin: 0;
        font-family: 'teleNeo-bold' !important;
    }

    #vps .main-banner .title p {
        padding-right: 30px;
    }

#vps .text-wrap {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
}

#vps .wrap-title {
    position: relative;
}

    #vps .wrap-title h2 {
        position: relative;
        width: 400px;
        text-align: center;
        margin: 0 auto;
        background-color: black;
        color: white;
        text-transform: uppercase;
        font-size: 40px;
        padding: 20px;
        transform: skew(-30deg);
        bottom: -50px;
        margin-top: 50px;
        z-index: 20;
    }

        #vps .wrap-title h2 span {
            transform: skew(30deg) !important;
            font-family: 'teleNeo-extra' !important;
            position: relative;
            display: block;
        }

#vps .wrap.white {
    margin-top: 0;
    margin-bottom: 30px;
    box-shadow: 0px 30px 136px rgba(0, 0, 0, .1);
    min-height: inherit;
    z-index: 10;
    background-color: white;
    padding-top: 120px;
    padding-bottom: 40px;
}

    #vps .wrap.white .tab-wrapper ul {
        width: 80%;
    }

        #vps .wrap.white .tab-wrapper ul li {
            padding: 20px 20px;
            display: inline-flex;
            flex-direction: column;
            justify-content: center;
            font-size: 19px;
            min-height: 90px;
        }

#vps .text-wrap .box {
    width: 50%;
    position: relative;
}

    #vps .text-wrap .box ul {
        width: 100% !important;
    }

        #vps .text-wrap .box ul li {
            padding: 5px 20px !important;
            min-height: inherit !important;
            margin: 0;
        }

#vps .dc-tab_content ul.t-ul-new-magenta {
    background-color: transparent;
    padding: 0 10px;
    box-shadow: none;
    width: 100%;
    display: block !important;
}

#vps .dc-tab_content ul li {
    background-color: transparent;
    padding: 0px 10px;
    margin: 15px 0;
    box-shadow: none;
    width: 100%;
    display: block;
}

#vps .dc-tab_content .wrap {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    width: 90%;
    margin: 0 auto;
}

    #vps .dc-tab_content .wrap .box-wrap {
        position: relative;
        width: auto;
        text-align: center;
        margin-right: 20px;
    }

        #vps .dc-tab_content .wrap .box-wrap .img {
            min-height: 60px;
        }

        #vps .dc-tab_content .wrap .box-wrap h4 {
            font-size: 20px;
            font-family: 'teleNeo-extra' !important;
            text-transform: uppercase;
        }

#vps .uslugi {
    background-image: url(../content/images/web-hosting/section5.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #D8D8D8;
    margin-top: -120px;
    padding-top: 80px;
}

#vps section.uslugi .wrapper {
    padding: 80px 0 30px;
}

    #vps section.uslugi .wrapper h2 {
        position: relative;
        width: 20%;
        text-transform: uppercase;
        color: #e20074;
        margin: 0;
        position: sticky;
        top: 40px;
        width: 20%;
        left: 0;
    }

    #vps section.uslugi .wrapper nav {
        float: left;
        width: 20%;
        height: auto;
        padding-top: 80px;
        padding-left: unset;
        position: sticky;
        top: 140px;
        display: inline-block;
        left: 0;
        margin-right: 55px;
    }

#vps section.uslugi .flex-container {
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

    #vps section.uslugi .flex-container ul {
        height: auto;
        width: 100%;
        margin: 0;
        border-bottom: none;
    }

        #vps section.uslugi .flex-container ul > li {
            float: left;
            width: 100%;
            height: auto;
            align-items: flex-start;
            flex-direction: row;
            justify-content: flex-start;
            align-content: flex-end;
            flex-wrap: nowrap;
            margin: 0 auto;
            position: relative;
            border: 0;
        }

            #vps section.uslugi .flex-container ul > li > a {
                color: black !important;
                background-color: #EFEFF3 !important;
                line-height: 1.2;
                border: 1px solid transparent;
                border-radius: 4px 4px 0 0;
                width: 100%;
                height: 80px;
                margin-bottom: 15px;
                font-size: 18px;
                display: inline-flex;
                flex-direction: column;
                justify-content: center;
                flex-wrap: nowrap;
                color: black;
                background: #EFEFF3 0% 0% no-repeat padding-box;
                border-radius: 8px;
                padding-left: 35px;
            }

            #vps section.uslugi .flex-container ul > li.active > a {
                background-color: white !important;
            }

            #vps section.uslugi .flex-container ul > li:hover > a:before {
                height: 70%;
                border: none;
                background: #e20074;
                content: '';
                position: absolute;
                left: 0;
                width: 3px;
                box-shadow: 0px 23px 89px #3e3e3e1c;
            }

        #vps section.uslugi .flex-container ul li.active a:before {
            content: '';
            position: absolute;
            left: 0;
            height: 70%;
            width: 3px;
            background: #e20074;
        }

#vps section.uslugi article {
    padding: 0px 0 20px 0;
    width: 75%;
    position: relative;
    display: inline-block;
}

    #vps section.uslugi article .ceni-specifikacija ul {
        margin: 0 0 40px 0;
    }

#vps section.uslugi .tariff-wrap {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    font-size: 18px;
}

    #vps section.uslugi .tariff-wrap > div {
        width: 33.333%;
        background: white;
        text-align: center;
        padding: 30px 0 0;
        border: 3px solid transparent;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: inset 0px 0px 250px rgba(0, 0, 0, .05);
        position: relative;
    }

    #vps section.uslugi .tariff-wrap .price-wrapper {
        background: #E3E5E7 0% 0% no-repeat padding-box;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        position: relative;
        padding: 10px 20px !important;
        margin: 20px 0 0;
    }

        #vps section.uslugi .tariff-wrap .price-wrapper > div {
            width: 50%;
            text-align: left;
            padding: 0;
        }

            #vps section.uslugi .tariff-wrap .price-wrapper > div p {
                font-size: 12px;
                text-transform: uppercase;
                font-family: 'teleNeo-bold' !important;
                margin-bottom: 0;
            }

        #vps section.uslugi .tariff-wrap .price-wrapper .wrap {
            position: relative;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding: 0;
        }

        #vps section.uslugi .tariff-wrap .price-wrapper > div:first-of-type .wrap:after {
            content: '';
            position: absolute;
            height: 60%;
            width: 2px;
            background: white;
            top: 0;
            right: 10px;
            bottom: 0;
            margin: auto;
        }

        #vps section.uslugi .tariff-wrap .price-wrapper .hdp-price-left,
        #vps #v-pills-profile .column-wrapper .column .hdp-price-left,
        #vps #v-pills-messages .column-wrapper .column .hdp-price-left {
            width: auto;
            display: inline;
            float: left;
            padding-right: 5px;
        }

        #vps section.uslugi .tariff-wrap .price-wrapper .hdp-price-body,
        #vps #v-pills-profile .column-wrapper .column .hdp-price-body,
        #vps #v-pills-messages .column-wrapper .column .hdp-price-body {
            width: auto;
            display: inline;
            float: left;
        }

        #vps section.uslugi .tariff-wrap .price-wrapper .hdp-price-left span,
        #vps #v-pills-profile .column-wrapper .column .hdp-price-left span,
        #vps #v-pills-messages .column-wrapper .column .hdp-price-left span {
            font-size: 30px;
            font-weight: 600;
        }

        #vps section.uslugi .tariff-wrap .price-wrapper .hdp-price-body span,
        #vps #v-pills-profile .column-wrapper .column .hdp-price-body span,
        #vps #v-pills-messages .column-wrapper .column .hdp-price-body span {
            font-size: 12px;
            border-bottom: 1px solid black;
            display: block;
        }

            #vps section.uslugi .tariff-wrap .price-wrapper .hdp-price-body span:last-of-type,
            #vps #v-pills-profile .column-wrapper .column .hdp-price-body span:last-of-type,
            #vps #v-pills-messages .column-wrapper .column .hdp-price-body span:last-of-type {
                border: 0;
            }

    #vps section.uslugi .tariff-wrap > div div {
        padding: 7px 0;
    }

    #vps section.uslugi .tariff-wrap > div:nth-child(2) {
        border: 3px solid #e20074;
        background: white !important;
        box-shadow: none;
    }

    #vps section.uslugi .tariff-wrap .infoTable {
        min-height: 90px;
    }

        #vps section.uslugi .tariff-wrap .infoTable .title {
            font-size: 26px;
            font-family: 'teleNeo-regular' !important;
            line-height: 1.2;
            text-transform: uppercase;
        }

            #vps section.uslugi .tariff-wrap .infoTable .title span {
                font-size: 35px;
                font-family: 'teleNeo-bold' !important;
                display: block;
            }

    #vps section.uslugi .tariff-wrap span {
        display: block;
    }

        #vps section.uslugi .tariff-wrap span.bts-paket-ddv {
            display: none;
        }

        #vps section.uslugi .tariff-wrap span.text-magenta.fiksni {
            font-size: 25px;
            font-family: 'teleNeo-bold' !important;
        }

        #vps section.uslugi .tariff-wrap span.small {
            font-size: 16px;
            color: black;
        }

#vps section.uslugi .border-virtual-gray {
    position: relative;
}

    #vps section.uslugi .border-virtual-gray:after {
        content: '';
        position: absolute;
        height: 2px;
        width: 80%;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: #e9e9e9;
    }

#vps #v-pills-profile .column-wrapper,
#vps #v-pills-messages .column-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

    #vps #v-pills-profile .column-wrapper .column,
    #vps #v-pills-messages .column-wrapper .column {
        background: white;
        padding: 20px;
        min-height: 250px;
        width: 30%;
        margin: 10px;
        text-align: center;
        position: relative;
    }

        #vps #v-pills-profile .column-wrapper .column h3,
        #vps #v-pills-messages .column-wrapper .column h3 {
            font-size: 21px;
            font-family: 'teleNeo-bold' !important;
            min-height: 80px;
            text-align: center;
        }

        #vps #v-pills-profile .column-wrapper .column .hdp-price.standarden-paket,
        #vps #v-pills-messages .column-wrapper .column .hdp-price.standarden-paket {
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            bottom: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        #vps #v-pills-profile .column-wrapper .column .besplatno {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 70px;
        }

#vps .last-sec .dc-tab_content .wrap {
    display: block;
}

#vps .last-sec .panel-heading .panel-title a:after {
    content: ']$';
    font-family: 'teleicon-outline';
    position: absolute;
    color: #e20074;
    font-size: 22px;
    top: 40px;
    right: 20px;
    margin: auto;
    transform: rotateZ(-180deg);
    transition-property: transform;
    transition-duration: .25s;
}


#vps .last-sec .panel-heading .panel-title a.collapsed:after {
    content: ']$';
    font-family: 'teleicon-outline';
    position: absolute;
    color: #e20074;
    font-size: 22px;
    top: 32px;
    right: 20px;
    margin: auto;
    transform: rotateZ(0deg);
    transition-property: transform;
    transition-duration: .25s;
}

@media(max-width: 767px) {
    #vps .main-banner {
        background-size: cover;
        height: 300px;
        background-position: right top;
    }

        #vps .main-banner:before {
            width: 80% !important;
            background-size: contain;
        }

        #vps .main-banner .header {
            width: 50%;
        }

            #vps .main-banner .header h1 {
                font-size: 22px;
                margin: 30px 0 10px;
            }

        #vps .main-banner .title {
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 0;
            background: #e20074;
            padding: 30px 20px;
        }

            #vps .main-banner .title h1 {
                font-size: 25px;
                text-transform: none;
            }

    #vps .wrap-title h2 {
        width: 250px;
        font-size: 26px;
    }

    #vps .text-wrap {
        flex-direction: column;
    }

        #vps .text-wrap .box {
            width: 100%;
        }

    #vps .wrap.white .tab-wrapper ul {
        width: 100%;
        margin-left: 20px;
        margin-bottom: 0;
    }

    #vps .wrap.white #myTabContent-ict p {
        padding: 0 20px;
    }

    #vps .wrap.white .tab-wrapper ul li {
        padding: 0px 20px;
    }

    #vps .dc-tab_content .wrap {
        flex-direction: column;
    }

        #vps .dc-tab_content .wrap .box-wrap {
            width: 100%;
            text-align: center;
            margin: 20px 0;
        }

    #vps section.uslugi .wrapper nav {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        margin-right: 0px;
    }

    #vps section.uslugi .wrapper h2 {
        position: relative;
        top: 0;
        width: 100%;
    }

    #vps section.uslugi article {
        padding: 0px 0 20px 0;
        width: 100%;
        position: relative;
        display: inline-block;
    }

    #vps section.uslugi .tariff-wrap {
        flex-direction: column;
    }

        #vps section.uslugi .tariff-wrap > div {
            width: 100%;
            margin: 30px 0;
        }

        #vps section.uslugi .tariff-wrap .price-wrapper .hdp-price-left span,
        #vps #v-pills-profile .column-wrapper .column .hdp-price-left span,
        #vps #v-pills-messages .column-wrapper .column .hdp-price-left span {
            font-size: 23px;
        }

    #vps #v-pills-profile .column-wrapper,
    #vps #v-pills-messages .column-wrapper {
        flex-direction: column;
    }

        #vps #v-pills-profile .column-wrapper .column,
        #vps #v-pills-messages .column-wrapper .column {
            margin: 10px 0;
            width: 100%;
        }

            #vps #v-pills-profile .column-wrapper .column h3,
            #vps #v-pills-messages .column-wrapper .column h3 {
                background: transparent;
                text-align: center;
            }

    #vps .last-sec h3 {
        margin: 10px 0;
    }

    #vps .last-sec .panel-group {
        padding: 0;
    }
}

@media(min-width: 320px) and (max-width: 450px) {
    #vps .main-banner:before {
        width: 100% !important;
        background-size: contain;
    }

    #vps .main-banner .header {
        width: 70%;
    }
}

@media(min-width: 768px) and (max-width:991px) {
    #all-inOne .main-banner .ec {
        right: -120px;
        width: 90px;
        height: 90px;
        top: 40px;
    }

    #vps .main-banner {
        height: 450px;
    }

        #vps .main-banner .header {
            width: 50%;
        }

        #vps .main-banner:before {
            width: 70%;
            height: 85%;
            background-size: cover;
        }

        #vps .main-banner .title {
            bottom: 30px;
            width: 60%;
        }

            #vps .main-banner .title h1 {
                font-size: 25px;
            }

    #vps .wrap-title h2 {
        font-size: 30px;
    }



    #vps .wrap.white .tab-wrapper ul {
        width: 90%;
    }

    #vps .dc-tab_content .wrap {
        flex-direction: column;
    }

        #vps .dc-tab_content .wrap .box-wrap {
            width: 100%;
        }

    #vps .text-wrap {
        flex-direction: column;
    }

        #vps .text-wrap .box {
            width: 100%;
        }

            #vps .text-wrap .box ul {
                width: 100%;
                margin: 0 auto;
            }

                #vps .text-wrap .box ul li {
                    padding: 0px 20px;
                    justify-content: flex-start;
                    min-height: initial;
                }

    #vps section.uslugi .wrapper nav {
        margin-right: 10px;
    }

    #vps section.uslugi .flex-container ul > li > a {
        padding-left: 15px;
    }

    #vps section.uslugi article {
        padding: 0px 0 20px 0;
        width: 78%;
    }

    #vps section.uslugi .tariff-wrap .price-wrapper {
        flex-direction: column;
    }

        #vps section.uslugi .tariff-wrap .price-wrapper > div {
            width: 100%;
            text-align: left;
            padding: 0;
        }

            #vps section.uslugi .tariff-wrap .price-wrapper > div:first-of-type .wrap:after {
                content: '';
                position: absolute;
                height: 2px;
                width: 100%;
                background: white;
                top: initial;
                right: 0;
                bottom: 0;
                margin: auto;
                left: 0;
            }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #all-inOne .main-banner .ec {
        top: 0px;
        right: -100px;
    }

    #vps .main-banner {
        height: 450px;
    }

        #vps .main-banner:before {
            width: 60%;
        }

        #vps .main-banner .header {
            position: absolute;
            bottom: 0px;
            width: 45%;
            color: white;
        }

        #vps .main-banner .title {
            bottom: 70px;
            width: 45%;
        }

            #vps .main-banner .title h1 {
                color: white;
                font-size: 25px;
            }

    #vps .dc-tab_content .wrap .box-wrap {
        text-align: center;
    }

    #vps section.uslugi .wrapper nav {
        margin-right: 40px;
    }

    #vps section.uslugi .tariff-wrap .price-wrapper {
        flex-direction: column;
    }

        #vps section.uslugi .tariff-wrap .price-wrapper > div {
            width: 100%;
        }

            #vps section.uslugi .tariff-wrap .price-wrapper > div:first-of-type .wrap:after {
                content: '';
                position: absolute;
                height: 2px;
                width: 100%;
                background: white;
                top: initial;
                right: 0;
                bottom: 0;
                margin: auto;
                left: 0;
            }
}

@media(max-width: 1199px) {
    #vps #v-pills-profile .column-wrapper .column h3, #vps #v-pills-messages .column-wrapper .column h3 {
        font-size: 18px;
    }

    #vps #v-pills-profile .column-wrapper .column,
    #vps #v-pills-messages .column-wrapper .column {
        padding: 20px 10px;
    }
}

@media(min-width: 1200px) and (max-width: 1550px) {

    #roaming-new .right-side {
        height: 100%;
    }

    #all-inOne .main-banner .ec {
        right: -60px;
    }
}

@media(min-width: 1200px) and (max-width: 1350px) {
    #vps .main-banner .title {
        position: absolute;
        bottom: 30px;
        width: 40%;
        color: white;
    }

    #vps .main-banner:before {
        background-image: url(../content/images/all-inOne/shape-banner.png);
        width: 60%;
        height: 85%;
        background-size: cover;
        content: '';
        position: absolute;
        bottom: 0;
        background-repeat: no-repeat;
        background-position: left bottom;
        left: 0;
    }
}

@media(min-width: 1550px) {
    #vps .main-banner:before {
        width: 50%;
        height: 100%;
        background-size: cover;
    }
}
/*#endregion vps*/


/*#region data hostin centar*/
#dhc .main-banner {
    background-image: url(../content/images/dhc/banner-dhc.jpg);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
}

    #dhc .main-banner:before {
        width: 45%;
        background-image: url(../content/images/web-hosting/shape-banner.png);
    }

    #dhc .main-banner .header {
        width: 25%;
        position: absolute;
    }

        #dhc .main-banner .header h1 {
            text-transform: none;
            font-size: 40px;
            line-height: 1.2;
            font-family: 'teleNeo-bold' !important;
            padding-right: 30px;
        }

#dhc section.content {
    padding: 6% 0 2%;
    height: 480px;
}

#dhc .wrap.white {
    margin-top: -100px;
    margin-bottom: 30px;
    box-shadow: 0px 30px 136px rgba(0, 0,0, .1);
    z-index: 3;
    background-color: white;
    padding-top: 90px;
    padding-bottom: 40px;
    width: 100%;
    min-height: 510px;
}

#dhc .wrap-title {
    z-index: 4;
    position: relative;
}

#dhc .wrap.white ul#myTab-ict li {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    min-height: 100px;
    width: 23%;
}

#dhc .wrap.white .text-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-direction: row;
}

    #dhc .wrap.white .text-wrap ul,
    #dhc .wrap.white .box-wrap ul {
        display: block !important;
        text-align: left;
        margin: 10px 0;
        width: 100%;
    }

        #dhc .wrap.white .text-wrap ul li,
        #dhc .wrap.white .box-wrap ul li {
            display: block;
            width: 100% !important;
            padding: 0 20px !important;
            box-shadow: none !important;
            background-color: transparent !important;
            margin-left: 0;
            text-align: left;
            cursor: auto;
        }

#dhc .dc-tab_content .wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
}

    #dhc .dc-tab_content .wrap .box-wrap {
        position: relative;
        text-align: left;
        width: 25%;
        margin: 0;
    }

        #dhc .dc-tab_content .wrap .box-wrap h4 {
            font-family: 'TeleNeo-extra' !important;
            color: #e20074;
            font-size: 20px;
        }

#dhc #tab-3.dc-tab_content .wrap .box-wrap h4 {
    color: black;
    font-family: 'TeleNeo-bold' !important;
    text-align: center;
}

#dhc #tab-3.dc-tab_content .wrap .box-wrap .img {
    text-align: center;
}

#dhc .uslugi {
    background-image: url(../content/images/web-hosting/section5.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #D8D8D8;
    margin-top: 0;
    padding-top: 13%;
}

#dhc section.uslugi .wrapper {
    padding: 80px 0 30px;
}

    #dhc section.uslugi .wrapper h2 {
        position: relative;
        width: 20%;
        text-transform: uppercase;
        color: #e20074;
        margin: 0;
        position: sticky;
        top: 40px;
        width: 20%;
        left: 0;
    }

    #dhc section.uslugi .wrapper nav {
        float: left;
        width: 20%;
        height: auto;
        padding-top: 10px;
        padding-left: unset;
        position: sticky;
        top: 140px;
        display: inline-block;
        left: 0;
        margin-right: 55px;
    }

        #dhc section.uslugi .wrapper nav .flex-container {
            display: flex;
            flex-wrap: nowrap;
            align-content: flex-start;
            justify-content: flex-start;
            align-items: flex-start;
            flex-direction: column;
        }

#dhc section.uslugi .flex-container ul {
    height: auto;
    width: 100%;
    margin: 0;
    border-bottom: none;
}

    #dhc section.uslugi .flex-container ul > li {
        float: left;
        width: 100%;
        height: auto;
        align-items: flex-start;
        flex-direction: row;
        justify-content: flex-start;
        align-content: flex-end;
        flex-wrap: nowrap;
        margin: 0 auto;
        position: relative;
        border: 0;
    }


        #dhc section.uslugi .flex-container ul > li > a {
            color: black !important;
            background-color: #EFEFF3 !important;
            line-height: 1.2;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
            width: 100%;
            height: 80px;
            margin-bottom: 15px;
            font-size: 18px;
            display: inline-flex;
            flex-direction: column;
            justify-content: center;
            flex-wrap: nowrap;
            color: black;
            background: #EFEFF3 0% 0% no-repeat padding-box;
            border-radius: 8px;
            padding-left: 35px;
        }

        #dhc section.uslugi .flex-container ul > li.active > a {
            background-color: white !important;
        }

        #dhc section.uslugi .flex-container ul > li:hover > a:before {
            height: 70%;
            border: none;
            background: #e20074;
            content: '';
            position: absolute;
            left: 0;
            width: 3px;
            box-shadow: 0px 23px 89px #3e3e3e1c;
        }

    #dhc section.uslugi .flex-container ul li.active a:before {
        content: '';
        position: absolute;
        left: 0;
        height: 70%;
        width: 3px;
        background: #e20074;
    }

#dhc section.uslugi article {
    padding: 10px 0 20px 0;
    width: 75%;
    position: relative;
    display: inline-block;
}

    #dhc section.uslugi article .ceni-specifikacija ul {
        margin: 0 0 40px 0;
    }

#dhc section.uslugi .tariff-wrap {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    font-size: 18px;
}

    #dhc section.uslugi .tariff-wrap > div {
        width: 33.333%;
        background: white;
        text-align: center;
        padding: 30px 0 0;
        border: 3px solid transparent;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: inset 0px 0px 250px rgba(0, 0, 0, .05);
        position: relative;
    }

    #dhc section.uslugi .tariff-wrap .price-wrapper {
        background: #E3E5E7 0% 0% no-repeat padding-box;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        position: relative;
        padding: 10px 20px !important;
        margin: 20px 0 0;
    }

        #dhc section.uslugi .tariff-wrap .price-wrapper > div {
            width: 50%;
            text-align: left;
            padding: 0;
        }

            #dhc section.uslugi .tariff-wrap .price-wrapper > div p {
                font-size: 12px;
                text-transform: uppercase;
                font-family: 'teleNeo-bold' !important;
                margin-bottom: 0;
            }

        #dhc section.uslugi .tariff-wrap .price-wrapper .wrap {
            position: relative;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding: 0;
        }

#dhc .tab-content .table-responsive {
    position: relative;
    box-shadow: 0 0 90px 20px #00000005;
    overflow: visible;
}

#dhc .tab-content table {
    position: relative;
    overflow: auto;
    margin-bottom: 30px;
}

    #dhc .tab-content table tr td {
        background: white;
        padding: 20px 10px;
        font-size: 16px;
        text-align: center;
        border-bottom: 1px solid #e5e5e5 !important;
        border-top: 0 !important;
    }

        #dhc .tab-content table tr td span.text-magenta,
        #dhc .tab-content table tr td.text-magenta {
            font-family: 'teleNeo-bold' !important;
        }

    #dhc .tab-content table tr:first-of-type td {
        border-bottom: 0 !important;
    }

    #dhc .tab-content table thead tr th {
        background: white !important;
        border-bottom: 0;
        font-size: 23px !important;
        font-family: 'teleNeo-extra' !important;
        text-align: center;
        padding: 30px 10px;
        border: 0 !important;
    }

        #dhc .tab-content table tr td:first-of-type,
        #dhc .tab-content table thead tr th:first-of-type {
            text-align: left;
        }



    #dhc .tab-content table tbody {
        border: 0 !important;
    }

        #dhc .tab-content table tbody.gray-bg * {
            background-color: #ededed !important;
        }

        #dhc .tab-content table tbody.gray-bg h3 {
            margin: 0;
            padding: 0;
            font-size: 17px;
            font-family: 'teleNeo-bold' !important;
        }

    #dhc .tab-content table tr td:first-of-type,
    #dhc .tab-content table thead tr th:first-of-type {
        padding-left: 50px;
    }

    #dhc .tab-content table tr td:last-of-type,
    #dhc .tab-content table thead tr th:last-of-type {
        padding-right: 50px;
    }

    #dhc .tab-content table tr:last-of-type td {
        border-bottom: 0 !important;
    }

#dhc .tab-content .box-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    margin-bottom: 40px;
}

    #dhc .tab-content .box-wrap .box {
        width: 30%;
        text-align: center;
        background: white;
        box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
        min-height: 210px;
    }


        #dhc .tab-content .box-wrap .box h3 {
            font-family: 'teleNeo-bold' !important;
            font-size: 21px;
            padding: 20px 0;
            position: relative;
            display: block;
        }

            #dhc .tab-content .box-wrap .box h3:after {
                content: '';
                position: absolute;
                width: 45%;
                left: 0;
                right: 0;
                height: 1px;
                background: #e5e5e5;
                bottom: 0;
                margin: 0 auto;
            }

        #dhc .tab-content .box-wrap .box .price-wrapper,
        #dhc .column-wrapper .column .price-wrapper {
            position: relative;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            width: 40%;
            margin: 0 auto 10px;
            border-bottom: 1px solid #e5e5e5;
            padding-bottom: 20px;
        }

div#v-pills-profile .column-wrapper .column .price-wrapper {
    justify-content: center;
}

    #dhc .tab-content .box-wrap .box .price-wrapper:last-of-type,
    div#v-pills-profile .column-wrapper .column .price-wrapper:last-of-type {
        border-bottom: 0;
    }

#dhc .hdp-price-left {
    width: auto;
    padding-right: 10px;
    position: relative;
}

    #dhc .hdp-price-left span {
        color: #e20074;
        font-size: 28px;
        font-family: 'TeleNeo-bold' !important;
    }

#dhc .hdp-price-body {
    width: auto;
    display: inline;
    float: left;
}

    #dhc .hdp-price-body span {
        font-size: 12px;
        display: block;
        text-align: left;
    }

        #dhc .hdp-price-body span.price-den {
            border-bottom: 1px solid black;
        }

#dhc .btn-wrapper {
    margin: 30px auto;
}

#dhc .column-wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

    #dhc .column-wrapper .column {
        width: 30%;
        background: white;
        padding: 20px;
        position: relative;
        text-align: center;
        box-shadow: 0px 0px 250px rgba(0, 0, 0, .12);
        min-height: 130px;
        margin: 15px 15px;
    }

#dhc #v-pills-messages .column-wrapper .column {
    margin: 0 15px;
    min-height: 130px;
}

#dhc .column-wrapper .column h3 {
    font-size: 20px;
    font-family: 'teleNeo-bold' !important;
    line-height: 1.2;
    margin: 10px 0;
    position: relative;
    padding-bottom: 20px;
    min-height: 100px;
}

#dhc .column-wrapper .column .price-wrapper .no-price span {
    font-family: 'teleNeo-bold' !important;
    font-size: 28px;
    text-align: center;
}

#dhc #v-pills-messages .column {
    min-height: 250px;
}

    #dhc #v-pills-messages .column .price-wrapper {
        border-bottom: 0;
    }

    #dhc #v-pills-messages .column .hdp-price-left span {
        color: black;
    }

#dhc .footnotes {
    padding: 15px;
    color: rgba(0, 0, 0, .5);
}

#dhc .infos {
    position: relative;
    background-image: url(../content/images/web-hosting/section6-bg.png);
    height: 100%;
    width: 100%;
    background-size: cover;
    padding-bottom: 2%;
}

    #dhc .infos .panel-group {
        margin-bottom: 20px;
    }

        #dhc .infos .panel-group .panel {
            border-radius: 0;
            margin-bottom: 0;
            background: transparent;
            border: 0 !important;
            box-shadow: none;
        }

    #dhc .infos .panel-default > .panel-heading {
        background-image: unset;
        padding-top: 55px;
        padding-bottom: 0;
        background: transparent;
        position: relative;
    }

    #dhc .infos h4.more-info {
        position: relative;
        background-color: #e20074;
        width: 300px;
        bottom: 0;
        margin: 0;
        padding: 15px 12px;
        color: #fff;
        left: 30px;
        font-size: 20px;
        background: transparent linear-gradient(97deg,#c80c6d 0%,#e20074 100%) 0% 0% no-repeat padding-box;
    }

        #dhc .infos h4.more-info span {
            position: relative;
            display: block;
            margin-left: 0;
        }

            #dhc .infos h4.more-info span:before {
                content: 'i';
                position: relative;
                border: 2px solid #fff;
                padding: 1px 11px;
                border-radius: 50px;
                display: inline;
                float: left;
                margin-right: 12px;
                top: -3px;
                font-size: 17px;
                left: 2px;
            }

        #dhc .infos h4.more-info a,
        #dhc .infos h4.more-info a span {
            color: inherit;
        }

    #dhc .infos .panel-group .panel-default .panel-body {
        border: 0 !important;
        margin-top: 0;
        padding: 0;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 10px 46px #0000001a;
        width: 100%;
    }

    #dhc .infos .wrapper {
        position: relative;
        height: 100%;
        width: 100%;
        overflow: hidden;
        padding: 20px;
    }

        #dhc .infos .wrapper .box {
            position: relative;
            width: 50%;
            display: inline;
            float: left;
            padding: 15px 20px !important;
        }

    #dhc .infos .btn-wrapper {
        position: relative;
        margin: 0px auto;
        width: 60%;
        text-align: center;
        overflow: hidden;
        padding: 50px 0 0px;
    }

    #dhc .infos ul li {
        font-size: 18px;
    }

    #dhc .infos ul.custom li {
        position: relative;
        font-size: 18px;
        background-image: none;
    }

        #dhc .infos ul.custom li:before {
            content: '';
            position: absolute;
            width: 7px;
            height: 7px;
            background: transparent;
            border: 1px solid #e20074;
            border-radius: 50px;
            left: -5px;
            top: 0;
            margin: auto 0;
            bottom: 0;
        }

@media(min-width: 320px) and (max-width: 400px) {
    #dhc .main-banner:before {
        width: 100%;
        height: 70% !important;
        background-size: cover !important;
    }

    #dhc .main-banner .header {
        width: 90%;
        position: absolute;
    }

        #dhc .main-banner .header h1 {
            font-size: 23px;
        }
}

@media(max-width: 767px) {

    #dhc .main-banner:before {
        width: 80%;
        height: 100%;
        background-size: contain;
    }

    #dhc .main-banner .header {
        width: 60%;
        position: absolute;
    }

        #dhc .main-banner .header h1 {
            font-size: 25px;
        }

    #dhc .wrap-title h2 {
        position: relative;
        width: 90%;
        text-align: center;
        margin: 0 auto 30px auto;
        background-color: black;
        color: white;
        text-transform: uppercase;
        font-size: 25px;
        bottom: -60px;
    }

    #dhc .wrap.white .text-wrap {
        flex-direction: column;
        padding: 20px;
    }

        #dhc .wrap.white .text-wrap p {
            padding: 0;
        }

    #dhc .web-hosting p {
        font-size: 18px;
        padding: 0 20px;
    }

    #dhc .dc-tab_content .wrap {
        flex-direction: column;
    }

        #dhc .dc-tab_content .wrap .box-wrap {
            position: relative;
            text-align: left;
            width: 100%;
        }


    #dhc .tab-content .table-responsive {
        overflow: auto;
    }

    #dhc .tab-content table {
        width: 100%;
        overflow-x: scroll;
        display: block;
    }

    #dhc .tab-content .box-wrap {
        flex-direction: column;
    }

        #dhc .tab-content .box-wrap .box {
            width: 100%;
            min-height: 310px;
            margin: 15px 0;
        }

            #dhc .tab-content .box-wrap .box h3,
            #dhc .tab-content .column-wrapper .column h3 {
                background: transparent;
                text-align: center;
            }

    #dhc .column-wrapper {
        flex-direction: column;
    }

        #dhc .column-wrapper .column {
            width: 100%;
            margin: 15px 0 !important;
        }

    #dhc .infos .panel-group .panel {
        border-radius: 0;
        margin-bottom: 0;
    }

    #dhc .infos .panel-default > .panel-heading {
        padding-top: 55px;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    #dhc .infos h4.more-info {
        left: 0;
        width: 100%;
    }

    #dhc .infos .wrapper .box {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        padding: 0px !important;
    }

    #dhc .infos .btn-wrapper {
        width: 100%;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #dhc .main-banner:before {
        width: 65%;
    }

    #dhc .main-banner .header {
        width: 50%;
        position: absolute;
    }

        #dhc .main-banner .header h1 {
            font-size: 28px;
        }

    div.ict-integrated section.content h2 {
        width: 450px;
        font-size: 30px;
    }

    #dhc .wrap.white ul#myTab-ict li {
        min-height: 100px;
        width: 23%;
        padding: 10px;
    }

    #dhc .dc-tab_content .wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        flex-direction: row;
    }

        #dhc .dc-tab_content .wrap .box-wrap {
            width: 50%;
            margin: 0 auto;
        }

    #dhc #tab-3.dc-tab_content .wrap .box-wrap h4 {
        font-size: 18px;
    }

    #dhc section.uslugi .flex-container ul > li {
        width: 30%;
        margin: 0 10px;
    }

    #dhc .tab-content .box-wrap .box h3 {
        font-size: 19px;
    }

    #dhc .hdp-price-left span {
        font-size: 25px;
    }

    #dhc .column-wrapper .column {
        min-height: 310px;
        margin: 0 15px 20px;
    }
}

@media(max-width: 991px) {
    #dhc .wrap.white {
        margin-top: 0;
        margin-bottom: 30px;
        padding-top: 60px;
        padding-bottom: 40px;
        width: 100%;
        position: relative;
        min-height: inherit;
    }

        #dhc .wrap.white h3.dc-tab_drawer_heading {
            margin: 10px 0;
        }

    #dhc section.uslugi .wrapper h2 {
        position: relative;
        top: 0;
        width: 100%;
    }

    #dhc section.content {
        position: relative;
        height: auto;
    }

    #dhc .uslugi {
        padding-top: 0;
    }

    #dhc section.uslugi .wrapper nav {
        float: none;
        width: 100%;
        height: auto;
        padding-top: 10px;
        padding-left: unset;
        position: relative;
        top: 0;
        display: block;
        left: 0;
        margin-right: 0;
    }

    #dhc .content {
        height: auto;
    }

    #dhc section.uslugi article {
        width: 100%;
        display: block;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #dhc .main-banner:before {
        width: 50%;
    }

    #dhc .main-banner .header {
        width: 30%;
    }

        #dhc .main-banner .header h1 {
            font-size: 28px;
        }

    #dhc section.content {
        padding: 10% 0 2%;
        height: auto;
    }

    #dhc .column-wrapper .column {
        margin: 15px 10px;
    }

    #dhc .wrap.white {
        width: 100%;
        position: relative;
    }

        #dhc .wrap.white ul#myTab-ict li {
            padding: 30px 10px;
        }

    #dhc section.uslugi .wrapper nav {
        margin-right: 30px;
    }

    #dhc .uslugi {
        padding-top: 0;
    }

    #dhc .column-wrapper .column h3 {
        min-height: 130px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    #dhc .main-banner .header {
        width: 35%;
        position: absolute;
    }

        #dhc .main-banner .header h1 {
            font-size: 36px;
        }

    #dhc .wrap.white {
        position: relative;
    }

    #dhc section.content {
        height: auto;
    }

    #dhc .uslugi {
        padding-top: 0;
    }
}

@media(min-width: 1550px) {
    #dhc .main-banner:before {
        width: 45%;
        background-size: cover;
        height: 100%;
    }

    #dhc .main-banner .header {
        bottom: 30px;
    }
}
/*#endregion data hostin centar*/




/*#region cookie consent css*/
#cookiesModal, #settingsModal {
    outline: 1px solid black;
}

    #settingsModal.gdprSettings.in .wrapper h3:before {
        display: none;
    }

#settingsModal, #cookiesModal {
    display: none;
}

    #settingsModal.in, #cookiesModal.in {
        display: block;
    }


    #settingsModal .btn-magen:hover {
        background: #c00052 !important;
        text-decoration: none;
        color: #fff;
        border: 1px solid #af005a;
        -webkit-transition: all .2s ease-in-out !important;
        -moz-transition: all .2s ease-in-out !important;
        -o-transition: all .2s ease-in-out !important;
        transition: all .2s ease-in-out !important;
    }

    #settingsModal .btn-magen {
        -webkit-transition: all .2s ease-in-out !important;
        -moz-transition: all .2s ease-in-out !important;
        -o-transition: all .2s ease-in-out !important;
        transition: all .2s ease-in-out !important;
        font-size: 16px;
        padding: 5px 20px;
        filter: none;
        color: #fff;
        max-width: inherit;
        width: auto;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        display: inline-block;
        border: 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 0 auto;
        background: #e20074;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #settingsModal.gdprSettings.in ul li a.link {
        color: #000;
        text-decoration: underline;
        font-size: 16px;
    }

    #cookiesModal ul, #settingsModal ul {
        margin-top: 0;
        margin-bottom: 0px;
        list-style: none;
        padding: 0px;
        overflow: hidden;
    }

    #cookiesModal .modal-dialog, #settingsModal .modal-dialog {
        position: relative;
        /* width: auto;*/
        margin: 10px;
        background: white;
        border-radius: 4px;
    }

    #cookiesModal.modal.in .modal-dialog, #settingsModal.modal.in .modal-dialog {
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    #cookiesModal.modal.fade .modal-dialog, #settingsModal.modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }



@media (min-width: 768px) {
    #cookiesModal .modal-dialog, #settingsModal .modal-dialog {
        margin: 30px auto;
    }
}

#cookiesModal a,
#settingsModal a {
    text-decoration: none;
    font-family: 'teleNeo-regular';
}

#cookiesModal p,
#settingsModal p {
    font-family: 'teleNeo-regular';
}

#cookiesModal .modal-body,
#settingsModal .modal-body {
    position: relative;
    padding: 15px;
}

    #cookiesModal .modal-body a,
    #settingsModal .modal-body a {
        color: black;
        text-decoration: underline;
        transition: all ease-in .3s;
    }

        #cookiesModal .modal-body a:focus,
        #settingsModal .modal-body a:focus {
            border-bottom: 1px solid black;
        }

        #cookiesModal .modal-body a:hover,
        #settingsModal .modal-body a:hover {
            text-decoration: underline;
            transition: all ease-in .3s;
        }

#cookiesModal .btn,
#settingsModal .btn {
    display: inline-block;
    padding: 9px 15px !important;
    margin-bottom: 0;
    font-size: 16px !important;
    font-family: 'teleNeo-bold' !important;
    font-weight: normal;
    line-height: 1.4 !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-shadow: none;
    height: 100%;
    margin-top: 0 !important;
}



#cookiesModal .modal-content,
#settingsModal .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

#cookiesModal.cookies.gdpr.in,
#settingsModal.gdprSettings.in {
    display: block;
}

.gdpr .modal-content {
    box-shadow: none !important;
}

#cookiesModal.cookies.gdpr.in {
    display: block;
    position: fixed;
    bottom: 0;
    height: 100%;
    top: inherit;
    box-shadow: 0 0 35px 7px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 0 35px 7px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 35px 7px rgba(0, 0, 0, 0.08);
    z-index: 9999;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 99999;
}

    #cookiesModal.cookies.gdpr.in .modal-content {
        padding: 48px 24px;
        position: relative;
        display: block;
        height: 100%;
        overflow: hidden;
        border-radius: 0;
        border: 0;
    }

@media (min-width: 640px) {
    #cookiesModal.cookies.gdpr.in .modal-content {
        padding: 48px;
    }
}

#cookiesModal.cookies.gdpr.in .modal-dialog,
#settingsModal.in .modal-dialog {
    position: relative;
    bottom: 0;
    width: 100%;
    border-radius: 0;
    margin: 0;
    height: 100%;
    top: initial;
    padding: 0;
    transform: none;
    background: rgba(0, 0, 0, .8);
    max-width: 100% !important;
}

#cookiesModal.cookies.gdpr.in .modal-footer {
    width: 100%;
    position: relative;
    text-align: left;
}

#settingsModal.gdprSettings.in,
{
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 99999;
    background: rgba(0, 0, 0, .8);
    height: 100%;
}



#cookiesModal.cookies.gdpr.in .modal-header,
#cookiesModal.cookies.gdpr.in .modal-body,
#cookiesModal.cookies.gdpr.in .modal-footer {
    border: 0;
    padding: 0px 0px;
}

#settingsModal.gdprSettings.in .modal-header,
#settingsModal.gdprSettings.in .modal-body,
#settingsModal.gdprSettings.in .modal-footer {
    border: 0;
    padding: 0px;
}

#cookiesModal.cookies.gdpr.in .modal-content {
    padding: 48px 24px !important;
    margin: 0;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 4px;
}

@media (min-width: 640px) {
    #cookiesModal.cookies.gdpr.in .modal-content {
        padding: 45px !important;
    }
}

#settingsModal.gdprSettings.in .modal-content {
    overflow-y: scroll;
    height: 100%;
    /* padding: 30px 20px;*/
    margin: 0;
}

.cookies.gdpr .modal-body::-webkit-scrollbar {
    width: 4px;
    background: lightgray;
    background-color: lightgray;
}

.cookies.gdpr .modal-body::-webkit-scrollbar-thumb {
    background: #e20074;
    background-color: #e20074;
    border-radius: 3px;
}

.cookies.gdpr .modal-body::-webkit-scrollbar-track {
    background: lightgray;
    background-color: lightgray;
}


#settingsModal.gdprSettings.in .modal-content::-webkit-scrollbar {
    width: 4px;
    background: lightgray;
    background-color: lightgray;
}

#settingsModal.gdprSettings.in .modal-content::-webkit-scrollbar-thumb {
    background: #e20074;
    background-color: #e20074;
    border-radius: 3px;
}

#settingsModal.gdprSettings.in .modal-content::-webkit-scrollbar-track {
    background: lightgray;
    background-color: lightgray;
}



#settingsModal.gdprSettings.in .modal-header .close {
    margin-top: 5px;
    margin-right: 0px;
    font-size: 28px;
    z-index: 3;
    position: relative;
    cursor: pointer;
}

#settingsModal ::-webkit-scrollbar {
    width: 8px;
    height: 10px;
    border-radius: 8px;
}

#settingsModal ::-webkit-scrollbar-track {
    background: #ddd;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#settingsModal ::-webkit-scrollbar-thumb {
    background: #bbb;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#cookiesModal.cookies.gdpr.in h2 {
    text-transform: none;
    color: #262626;
    font-family: 'teleNeo-bold' !important;
    font-size: 21px;
    margin-top: 0;
    position: relative;
    top: 5px;
}

@media(min-width: 1024) {
    #settingsModal.gdprSettings.in h2 {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 24px;
    }
}

@media (min-width: 640px) {
    #settingsModal.gdprSettings.in h2 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 18px;
    }
}

#cookiesModal.cookies.gdpr.in p {
    font-size: 18px;
    color: black;
    line-height: 1.2;
    margin-top: 0px;
}

#settingsModal.gdprSettings.in p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: #262626 !important;
    margin-bottom: 0px;
    margin-top: 4px;
    margin-bottom: 15px;
}

#settingsModal.gdprSettings.in ul {
    margin: 30px 0;
}

    #settingsModal.gdprSettings.in ul li a {
        font-size: 18px;
        font-family: 'teleNeo-bold' !important;
    }

@media (min-width: 1024px) {
    #settingsModal.gdprSettings.in p {
        font-size: 18px;
        line-height: 24px;
    }
}

#cookiesModal.cookies.gdpr.in ul.linkarea {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    #cookiesModal.cookies.gdpr.in ul.linkarea li {
        display: inline;
        margin: 0px 10px 0px 0;
    }

        #cookiesModal.cookies.gdpr.in ul.linkarea li a {
            padding: 9px 25px !important;
            font-size: 17px !important;
            border-radius: 120px;
            font-family: 'teleNeo-bold' !important;
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

            #cookiesModal.cookies.gdpr.in ul.linkarea li a svg {
                position: relative;
            }

            #cookiesModal.cookies.gdpr.in ul.linkarea li a#custom-cookies-btn {
                /* color: #333;
            border: 1px solid;*/
                transition: all .3s ease-in-out !important;
                background: transparent;
                background-color: transparent;
                color: #262626;
                border: 1px solid #000000;
                box-shadow: none;
                text-shadow: none;
                box-sizing: border-box;
                cursor: pointer;
                display: inline-block;
                justify-content: center;
                padding: 9px 25px !important;
                vertical-align: middle;
                font-family: Consent-TeleNeo, sans-serif;
                margin: 0;
                flex-grow: 1;
                flex-shrink: 0;
                height: initial;
                width: initial;
                line-height: initial !important;
            }

                #cookiesModal.cookies.gdpr.in ul.linkarea li a#custom-cookies-btn:hover {
                    transition: all .3s ease-in-out !important;
                    text-decoration: none;
                    background: rgba(0, 0, 0, 0.15);
                    font-family: Consent-TeleNeo, sans-serif;
                    -webkit-font-smoothing: inherit;
                    box-shadow: none;
                    border-color: #b2b2b2;
                }

            #cookiesModal.cookies.gdpr.in ul.linkarea li a#required-cookies-btn {
                background-color: #e20074;
                color: white;
                transition: all .3s ease-in-out !important;
                font-size: 18px !important;
            }

            #cookiesModal.cookies.gdpr.in ul.linkarea li a#all-cookies-btn,
            #cookiesModal.cookies.gdpr.in ul.linkarea li a#required-cookies-btn {
                background-color: #e20074;
                color: white;
                transition: all .3s ease-in-out !important;
            }

                #cookiesModal.cookies.gdpr.in ul.linkarea li a#all-cookies-btn:hover,
                #cookiesModal.cookies.gdpr.in ul.linkarea li a#required-cookies-btn:hover {
                    background: #c00052 !important;
                    text-decoration: none;
                    color: #fff;
                    transition: all .3s ease-in-out !important;
                }

#settingsModal.gdprSettings label {
    background-image: none !important;
}

#settingsModal.gdprSettings.in .wrapper {
    margin: 0px 0px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}

    #settingsModal.gdprSettings.in .wrapper:last-of-type {
        border-bottom: 0;
    }

    #settingsModal.gdprSettings.in .wrapper .header {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
    }

        #settingsModal.gdprSettings.in .wrapper .header .title {
            position: relative;
        }

    #settingsModal.gdprSettings.in .wrapper h3 {
        color: #262626;
        font-family: 'teleNeo-bold' !important;
        font-size: 18px;
        margin: 0px 0px;
        line-height: 24px;
        font-weight: normal;
    }

@media (min-width: 1024px) {
    #settingsModal.gdprSettings.in .wrapper h3 {
        font-size: 20px;
        line-height: 26px;
    }
}

/*#settingsModal.gdprSettings.in .wrapper h3.cookies-obligatory {
    padding-left: 60px;
}*/

#settingsModal .modal-body .title svg {
    vertical-align: middle;
    width: 30px;
    margin-right: 5px;
    margin-top: -5px;
}


#settingsModal.gdprSettings.in ul.linkarea {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
}

#settingsModal.gdprSettings.in ul li a.link {
    color: #2997e5;
    text-decoration: underline;
    font-size: 16px;
    transition: all 0.3s ease-in-out;
}

    #settingsModal.gdprSettings.in ul li a.link:hover {
        color: black;
        transition: all 0.3s ease-in-out;
    }

#settingsModal.gdprSettings.in ul li .btn-close {
    background-color: transparent;
    color: #262626;
    border: 1px solid #000000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 120px;
    padding: 9px 25px !important;
    grid-gap: 10px;
    transition: all .3s ease-in-out !important;
}

    #settingsModal.gdprSettings.in ul li .btn-close:hover {
        border-color: #b2b2b2;
        background: rgba(0, 0, 0, 0.15);
        transition: all .3s ease-in-out !important;
    }

    #settingsModal.gdprSettings.in ul li .btn-close svg {
        position: relative;
    }

    #settingsModal.gdprSettings.in ul li .btn-close span {
        font-family: 'teleNeo-bold' !important;
        font-size: 17px !important;
    }

#settingsModal.gdprSettings.in ul li #change-ok {
    box-shadow: none;
    text-shadow: none;
    margin-right: 10px;
    background-color: #e20074;
    color: white;
    border: 1px solid #e20074 !important;
    border-radius: 120px !important;
    padding: 9px 25px !important;
    font-size: 17px !important;
}

#settingsModal #change-ok:hover {
    color: white !important;
    border-color: #e20074 !important;
}

#settingsModal.gdprSettings.in ul li #change-ok-all {
    border-radius: 120px !important;
    padding: 9px 25px !important;
    font-size: 17px !important;
}

    #settingsModal.gdprSettings.in ul li #change-ok:focus,
    #settingsModal.gdprSettings.in ul li #change-ok-all:focus,
    #settingsModal.gdprSettings.in .policyCookieButton a:focus {
        outline: 1px solid black;
    }

#settingsModal.gdprSettings.in::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

#settingsModal.gdprSettings.in .modal-content ::-webkit-scrollbar {
    width: 5px;
}

#settingsModal.gdprSettings.in .modal-content ::-webkit-scrollbar-track {
    background: #ddd;
}

#settingsModal.gdprSettings.in .modal-content ::-webkit-scrollbar-thumb {
    background: #e20074;
}


#settingsModal.gdprSettings .toggle {
    position: relative;
    right: 0;
    top: 0px;
    height: 30px;
    display: block;
    width: 140px;
}

    #settingsModal.gdprSettings .toggle .slide-toggle {
        position: relative;
        display: inline-block;
        display: block;
        width: 100%;
        height: 100%;
    }

        #settingsModal.gdprSettings .toggle .slide-toggle label span {
            position: absolute;
            right: -90px;
            z-index: 3;
            color: #666;
            font-family: 'teleNeo-medium' !important;
            font-size: 13px;
            text-align: right;
        }

        #settingsModal.gdprSettings .toggle .slide-toggle label.yes span {
            right: -90px;
        }

#settingsModal.gdprSettings.in .wrapper:first-of-type .toggle {
    width: 150px;
    left: -30px;
}

    #settingsModal.gdprSettings.in .wrapper:first-of-type .toggle label span {
        right: -90px;
    }

#settingsModal.gdprSettings .toggle .slide-toggle input {
    position: absolute;
    left: -35px;
    top: 0;
    margin: 0;
    padding: 8px 30px 8px 24px;
    display: block;
    z-index: 4;
    opacity: 0;
    cursor: pointer;
    width: 50px;
    height: 100%;
}

    #settingsModal.gdprSettings .toggle .slide-toggle input[type=checkbox]:disabled {
        cursor: not-allowed;
        left: -50px;
    }

        #settingsModal.gdprSettings .toggle .slide-toggle input[type=checkbox]:disabled + .yes {
            background-color: #B6B6B6;
            border: 1px solid #B6B6B6;
            border-radius: 15px;
            box-shadow: #B6B6B6 0px 0px 0px;
            left: -50px;
        }

            #settingsModal.gdprSettings .toggle .slide-toggle input[type=checkbox]:disabled + .yes span {
                right: -150px !important;
            }

                #settingsModal.gdprSettings .toggle .slide-toggle input[type=checkbox]:disabled + .yes span.en {
                    right: -120px;
                }

        #settingsModal.gdprSettings .toggle .slide-toggle input[type=checkbox]:disabled + span {
            opacity: 1 !important;
        }

    #settingsModal.gdprSettings .toggle .slide-toggle input + .yes {
        opacity: 0;
        background-color: #9f9d9d;
        border: 1px solid #9f9d9d;
        border-radius: 15px;
        box-shadow: #9f9d9d 0px 0px 0px;
    }

        #settingsModal.gdprSettings .toggle .slide-toggle input + .yes i {
            left: 1px;
            right: auto;
        }

        #settingsModal.gdprSettings .toggle .slide-toggle input + .yes + .no {
            opacity: 1;
            background-color: white;
            border: 1px solid black;
            border-radius: 15px;
            box-shadow: black 0px 0px 0px;
        }

            #settingsModal.gdprSettings .toggle .slide-toggle input + .yes + .no i {
                left: 1px;
                right: auto;
            }

    #settingsModal.gdprSettings .toggle .slide-toggle input:checked + .yes,
    #settingsModal.gdprSettings .toggle .slide-toggle input:checked + span.yes {
        opacity: 1;
    }

        #settingsModal.gdprSettings .toggle .slide-toggle input:checked + .yes i {
            right: 1px;
            left: auto;
            background: white;
        }

        #settingsModal.gdprSettings .toggle .slide-toggle input:checked + .yes + .no,
        #settingsModal.gdprSettings .toggle .slide-toggle input:checked + label.yes + label.no + span.no {
            opacity: 0;
        }

            #settingsModal.gdprSettings .toggle .slide-toggle input:checked + .yes + .no i {
                right: 1px;
                left: auto;
            }

#settingsModal.gdprSettings .toggle .slide-toggle .yes {
    text-align: left;
    min-width: 50px;
    padding: 12px 0px;
}

#settingsModal.gdprSettings .toggle .slide-toggle .no {
    text-align: right;
    min-width: 50px;
    padding: 12px 0px;
}

#settingsModal.gdprSettings .toggle .slide-toggle .yes,
#settingsModal.gdprSettings .toggle .slide-toggle .no {
    position: absolute;
    left: -10px;
    top: 0;
    color: white;
    border-radius: 18px;
    text-align: center;
    width: 50px;
}

#settingsModal.gdprSettings .toggle span {
    position: absolute;
    right: 0;
    color: #333;
    top: 5px;
    font-size: 13px;
    bottom: 0;
    margin: auto 0;
    vertical-align: middle;
    height: auto;
}

#settingsModal.gdprSettings .toggle .slide-toggle .yes i,
#settingsModal.gdprSettings .toggle .slide-toggle .no i {
    display: block;
    font-size: 32px;
    position: absolute;
    top: 0;
    color: black;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: black;
    bottom: 0;
    margin: auto;
}

div#cookies-mkt h1 {
    font-size: 37px;
    font-family: 'teleNeo-extra' !important;
    margin: 60px auto;
    text-align: center;
}

div#cookies-mkt * {
    font-size: 18px;
    line-height: 1.2;
}

div#cookies-mkt .gray-bcg {
    background: #f5f5f5;
    padding: 20px;
    text-align: left;
}

div#cookies-mkt h2 {
    font-size: 24px;
    margin: 30px 0 20px 0;
    font-family: 'teleNeo-bold' !important;
}

div#cookies-mkt h3 {
    font-size: 26px;
    font-family: 'teleNeo-bold' !important;
    margin: 20px 0 30px;
    color: #e20074;
}

div#cookies-mkt {
    position: relative;
    margin-bottom: 110px;
}

    div#cookies-mkt .panel-default .panel-title {
        padding: 0;
    }

        div#cookies-mkt .panel-default .panel-title a {
            width: 100%;
            display: block;
            font-size: 19px;
            position: relative;
            color: black;
            text-decoration: none;
        }

            div#cookies-mkt .panel-default .panel-title a.collapsed:after {
                content: ']$';
                font-family: 'teleicon-outline';
                position: absolute;
                color: #e20074;
                font-size: 22px;
                top: 0px;
                right: 20px;
                margin: auto;
                transform: rotateZ(0deg);
                transition-property: transform;
                transition-duration: .25s;
            }

            div#cookies-mkt .panel-default .panel-title a:after {
                content: ']$';
                font-family: 'teleicon-outline';
                position: absolute;
                color: #e20074;
                font-size: 22px;
                top: 0px;
                right: 20px;
                margin: auto;
                transform: rotateZ(-180deg);
                transition-property: transform;
                transition-duration: .25s;
            }

    div#cookies-mkt .table-responsive {
        position: relative;
        width: 100%;
        overflow: auto;
        border: 1px solid #e8e8e8 !important;
    }

#settingsModal button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

#settingsModal .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
}

#settingsModal .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.5);
}



@media(max-width: 767px) {
    div#cookies-mkt h1 {
        font-size: 25px;
        margin: 30px auto;
    }

    #cookiesModal.cookies.gdpr.in .modal-footer .linkarea,
    #cookiesModal.cookies.gdpr.in .modal-footer .linkarea li {
        width: 100%;
    }

    #settingsModal.gdprSettings.in .wrapper .header {
        display: flex;
        flex-direction: column;
    }


    .modal-content {
        padding: 25px 20px 70px !important;
    }

    .gdpr .modal-content {
        padding-bottom: 35px !important;
    }


    #settingsModal.gdprSettings .toggle {
        width: 50px !important;
        height: 50px;
    }


    #settingsModal.gdprSettings.in h2 {
        width: 90%;
    }

    #settingsModal.gdprSettings.in ul.linkarea {
        display: block;
        overflow: hidden;
    }

        #settingsModal.gdprSettings.in ul.linkarea li {
            margin: 10px 10px 0 0;
            display: block;
            width: 100%;
        }

    #cookiesModal.cookies.gdpr.in ul.linkarea li {
        /*margin: 10px 0px 0 0;*/
        display: inline-block;
        width: auto;
    }

    #settingsModal.gdprSettings.in ul.linkarea li button {
        margin-right: 0 !important;
        margin-bottom: 10px;
        width: 100%;
    }

    #cookiesModal.cookies.gdpr.in ul.linkarea li {
        /*float: left !important;*/
    }

    #settingsModal.gdprSettings.in .wrapper h3 {
        font-size: 18px;
    }



    #settingsModal.gdprSettings.in .modal-header .close {
        margin-top: 0px;
        margin-right: 0px;
        font-size: 28px;
        z-index: 2;
    }
}

@media (max-width: 679px) {
    .gdpr .modal-content,
    .gdprSettings .modal-content {
        width: 100%;
    }

    #settingsModal.gdprSettings.in .modal-content {
        top: 15% !important;
    }

    #cookiesModal.cookies.gdpr.in p {
        font-size: 16px;
    }

    #cookiesModal.cookies.gdpr.in ul.linkarea li a {
        margin-bottom: 15px;
        margin-left: 0;
        text-align: center;
    }

    #cookiesModal.cookies.gdpr.in .modal-footer .cookiePrivacyPolicy ul {
        grid-gap: 10px !important;
    }

    #settingsModal.gdprSettings.in .wrapper {
        flex-direction: column-reverse;
    }

        #settingsModal.gdprSettings.in .wrapper .contentClassCookie {
            width: 100% !important;
        }

    #settingsModal.gdprSettings.in ul li {
        width: 100% !important;
    }

        #settingsModal.gdprSettings.in ul li a,
        #settingsModal.gdprSettings.in ul li button {
            width: 100% !important;
        }

    #cookiesModal.cookies.gdpr.in .modal-footer .linkarea {
        max-width: 100%;
        flex-direction: column-reverse;
        padding: 0;
    }

    #cookiesModal.cookies.gdpr.in ul.linkarea li:nth-child(2) {
        display: flex;
        flex-flow: column-reverse;
    }
}

@media (min-width: 680px) and (max-width: 1024px) {
    .gdpr .modal-content,
    .gdprSettings .modal-content {
        width: 100% !important;
    }
}

@media (min-width: 1025px) and (max-width: 1279px) {
    .gdpr .modal-content,
    .gdprSettings .modal-content {
        width: 750px;
    }
}

@media (min-width: 1280px) {
    .gdpr .modal-content,
    .gdprSettings .modal-content {
        width: 740px !important;
    }
}

@media (min-width: 1680px) {
    .gdpr .modal-content,
    .gdprSettings .modal-content {
        width: 590px;
    }
}

@media (min-width: 1700px) {
    .gdpr .modal-content,
    .gdprSettings .modal-content {
        width: 712px;
    }
}

@media screen and (max-width: 995px) and (max-height: 550px) {
    .gdpr .modal-content,
    .gdprSettings .modal-content {
        width: 100vw;
        height: 80vh !important;
    }

    #cookiesModal.cookies.gdpr.in .modal-footer .linkarea {
        flex-direction: row !important;
        justify-content: space-between;
    }

        #cookiesModal.cookies.gdpr.in .modal-footer .linkarea li {
            width: auto !important;
        }

    #cookiesModal.cookies.gdpr.in ul.linkarea li a {
        width: auto !important;
        margin-left: 10px;
        margin-bottom: 0 !important;
    }

    .cookies.gdpr .modal-body {
        max-height: 80px !important;
    }

    #settingsModal.gdprSettings.in .modal-footer .linkarea {
        flex-direction: row !important;
    }
}

/* #endregion cookie consent css*/


/*#region ekstra pridobivki redesign*/
#ekstra-pridobivki .main-banner {
    background-size: cover;
    min-height: 400px;
    background-position: center;
    position: relative;
    padding: 5% 0;
}

#ekstra-pridobivki.postpejd section.main-banner {
    background-image: url(../content/images/ekstra-pridobivki-red/baner-ekstra-pridobivki.jpg);
}

#ekstra-pridobivki.pripejd section.main-banner {
    background-image: url(../content/images/ekstra-pridobivki-red/ekstra-pridobivki-pripejd-banner.jpg);
}

#ekstra-pridobivki .header {
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center;
    position: relative;
}

    #ekstra-pridobivki .header .ec {
        position: absolute;
        right: 0;
        top: -20px;
        width: 100px;
    }

    #ekstra-pridobivki .header svg {
        position: relative;
        margin: 20px 0;
    }

    #ekstra-pridobivki .header h1 {
        color: white;
        font-size: 59px;
        font-family: 'teleNeo-extra' !important;
    }

    #ekstra-pridobivki .header h2 {
        text-transform: uppercase;
        color: white;
        font-size: 32px;
    }

#ekstra-pridobivki p {
    font-size: 19px;
}

    #ekstra-pridobivki p.small {
        font-size: 15px;
        color: #7E7E7E;
    }

#ekstra-pridobivki .white-section {
    position: relative;
    padding: 3% 0;
}

#ekstra-pridobivki .text-wrap {
    position: relative;
    padding: 0 13%;
    margin-bottom: 50px !important;
}

    #ekstra-pridobivki .text-wrap strong {
        display: block;
    }

#ekstra-pridobivki .gray-box-wrap {
    background: rgba(176, 176, 212, .2);
    border-radius: 8px;
    margin: 30px 0;
    padding: 30px 13%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 93%;
}

    #ekstra-pridobivki .gray-box-wrap .ec {
        position: absolute;
        right: 40px;
        top: -70px;
    }

    #ekstra-pridobivki .gray-box-wrap h3 {
        font-size: 32px;
        font-family: 'teleNeo-extra' !important;
        margin: 0;
        padding: 0;
    }

    #ekstra-pridobivki .gray-box-wrap h4 {
        font-size: 24px;
        font-family: 'teleNeo-bold' !important;
        padding: 0;
        margin: 10px 0 30px;
    }

        #ekstra-pridobivki .gray-box-wrap h4 span {
            display: inline-block;
            font-family: 'teleNeo-extra' !important;
        }

#ekstra-pridobivki section.gray-section {
    position: relative;
    background-image: url(../content/images/ekstra-pridobivki-red/paketi-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

#ekstra-pridobivki.postpejd section.gray-section {
    padding-top: 5%;
    margin-top: 80px;
    padding-bottom: 5%;
}

#ekstra-pridobivki.pripejd section.gray-section {
    padding-top: 5%;
    margin-top: 70px;
    padding-bottom: 5%;
}

#ekstra-pridobivki .tabs ul {
    border: 0;
    position: relative;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: -190px;
}

    #ekstra-pridobivki .tabs ul li {
        width: 20%;
        text-align: center;
        background: white;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 20px 66px rgba(106, 106, 129, .16);
        border-radius: 8px;
        transition: all ease-in .3s;
    }

#ekstra-pridobivki.pripejd .tabs ul li {
    width: 35% !important;
}

#ekstra-pridobivki .tabs ul li a {
    height: 100%;
    padding: 20px 30px;
    width: 100%;
    border: 0;
    font-size: 50px;
    font-family: 'teleNeo-extra' !important;
    color: black;
    display: block;
    transition: all ease .3s;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    align-content: center;
    text-align: center;
}

#ekstra-pridobivki.pripejd .tabs ul li a {
    display: inline-block;
    font-size: 40px;
}

    #ekstra-pridobivki.pripejd .tabs ul li a span {
        font-family: 'teleNeo-regular' !important;
        font-size: 18px;
    }

#ekstra-pridobivki .tabs ul li a svg {
    position: relative;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transition: all ease-in .3s;
}

#ekstra-pridobivki .tabs ul li.active svg * {
    fill: white;
    transition: all ease-in .3s;
}

#ekstra-pridobivki .tabs ul li a span {
    font-size: 50px;
    font-family: 'teleNeo-extra' !important;
}

#ekstra-pridobivki .tabs ul li:hover,
#ekstra-pridobivki .tabs ul li.active {
    background: transparent linear-gradient(0deg, #E20074 0%, #E20074 50%, #FF2495 100%) 0% 0% no-repeat padding-box;
    transition: all ease-in .3s;
}

    #ekstra-pridobivki .tabs ul li:hover a,
    #ekstra-pridobivki .tabs ul li.active a {
        color: white !important;
        background: transparent;
        transition: all ease .3s;
    }

#ekstra-pridobivki .tabs ul li a:hover {
    background: transparent;
    transition: all ease .3s;
}

#ekstra-pridobivki .tabs ul li.active a:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: white;
    height: 5px;
    border-radius: 8px;
}

#ekstra-pridobivki .tab-content {
    position: relative;
    background: white;
    box-shadow: 0px 20px 66px rgba(106, 106, 129, .16);
    padding: 40px;
    margin: 60px 0;
    background-image: url(../content/images/ekstra-pridobivki-red/opcii-box-shape.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right bottom;
}

#ekstra-pridobivki ul.custom-ul-list {
    position: relative;
    width: 60%;
}

    #ekstra-pridobivki ul.custom-ul-list li {
        margin: 15px 0;
        font-size: 20px;
        position: relative;
        padding-left: 25px;
    }

        #ekstra-pridobivki ul.custom-ul-list li p {
            margin-bottom: 0;
        }

        #ekstra-pridobivki ul.custom-ul-list li span.line-through {
            text-decoration: line-through;
        }

        #ekstra-pridobivki ul.custom-ul-list li:before {
            content: '';
            position: absolute;
            left: 0;
            width: 7px;
            height: 7px;
            background: #e20074;
            top: 10px;
            border-radius: 50px;
            margin: auto 0;
        }

        #ekstra-pridobivki ul.custom-ul-list li label {
            color: #7E7E7E;
            font-size: 16px;
            font-family: 'teleNeo-regular' !important;
        }

        #ekstra-pridobivki ul.custom-ul-list li a {
            text-decoration: underline;
            color: #e20074;
            font-family: 'teleNeo-medium' !important;
        }

#ekstra-pridobivki .app-area {
    position: absolute;
    right: 60px;
    bottom: 45px;
}

    #ekstra-pridobivki .app-area p {
        font-size: 32px !important;
        font-family: 'teleNeo-bold' !important;
        text-align: center;
        line-height: 1.2;
    }

    #ekstra-pridobivki .app-area a {
        display: block;
        font-size: 22px;
        color: black;
        text-decoration: underline;
    }

#ekstra-pridobivki section.additional-info {
    position: relative;
    background: white;
    padding: 3% 0;
    box-shadow: 0 0 60px 20px rgba(0, 0, 0, 0.05);
}

    #ekstra-pridobivki section.additional-info h3 {
        font-family: 'teleNeo-extra' !important;
        text-align: center;
        font-size: 32px;
        margin: 0 0 40px 0;
    }

    #ekstra-pridobivki section.additional-info ul {
        width: 100%;
    }

@media (min-width: 320px) and (max-width: 450px) {
    #ekstra-pridobivki .header {
        width: 100% !important;
    }

        #ekstra-pridobivki .header .ec {
            position: absolute;
            right: 50px !important;
            top: 10px;
            width: 90px;
        }

    #ekstra-pridobivki .tabs ul {
        justify-content: space-between;
        align-items: center;
    }

    #ekstra-pridobivki.pripejd .tabs ul li {
        width: 45% !important;
        height: 110px !important;
    }

        #ekstra-pridobivki.pripejd .tabs ul li a {
            font-size: 18px;
            padding: 20px 10px;
            line-height: 1.2;
            height: 100%;
            display: block;
        }

            #ekstra-pridobivki.pripejd .tabs ul li a span {
                font-family: 'teleNeo-regular' !important;
                font-size: 16px;
            }
}

@media(max-width: 767px) {

    #cookiesModal.cookies.gdpr.in ul.linkarea li a {
        margin-bottom: 0px;
        margin-left: 0;
        text-align: center;
    }

        #cookiesModal.cookies.gdpr.in ul.linkarea li a:last-of-type {
            margin-bottom: 15px;
        }

    #ekstra-pridobivki section.main-banner {
        min-height: 300px;
        background-position: 20% 50%;
        padding: 0% 0;
    }

    #ekstra-pridobivki .header {
        width: 55%;
    }

        #ekstra-pridobivki .header .ec {
            position: absolute;
            right: 0;
            top: 10px;
            width: 90px;
        }

        #ekstra-pridobivki .header h1 {
            font-size: 39px;
        }

        #ekstra-pridobivki .header h2 {
            font-size: 22px;
        }

    #ekstra-pridobivki .text-wrap {
        padding: 0 0%;
    }

    #ekstra-pridobivki .gray-box-wrap {
        position: relative;
    }

        #ekstra-pridobivki .gray-box-wrap .ec {
            position: absolute;
            right: 0;
            top: -50px;
            width: 90px;
        }

        #ekstra-pridobivki .gray-box-wrap h3 {
            font-size: 25px;
        }

        #ekstra-pridobivki .gray-box-wrap h4 {
            font-size: 20px;
        }

    #ekstra-pridobivki .gray-box-wrap {
        margin: 30px auto;
        padding: 30px 5%;
    }

    #ekstra-pridobivki section.gray-section {
        padding-top: 25% !important;
    }

    #ekstra-pridobivki .tabs ul li {
        width: auto;
    }

    #ekstra-pridobivki.pripejd .tabs ul li {
        width: 45% !important;
        height: 80px;
    }

    #ekstra-pridobivki .tabs ul li a {
        padding: 10px 20px;
        font-size: 20px;
    }

    #ekstra-pridobivki.pripejd .tabs ul li a {
        font-size: 20px;
    }

    #ekstra-pridobivki .tabs ul li a svg {
        width: 30px;
        height: auto;
    }

    #ekstra-pridobivki .tabs ul li a span {
        font-size: 20px;
    }

    #ekstra-pridobivki .tab-content {
        padding: 20px 20px 50px 20px;
    }

    #ekstra-pridobivki .app-area {
        position: relative;
        right: inherit;
        bottom: inherit;
    }

        #ekstra-pridobivki .app-area p {
            font-size: 25px !important;
        }

        #ekstra-pridobivki .app-area a {
            display: block;
            font-size: 20px;
        }

    #ekstra-pridobivki ul.custom-ul-list {
        position: relative;
        width: 100%;
    }

    #ekstra-pridobivki section.additional-info h3 {
        font-size: 25px;
        margin: 30px 0 40px 0;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #ekstra-pridobivki section.main-banner {
        background-position: 35% 50%;
        min-height: 300px;
    }

    #ekstra-pridobivki .header {
        width: 40%;
    }

        #ekstra-pridobivki .header h1 {
            font-size: 40px;
        }

        #ekstra-pridobivki .header h2 {
            font-size: 25px;
        }

    #ekstra-pridobivki.pripejd section.gray-section {
        padding-top: 25%;
    }

    #ekstra-pridobivki section.gray-section {
        padding-top: 15% !important;
        margin-top: 110px !important;
        padding-bottom: 5% !important;
    }

    #ekstra-pridobivki.pripejd .tabs ul li {
        width: 30% !important;
    }

    #ekstra-pridobivki.pripejd .tabs ul li {
        width: 35% !important;
    }


    #ekstra-pridobivki.pripejd .tabs ul li {
        width: 48% !important;
    }

    #ekstra-pridobivki .tabs ul li a {
        padding: 15px 20px;
        font-size: 30px;
    }

    #ekstra-pridobivki.pripejd .tabs ul li a {
        font-size: 25px !important;
    }

    #ekstra-pridobivki .tabs ul li a span {
        font-size: 18px;
    }

    #ekstra-pridobivki .app-area {
        right: 35px;
        bottom: 45px;
    }

        #ekstra-pridobivki .app-area p {
            font-size: 21px !important;
        }

        #ekstra-pridobivki .app-area a {
            font-size: 19px;
        }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #roaming-packages .nav-tabs.new-red {
        width: 65%;
        gap: 20px;
    }

    #ekstra-pridobivki section.main-banner {
        background-position: 30% 50%;
        min-height: 300px;
        padding: 1% 0;
    }

    #ekstra-pridobivki .header {
        width: 40%;
    }

        #ekstra-pridobivki .header .ec {
            position: absolute;
            right: 0;
            top: 20px;
            width: 100px;
        }

        #ekstra-pridobivki .header h1 {
            font-size: 45px;
        }

        #ekstra-pridobivki .header h2 {
            font-size: 25px;
        }

    #ekstra-pridobivki section.gray-section {
        padding-top: 10% !important;
        margin-top: 80px;
        padding-bottom: 5%;
    }

    #ekstra-pridobivki.pripejd .tabs ul li {
        width: 45% !important;
    }

        #ekstra-pridobivki.pripejd .tabs ul li a {
            font-size: 25px !important;
        }

            #ekstra-pridobivki.pripejd .tabs ul li a span {
                font-size: 18px;
            }

    #ekstra-pridobivki .tabs ul li a span,
    #ekstra-pridobivki .tabs ul li a {
        font-size: 30px;
    }

    #ekstra-pridobivki .tabs ul li {
        width: 30%;
    }
}

@media(min-width: 1200px) and (max-width: 1350px) {
    #ekstra-pridobivki.postpejd section.gray-section {
        padding-top: 6% !important;
    }

    #ekstra-pridobivki .header h1 {
        font-size: 49px;
    }

    #ekstra-pridobivki section.gray-section {
        padding-top: 17%;
    }

    #ekstra-pridobivki .header h2 {
        font-size: 28px;
    }

    #ekstra-pridobivki.pripejd .tabs ul li a {
        font-size: 35px;
    }
}

@media(min-width: 1900px) {
    #ekstra-pridobivki .header {
        margin-right: -30px;
    }

        #ekstra-pridobivki .header .ec {
            position: absolute;
            right: 120px;
            top: -30px;
        }
}
/*#endregion ekstra pridobivki redesign*/

/*#region business order form*/
#orderBusiness {
    position: relative;
    height: 100%;
    padding-bottom: 50px;
}

    #orderBusiness h1 {
        color: #e20074;
        font-size: 36px;
        text-transform: uppercase;
        position: relative;
        overflow: hidden;
        padding: 30px 0 10px;
        font-family: 'teleNeo-extra' !important;
    }

    #orderBusiness .yellow-box {
        position: relative;
        width: 70%;
        margin: 20px auto 40px;
        text-align: center;
        padding: 20px;
        background-color: #fcf8e3;
        border: 1px solid #faebcc;
        font-size: 17px;
        border-radius: 4px;
    }

    #orderBusiness .online-naracka-wrapper {
        padding-bottom: 30px;
    }

        #orderBusiness .online-naracka-wrapper span {
            font-size: 18px;
            line-height: 1.1;
        }

            #orderBusiness .online-naracka-wrapper span.deviceName {
                text-transform: uppercase;
                font-size: 19px;
                line-height: 1.2;
                font-family: 'teleNeo-bold' !important;
            }

        #orderBusiness .online-naracka-wrapper select {
            padding: 7px 20px;
            box-shadow: none !important;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

            #orderBusiness .online-naracka-wrapper select:focus,
            #orderBusiness .online-naracka-wrapper select:active {
                background-color: #d9d9d9;
            }

            #orderBusiness .online-naracka-wrapper select option {
                position: relative;
                font-size: 17px;
                font-family: 'teleNeo-regular' !important;
            }

    #orderBusiness span.help-block {
        color: #b30000;
        font-size: 13px !important;
        border-radius: 6px;
        top: 2px;
        position: relative;
    }

    #orderBusiness button.btn.btn-magen:focus {
        outline: none;
    }

    #orderBusiness .success-box {
        position: relative;
        background: rgba(0, 128, 0, .10);
        margin: 60px auto 20px;
        width: 50%;
        padding: 30px;
    }

    #orderBusiness .invalid-input {
        border-color: #b30000;
        background: #fdf2f2 !important;
    }

    #orderBusiness .successMsg {
        background-image: none;
    }

        #orderBusiness .successMsg:before {
            content: 'V';
            font-family: 'teleicon-outline' !important;
            font-size: 35px;
            top: 50px;
            position: absolute;
            color: white;
            background: rgba(0, 128, 0, .85);
            border-radius: 50px;
            width: 60px;
            height: 60px;
            left: 0;
            right: 0;
            margin: 0 auto;
            line-height: 60px;
        }

    #orderBusiness .success-box h2 {
        position: relative;
        display: block;
        color: #333;
        font-size: 24px;
    }

        #orderBusiness .success-box h2 span {
            display: block;
            font-size: 20px;
        }

    #orderBusiness .error-box {
        background-color: #f2dede;
        border-color: #ebccd1;
        width: 60%;
        margin: 40px auto 0px;
        text-align: center;
        border-radius: 4px;
    }

        #orderBusiness .error-box h2 {
            text-align: center !important;
            display: inline-block;
            font-size: 20px !important;
            color: #a94442;
            margin: 20px 0;
        }

@media(max-width: 767px) {
    #orderBusiness .yellow-box {
        position: relative;
        width: 90%;
    }

    #orderBusiness .success-box {
        width: 100%;
    }

    #orderBusiness .error-box {
        width: 100%;
    }
}


/*#endregion business order form*/

/*#region modal za kolacinja za YT*/
#cookiesModalYT.in {
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 99999;
    background: rgba(0, 0, 0, .3);
    height: 100%;
}

    #cookiesModalYT.in .modal-content {
        border-radius: 0;
        padding: 10px 15px;
    }

    #cookiesModalYT.in .modal-header,
    #cookiesModalYT.in .modal-footer {
        border: 0;
    }

    #cookiesModalYT.in h2 {
        color: #e20074;
        font-family: 'teleNeo-bold' !important;
        font-size: 26px;
    }

    #cookiesModalYT.in p {
        font-size: 18px;
        line-height: 1.2;
    }

    #cookiesModalYT.in .modal-footer ul {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

        #cookiesModalYT.in .modal-footer ul li {
            margin: 0 10px;
        }

            #cookiesModalYT.in .modal-footer ul li a {
                padding: 10px 20px;
                font-size: 18px;
                text-decoration: none;
                font-family: 'teleNeo-bold' !important;
            }

                #cookiesModalYT.in .modal-footer ul li a.btn-brand {
                    background: #e20074;
                    color: white;
                }

                #cookiesModalYT.in .modal-footer ul li a.btn-light-magenta {
                    background: white;
                    color: black;
                    border: 1px solid #e20074;
                }
/*#endregion modal za kolacinja za YT*/


.disclaimerCustom div + span.max {
    position: relative;
}


@media (max-width: 1279px) {

    #mainmenu.navbar-collapse {
        background-color: transparent;
        border-color: transparent;
    }

    .main-menu li a.active, .main-menu li span.active {
        background-color: transparent !important;
        color: black !important;
    }

    #brandbar {
        display: flex;
        flex-flow: column-reverse;
        padding: 0 20px;
        max-width: 639px;
        margin: 0 auto;
    }

        #brandbar #languages {
            padding-bottom: 20px;
        }

    div#mm-1 .mm-navbar a,
    div#mm-26 .mm-navbar a,
    div#mm-52 .mm-navbar a,
    div#mm-49 .mm-navbar a,
    div#mm-14 .mm-navbar a {
        pointer-events: none;
    }

        div#mm-1 .mm-navbar a.mm-btn:first-child,
        div#mm-26 .mm-navbar a.mm-btn:first-child,
        div#mm-52 .mm-navbar a.mm-btn:first-child,
        div#mm-49 .mm-navbar a.mm-btn:first-child,
        div#mm-14 .mm-navbar a.mm-btn:first-child {
            display: none;
            background: none;
        }
}

@media(max-width:767px) {
    .search-box {
        width: 360px !important;
        left: auto;
        right: 55px !important;
        position: fixed;
        z-index: 11111111111;
        display: inline-block;
        max-width: 85%;
        min-width: 200px;
    }

        .search-box .form-control {
            position: static;
        }
}

#mainmenu.bizMainMenu ul.menu_sq li {
    margin: 0 -2px;
}
/*da se sredi*/


.hboHeader-new {
    background: url(../content/images/novogodishna-2024/bg1.jpg);
    padding: 80px 20px;
}

.gley-new {
    background: url(../content/images/novogodishna-2024/bg2.jpg);
    padding: 80px 20px;
}

@media(max-width:767px) {
    .hboHeader-new, .gley-new {
        padding: 40px 20px;
    }

        .hboHeader-new img, .gley-new img {
            margin-bottom: 20px;
        }
}


div.mm-panel .mm-listview > li > a {
    padding: 25px 20px 25px 25px !important;
}

#menu.mk div.mm-panel#mm-1 .mm-listview > li > a,
#menu.mk div.mm-panel#mm-27 .mm-listview > li > a,
#menu.mk div.mm-panel#mm-26 .mm-listview > li > a,
#menu.mk div.mm-panel#mm-52 .mm-listview > li > a {
    padding: 25px 20px 25px 0px !important;
}

#menu.sq div.mm-panel#mm-26 .mm-listview > li > a,
#menu.sq div.mm-panel#mm-49 .mm-listview > li > a {
    padding: 25px 20px 25px 0px !important;
}

#menu.mk .mm-panel#mm-1 .mm-navbar-bottom {
    display: none !important;
}

.mm-navbar.mm-navbar-bottom.mm-navbar-bottom-1.mm-navbar-size-1 {
    visibility: visible !important;
    padding: 0 20px;
}

#menu.sq .mm-panel#mm-26 .mm-navbar-bottom {
    padding: 0 !important;
}

.mm-navbar.mm-navbar-bottom.mm-navbar-bottom-1.mm-navbar-size-1 a {
    pointer-events: auto !important;
}

    .mm-navbar.mm-navbar-bottom.mm-navbar-bottom-1.mm-navbar-size-1 a.meta {
        font-size: 18px !important;
        padding-bottom: 20px;
        padding-top: 20px;
    }

#menu.mk .mm-panel#mm-27 .mm-navbar-bottom,
#menu.mk .mm-panel#mm-52 .mm-navbar-bottom,
#menu.mk .mm-panel#mm-26 .mm-navbar-bottom {
    padding: 0 !important;
}


#cookiesModal.cookies.gdpr.in h2 {
    text-transform: none;
    color: #262626;
    margin-bottom: 24px;
}

.cookies.gdpr .modal-body {
    overflow-y: auto;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    padding-right: 0px !important;
    max-width: none;
    max-height: 35vh;
    /* text-align: justify;*/
    -webkit-hyphens: auto;
    hyphens: auto;
}

#cookiesModal.cookies.gdpr.in .modal-footer {
    padding-top: 20px;
}

    #cookiesModal.cookies.gdpr.in .modal-footer .cookiePrivacyPolicy ul {
        display: flex;
        align-items: flex-start;
        gap: 20px;
    }

        #cookiesModal.cookies.gdpr.in .modal-footer .cookiePrivacyPolicy ul li a {
            color: black !important;
            text-decoration: underline;
            font-size: 17px;
            font-family: 'teleNeo-medium' !important;
        }

            #cookiesModal.cookies.gdpr.in .modal-footer .cookiePrivacyPolicy ul li a:focus {
                border-bottom: 1px solid black;
            }

@media (max-width: 767px) {
    #settingsModal .modal-dialog {
        top: 130px;
    }
}

#settingsModal .modal-dialog .wrapper .content {
    padding-left: 60px;
    padding-right: 50px;
}

#settingsModal.gdprSettings.in .wrapper h3 {
    padding-left: 0px !important;
    padding-bottom: 7px;
}

#settingsModal .modal-body .title svg {
    width: 50px;
    height: 50px;
    top: 15px;
}

.cookiePrivacyPolicy {
    padding-bottom: 35px;
    text-align: center;
}

#settingsModal.gdprSettings.in .modal-content {
    padding: 48px 24px !important;
    margin: 0 auto;
    height: 80vh;
    top: 17%;
}

.gdpr .modal-dialog .cookiePrivacyPolicy a {
    color: #00739f !important;
    font-size: 16px;
    font-weight: 400;
}



.policyCookieButton {
    text-align: center;
}


    .policyCookieButton a {
        color: #00739f !important;
        font-size: 16px;
        font-weight: 400;
    }


#settingsModal.gdprSettings.in .wrapper {
    border-bottom: 1px solid #262626;
    display: flex;
    flex-wrap: wrap;
    padding: 16px 0;
}



    #settingsModal.gdprSettings.in .wrapper svg {
        position: relative;
    }

    #settingsModal.gdprSettings.in .wrapper .contentClassCookie {
        margin-bottom: 4px;
        width: 75%;
    }

    #settingsModal.gdprSettings.in .wrapper .toggle {
        width: 30%;
    }

    #settingsModal.gdprSettings.in .wrapper .svgCookieImage svg {
        align-items: center;
        color: #262626;
        display: flex;
        height: 40px;
        width: 40px;
        justify-content: center;
        margin-bottom: 22px;
        margin-right: 22px;
        transition: color .2s linear, filter .2s linear;
    }

    #settingsModal.gdprSettings.in .wrapper .accordion {
        flex: 0 0 100%;
    }

        #settingsModal.gdprSettings.in .wrapper .accordion .panel-heading {
            padding: 0;
            margin: 0;
            border-radius: 0;
        }

            #settingsModal.gdprSettings.in .wrapper .accordion .panel-heading a {
                display: block;
                position: relative;
                font-family: 'teleNeo-medium' !important;
                text-decoration: none;
                margin: 10px 0 0 0;
                font-size: 16px;
            }

                #settingsModal.gdprSettings.in .wrapper .accordion .panel-heading a:focus {
                    /*box-shadow: 0 0 14px 2px #00000010;*/
                    border: 0;
                }

                #settingsModal.gdprSettings.in .wrapper .accordion .panel-heading a.collapsed:after {
                    content: "";
                    position: absolute;
                    border: solid black;
                    border-width: 0 2px 2px 0;
                    display: inline-block;
                    padding: 5px;
                    position: absolute;
                    right: 5px;
                    top: 0;
                    transform: rotate(45deg);
                    transition: all ease-in .3s;
                }

                #settingsModal.gdprSettings.in .wrapper .accordion .panel-heading a:after {
                    content: "";
                    position: absolute;
                    border: solid black;
                    border-width: 0 2px 2px 0;
                    display: inline-block;
                    padding: 5px;
                    position: absolute;
                    right: 5px;
                    transform: rotate(-135deg);
                    top: 5px;
                    transition: all ease-in .3s;
                }


    #settingsModal.gdprSettings.in .wrapper .toggle {
        display: flex;
        width: 20%
    }

        #settingsModal.gdprSettings.in .wrapper .toggle:focus {
            outline: 1px solid black;
            border-radius: 0;
        }

#settingsModal.gdprSettings .toggle .slide-toggle .yes, #settingsModal.gdprSettings .toggle .slide-toggle .no {
    left: -10px;
}


#settingsModal.gdprSettings.in h2 {
    color: #262626;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 16px 0;
    text-transform: none;
}

#cookiesModal.gdpr .modal-header {
    padding: 0px 0px;
}

    #cookiesModal.gdpr .modal-header h2 {
        top: 0px !important;
        line-height: 1.2;
    }

#cookiesModal.cookies.gdpr.in ul.linkarea li:first-child {
    margin-right: 30px;
}

#cookiesModal.cookies.gdpr.in ul.linkarea li:last-child {
    margin-right: 0px;
}

#settingsModal.gdprSettings.in h2 {
    top: 0px;
}

#settingsModal.gdprSettings.in .modal-footer {
    margin-top: 25px;
}




#settingsModal.gdprSettings .toggle .slide-toggle label.yes span {
    right: -120px;
    font-size: 18px;
}

#settingsModal.gdprSettings .toggle .slide-toggle label span {
    right: -50px;
    font-size: 18px;
}

    #settingsModal.gdprSettings .toggle .slide-toggle label span.mk {
        right: -90px;
    }

    #settingsModal.gdprSettings .toggle .slide-toggle label span.sq {
        right: -80px !important;
    }

#settingsModal.gdprSettings .toggle .slide-toggle label.yes span {
    right: -50px;
    font-size: 18px;
}

    #settingsModal.gdprSettings .toggle .slide-toggle label.yes span.mk {
        right: -90px;
    }

@media (max-width: 767px) {
    #settingsModal.gdprSettings.in .wrapper {
        display: block;
    }

    #settingsModal .modal-dialog .wrapper .content {
        padding-left: 40px;
    }

    #settingsModal .modal-body .title svg {
        width: 30px;
        height: 30px;
    }

    #settingsModal.gdprSettings.in .wrapper h3 {
        padding-right: 20px;
    }

    #settingsModal.gdprSettings .toggle {
        width: 100px !important;
        top: 0;
    }

    #settingsModal.gdprSettings.in .wrapper .header {
        flex-direction: row;
        align-items: center;
    }

    .gdpr .modal-dialog .modal-content .modal-footer .linkarea {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
        justify-content: center;
    }

        .gdpr .modal-dialog .modal-content .modal-footer .linkarea li {
            flex-grow: 1;
            margin: 0;
            position: relative;
        }

            .gdpr .modal-dialog .modal-content .modal-footer .linkarea li a {
                width: 100% !important;
                border-radius: 120px;
                display: inline-flex;
                align-items: center;
            }

                .gdpr .modal-dialog .modal-content .modal-footer .linkarea li a svg {
                    position: relative;
                }
}


@media (max-width: 1020px) {
    #settingsModal.gdprSettings.in .modal-footer .linkarea {
        flex-wrap: wrap !important;
        flex-direction: column-reverse;
        gap: 10px !important;
        justify-content: flex-end;
        align-items: flex-end;
        align-content: flex-end;
    }

        #settingsModal.gdprSettings.in .modal-footer .linkarea li #change-ok {
            margin-right: 0px;
        }
}

@media (max-width: 1200px) {
    #settingsModal.gdprSettings.in .modal-footer {
        display: flex !important;
        flex-direction: row-reverse;
        width: 100%;
        align-content: center;
        flex-wrap: wrap;
    }

    #settingsModal.gdprSettings.in .linkarea {
        width: 100%;
        flex-direction: row !important;
        justify-content: space-between !important;
    }

    #settingsModal.gdprSettings.in .policyCookieButton {
        width: 50%;
        text-align: start;
    }
}


@media (min-width: 1024px) {
    #settingsModal.gdprSettings.in .wrapper .svgCookieImage svg {
        height: 56px;
        margin-right: 54px;
        width: 56px;
    }
}

@media (max-width: 720px) {
    #settingsModal.gdprSettings .toggle .slide-toggle .yes, #settingsModal.gdprSettings .toggle .slide-toggle .no {
        left: 0px !important;
    }
}


@media (min-width: 1024px) {
    #settingsModal.gdprSettings.in h2 {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 24px;
    }
}


@media (max-width: 1025px) {
    #settingsModal.gdprSettings .toggle .slide-toggle label.yes span,
    #settingsModal.gdprSettings .toggle .slide-toggle label span,
    #settingsModal.gdprSettings .toggle .slide-toggle label.yes span {
        font-size: 17px;
    }

    #settingsModal.gdprSettings .toggle .slide-toggle .yes, #settingsModal.gdprSettings .toggle .slide-toggle .no {
        left: -35px;
    }
}

@media (max-width: 1199px) {


    #cookiesModal.cookies.gdpr.in .modal-footer::before {
        display: none;
    }

    #cookiesModal.cookies.gdpr.in .modal-footer::after {
        display: none;
    }

    #cookiesModal.cookies.gdpr.in .modal-footer .linkarea {
        display: flex;
        gap: 15px;
    }

    #cookiesModal.cookies.gdpr.in ul.linkarea li:first-child {
        margin-right: 0px;
    }

    #cookiesModal.cookies.gdpr.in ul.linkarea li {
        margin: 0px;
    }



    #cookiesModal.cookies.gdpr.in .modal-footer .cookiePrivacyPolicy {
        order: 1;
        padding-top: 0px;
    }
}

@media (max-width: 991px) {
    #cookiesModal.cookies.gdpr.in ul.linkarea li:first-child {
        margin-right: 0px;
    }

    #cookiesModal.cookies.gdpr.in ul.linkarea li:nth-child(2) {
        margin-right: 0px;
        flex-direction: column-reverse;
    }

    #cookiesModal.cookies.gdpr.in .modal-footer .linkarea {
        flex-direction: column-reverse !important;
    }

    #settingsModal.gdprSettings.in .modal-footer .linkarea li:nth-child(2) {
        flex-direction: column-reverse !important;
        display: inline-flex;
        gap: 10px;
        align-items: flex-end;
        justify-content: flex-end;
    }

    #settingsModal.gdprSettings.in .wrapper:first-of-type .toggle {
        left: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #cookiesModal.cookies.gdpr.in .modal-footer .linkarea {
        flex-direction: row !important;
    }

    #cookiesModal.cookies.gdpr.in ul.linkarea li a {
        margin-bottom: 0px;
        margin-left: 10px;
        text-align: center;
    }

    #settingsModal.gdprSettings.in .modal-footer .linkarea li #change-ok {
        margin-right: 10px;
    }
}

@media (max-width: 639px) {

    #cookiesModal.cookies.gdpr.in .modal-footer {
        display: block;
    }

        #cookiesModal.cookies.gdpr.in .modal-footer .cookiePrivacyPolicy {
            padding-top: 15px;
        }

    #settingsModal.gdprSettings.in .policyCookieButton {
        width: 100%;
        text-align: center;
    }

    #settingsModal.gdprSettings.in .modal-footer .linkarea {
        justify-content: center;
        align-items: center;
        align-content: center;
        gap: 5px;
    }

        #settingsModal.gdprSettings.in .modal-footer .linkarea li {
            margin: 0px;
        }

    .gdpr .modal-dialog .cookiePrivacyPolicy {
        text-align: center;
    }

    #settingsModal.gdprSettings.in ul.linkarea {
        display: flex;
        overflow: hidden;
        flex-direction: column;
        width: 100%;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
    }

        #settingsModal.gdprSettings.in ul.linkarea li {
            width: auto;
        }
}

@media (min-width: 640px) {
    #settingsModal.gdprSettings.in h2 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 18px;
    }

    #settingsModal.gdprSettings.in .wrapper .svgCookieImage svg {
        height: 54px;
        width: 54px;
    }

    #settingsModal.gdprSettings.in .policyCookieButton a {
        font-size: 18px;
        line-height: 22px;
    }

    .gdpr .modal-dialog .cookiePrivacyPolicy a {
        font-size: 18px;
        line-height: 22px;
        text-align: center;
    }
}

@media (max-width: 490px) {
    #settingsModal .modal-dialog .wrapper .content {
        padding-left: 0px;
        padding-right: 0px;
    }

    #settingsModal.gdprSettings .toggle {
        width: 130px !important;
    }

    #settingsModal.gdprSettings.in .wrapper h3 {
        font-size: 16px;
    }

    #settingsModal .modal-body .title svg {
        width: 20px;
        height: 20px;
        top: 15px;
    }
}


@media (max-width: 375px) {
    #cookiesModal.cookies.gdpr.in .modal-footer {
        max-width: 100%;
    }

        #cookiesModal.cookies.gdpr.in .modal-footer .cookiePrivacyPolicy {
            max-width: 100%;
        }

        #cookiesModal.cookies.gdpr.in .modal-footer .linkarea {
            max-width: 100%;
            flex-direction: column-reverse;
            padding: 0;
        }

    #cookiesModal.cookies.gdpr.in ul.linkarea {
        padding: 0px 25px 0px 25px;
    }

        #cookiesModal.cookies.gdpr.in ul.linkarea li a#all-cookies-btn {
            font-size: 15px !important;
        }

        #cookiesModal.cookies.gdpr.in ul.linkarea li a#required-cookies-btn {
            font-size: 15px !important;
        }

        #cookiesModal.cookies.gdpr.in ul.linkarea li a#custom-cookies-btn {
            font-size: 15px !important;
            padding: 10px 10px !important;
        }
}

p.blackDesc {
    margin-top: 45px;
    color: black !important;
    margin-bottom: -15px;
    text-align: left !important;
}

    p.blackDesc span {
        color: black !important;
    }

#roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package .days {
    position: absolute;
    bottom: 70px;
    left: 20px;
}
/*#region tekovni oglasi*/
#oglasiNova {
    margin: 20px 0;
    position: relative;
}

    #oglasiNova .oglasi-wrapper {
        position: relative;
        padding: 6% 0 3%;
    }

        #oglasiNova .oglasi-wrapper:after {
            content: '';
            position: absolute;
            background-image: url(../content/images/kariera-lp/kariera-tekovni-oglasi/shape.png);
            width: 30%;
            height: 100%;
            right: 0;
            top: 0;
            background-size: contain;
            background-position: right bottom;
            background-repeat: no-repeat;
            z-index: 0;
        }

    #oglasiNova .wrapper {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        z-index: 2;
    }

    #oglasiNova .image {
        position: absolute;
        top: -180px;
        right: 0;
    }

    #oglasiNova .wrapper .oglas {
        width: 31%;
        margin: 25px 15px;
        background: #e20074;
        box-shadow: 0px 24.8787px 63.5788px rgba(0, 0, 0, 0.08);
        position: relative;
    }

        #oglasiNova .wrapper .oglas .wrap {
            background: white;
            position: relative;
            -webkit-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;
            height: 100%;
            padding: 20px !important;
            width: 100% !important;
            min-height: 230px;
        }

        #oglasiNova .wrapper .oglas:before {
            content: '';
            display: block;
            position: absolute;
            right: 0px;
            top: -8px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 8px 0 8px 8px;
            border-color: transparent #e20074 #e20074 #e20074;
            -webkit-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
        }

        #oglasiNova .wrapper .oglas:after {
            content: '';
            display: block;
            position: absolute;
            left: -8px;
            bottom: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-color: #e20074 #e20074 transparent transparent;
            -webkit-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
            border-width: 8px 8px 0px 8px;
            z-index: 2;
        }

    #oglasiNova .wrapper .wrap:after {
        position: absolute;
        content: '';
        top: 20px;
        right: 20px;
        width: 30px;
        height: 30px;
        background-image: url(../content/images/kariera-lp/kariera-tekovni-oglasi/Vector.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    #oglasiNova .wrapper .oglas:hover:before {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        border-width: 8px 0 8px 8px;
    }

    #oglasiNova .wrapper .oglas:hover:after {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        border-width: 8px 8px 0px 8px;
    }

    #oglasiNova .wrapper .oglas:hover .wrap {
        transform: translate(-8px, -8px);
        z-index: 3;
        background: white;
    }

    #oglasiNova .oglasi-wrapper .oglasHeader {
        position: relative;
        width: 80%;
        min-height: 70px;
    }

        #oglasiNova .oglasi-wrapper .oglasHeader h2 {
            text-align: left;
            font-family: 'teleNeo-bold' !important;
            text-transform: uppercase;
            font-size: 20px;
            line-height: 1.2;
        }

    #oglasiNova .oglasi .oglasOpis {
        padding-bottom: 30px;
    }

    #oglasiNova .oglasi .oglasBottom {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        #oglasiNova .oglasi .oglasBottom span {
            font-family: 'teleNeo-medium' !important;
            font-size: 18px;
            text-decoration: underline;
        }

    #oglasiNova h4 {
        margin: 0 !important;
        padding: 0;
        margin-bottom: 10px;
        color: #BABBC9;
        font-size: 18px;
        font-family: 'teleNeo-medium' !important;
    }

    #oglasiNova .white-box {
        position: relative;
    }

    #oglasiNova .oglas a {
        display: block;
        cursor: pointer;
        text-decoration: none;
        color: #333;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        z-index: 3;
    }

    #oglasiNova label {
        cursor: pointer;
    }


    #oglasiNova .tekovniOglasi h4 {
        text-align: right;
        color: #b6b6b6;
        font-size: 15px;
    }

    #oglasiNova .data-btn {
        display: inline-block;
        width: 100%;
        margin-top: 15px;
    }

        #oglasiNova .data-btn .oglasDatum {
            float: right;
            text-align: right;
        }

    #oglasiNova .note-career {
        background-color: #FFEAF5;
        border-color: #F7BFDC;
        color: #e20074 !important;
        padding: 10px 15px !important;
        display: block;
    }

    #oglasiNova .oglasDatum label {
        display: inline;
    }

        #oglasiNova .oglasDatum label:first-child:after {
            content: '-';
            padding-left: 5px;
        }

    #oglasiNova .noActive {
        position: relative;
    }

        #oglasiNova .noActive .gradient-box {
            position: relative;
            display: flex;
            align-items: center;
            background: linear-gradient(91.63deg, rgba(232, 238, 243, 0.6) 0.64%, rgba(249, 249, 253, 0.6) 72.59%, rgba(250, 250, 254, 0) 84.31%);
            border-radius: 20px;
            padding: 30px 40px;
        }

            #oglasiNova .noActive .gradient-box .img {
                width: 25%;
            }

            #oglasiNova .noActive .gradient-box h2 {
                text-transform: uppercase;
                color: black;
                font-size: 23px;
                margin: 0 0 30px 0;
                padding: 0;
                text-align: left;
                font-family: 'teleNeo-bold' !important;
            }

            #oglasiNova .noActive .gradient-box p {
                font-size: 18px;
                color: rgba(0, 0, 0, 0.7);
                line-height: 1.2;
            }

/*#region oglasi details ver 1*/
.OglasDetails {
    position: relative;
    background-image: url(../content/images/kariera-lp/kariera-tekovni-oglasi/tekoven-oglas-bg.png);
    height: 100vh;
    background-size: cover;
    background-position: center;
}

    .OglasDetails .tekovenOglas-details {
        position: relative;
        background: rgba(255, 255, 255, 0.94);
        box-shadow: 0px 25px 65px rgba(0, 0, 0, 0.14);
        backdrop-filter: blur(10px);
        border-radius: 20px;
        height: 500px;
        overflow: auto;
        top: 10%;
        margin: 0 auto 0 auto;
        width: 80%;
    }

        .OglasDetails .tekovenOglas-details .oglasHeader {
            position: relative;
            background: linear-gradient(357.43deg, rgba(226, 232, 239, 0.6) 2.66%, rgba(255, 255, 255, 0) 98.38%);
            border-radius: 20px 20px 0px 0px;
            padding: 20px 0;
        }

            .OglasDetails .tekovenOglas-details .oglasHeader h2 {
                padding: 0px 30px 10px;
                margin: 0;
                color: #e20074;
                font-size: 23px;
                text-transform: uppercase;
                font-family: 'teleNeo-extraBoldItalic' !important;
                text-align: left;
            }

            .OglasDetails .tekovenOglas-details .oglasHeader h3 {
                font-family: 'teleNeo-bold' !important;
                color: black;
                font-size: 27px;
                text-transform: uppercase;
                padding: 0 30px;
                margin: 0;
            }

        .OglasDetails .tekovenOglas-details .oglasiBody {
            padding: 20px 30px 0px;
            position: relative;
        }

            .OglasDetails .tekovenOglas-details .oglasiBody p {
                font-size: 18px;
                line-height: 1.2;
            }

            .OglasDetails .tekovenOglas-details .oglasiBody ul li {
                font-size: 18px;
                margin-bottom: 5px;
            }

        .OglasDetails .tekovenOglas-details::-webkit-scrollbar-thumb {
            background: #e20074;
        }

        .OglasDetails .tekovenOglas-details::-webkit-scrollbar {
            width: 4px;
        }

        .OglasDetails .tekovenOglas-details .data-btn {
            position: sticky;
            bottom: 0;
            padding: 20px 30px;
            background: white;
            z-index: 2;
            box-shadow: 0 0 70px 90px #00000008;
        }

@media (min-width: 992px) and (max-width: 1199px) {
    #kariera-tekovni-oglasi .main-banner {
        height: 370px;
    }

        #kariera-tekovni-oglasi .main-banner .wrapper .header h1 {
            font-size: 70px;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    #kariera-tekovni-oglasi .main-banner {
        height: 350px;
    }

        #kariera-tekovni-oglasi .main-banner .wrapper .header h1 {
            font-size: 80px;
        }

    #oglasiNova .wrapper .oglas {
        width: 40%;
        margin: 10px;
    }

        #oglasiNova .wrapper .oglas .h4 label {
            font-size: 17px;
        }

    #oglasiNova .oglasi-wrapper .oglasHeader h2 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {

    #kariera-tekovni-oglasi .main-banner {
        height: 350px;
    }

        #kariera-tekovni-oglasi .main-banner .wrapper .header {
            width: 100%;
        }

            #kariera-tekovni-oglasi .main-banner .wrapper .header h1 {
                font-size: 60px;
            }

    #oglasiNova .oglasi-wrapper {
        padding: 3% 0 10%;
    }

    #oglasiNova .image {
        top: -110px;
        right: initial;
        width: 320px;
        left: -30px;
    }

    .OglasDetails .tekovenOglas-details {
        width: 100%;
    }

    #oglasiNova .wrapper {
        flex-flow: column;
    }

        #oglasiNova .wrapper .oglas {
            width: 100%;
            margin: 25px 0;
        }

    #oglasiNova h4 {
        margin-bottom: 0px;
        font-size: 17px;
    }
}
/*#endregion oglasi details ver1*/

/*#region oglasi details ver2*/
.OglasDetails-ver2 {
    position: relative;
    height: 100vh;
}

    .OglasDetails-ver2:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        background-image: url('../content/images/kariera-lp/kariera-tekovni-oglasi/oglas-bg-img.jpg');
        background-size: cover;
        background-position: center;
        width: 50%;
        height: 100%;
    }

    .OglasDetails-ver2:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/kariera-lp/kariera-tekovni-oglasi/oglas-triangle.png);
        width: 130px;
        height: 130px;
        background-position: center;
        left: 47%;
        top: 40%;
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 5;
    }

    .OglasDetails-ver2 .tekovenOglas-details {
        position: relative;
        width: 50%;
        padding: 30px 40px 50px 0;
        height: 100%;
        overflow: auto;
    }

        .OglasDetails-ver2 .tekovenOglas-details:before {
            content: '';
            position: absolute;
            background-image: url('../content/images/kariera-lp/kariera-tekovni-oglasi/oglas-icon.png');
            width: 160px;
            height: 140px;
            background-position: center;
            right: 30px;
            top: 30px;
            background-size: contain;
            background-repeat: no-repeat;
        }

        .OglasDetails-ver2 .tekovenOglas-details::-webkit-scrollbar-thumb {
            background: #e20074;
        }

        .OglasDetails-ver2 .tekovenOglas-details::-webkit-scrollbar {
            width: 4px;
        }



        .OglasDetails-ver2 .tekovenOglas-details .oglasHeader h2 {
            margin: 0;
            color: #e20074;
            font-size: 23px;
            text-transform: uppercase;
            font-family: 'teleNeo-extraBoldItalic' !important;
            text-align: left;
            padding-bottom: 15px;
        }

        .OglasDetails-ver2 .tekovenOglas-details .oglasHeader h3 {
            font-family: 'teleNeo-bold' !important;
            color: black;
            font-size: 27px;
            text-transform: uppercase;
            margin: 0 0 20px;
        }

        .OglasDetails-ver2 .tekovenOglas-details p {
            font-size: 18px;
            line-height: 1.2;
        }

        .OglasDetails-ver2 .tekovenOglas-details ul li {
            font-size: 18px;
            line-height: 1.2;
            margin-bottom: 5px;
        }

    .OglasDetails-ver2 .data-btn {
        position: relative;
        display: flex !important;
        justify-content: space-between;
        align-items: center;
    }

    .OglasDetails-ver2 .tekovenOglas-details .oglasDatum {
        float: none !important;
        text-align: left !important;
    }

        .OglasDetails-ver2 .tekovenOglas-details .oglasDatum h4 {
            margin: 0 !important;
        }

    .OglasDetails-ver2 .data-btn a {
        margin: 0 !important;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .OglasDetails-ver2 .tekovenOglas-details:before {
        width: 100px;
        height: 100px;
    }

    .OglasDetails-ver2:before {
        width: 80px;
        height: 100px;
        left: 45%;
        top: 35%;
    }
}

@media (max-width: 767px) {
    .OglasDetails-ver2 {
        height: auto;
    }

        .OglasDetails-ver2 .tekovenOglas-details {
            width: 100%;
            padding-right: 0;
        }

        .OglasDetails-ver2:before,
        .OglasDetails-ver2:after {
            display: none;
        }

        .OglasDetails-ver2 .tekovenOglas-details:before {
            width: 80px;
            height: 90px;
            background-position: center;
            right: 0;
            top: 0;
        }
}
/*#endregion oglasi details ver2*/

/*#endregion tekovni oglasi*/

/*#region Product Promotions Kontrola*/
@import 'buttons.css';
@import 'fonts.css';

.text-magenta {
    color: #e20074;
}

.side-tabs {
    border-bottom: none;
    position: absolute;
    top: 0;
    margin-top: 0;
    z-index: 99;
}

    .side-tabs.nav > li {
        cursor: pointer;
        border-bottom: 1px none #666;
    }

    .side-tabs > li {
        float: left;
        margin-bottom: 1px;
        overflow: hidden;
        height: auto;
        width: auto;
        background: transparent;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }

        .side-tabs > li.active {
            border-right: none;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            background-color: transparent;
            margin: 0;
        }

        .side-tabs > li:hover {
            border-right: none;
            width: auto;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            background-color: transparent;
        }

        .side-tabs > li > a {
            color: #383838;
            display: table;
            height: 100%;
            width: auto;
            margin: 0;
            border-radius: 0;
            border: none;
            padding-left: 0;
            padding-right: 25px;
        }

            .side-tabs > li.active > a, .side-tabs > li.active > a:hover, .side-tabs > li > a:hover, .side-tabs > li.active > a:focus {
                color: #e20074;
                border: none;
                background-color: transparent;
                margin: 0;
                position: relative;
            }

.filter-text {
    display: table-cell;
    width: auto;
    vertical-align: middle;
    font-size: 16px;
    text-align: left;
    font-family: "teleNeo-bold";
    padding-top: 0 !important;
    text-transform: uppercase;
}

.tab-cont-ponuda {
    padding: 0;
}

.product-home-img {
    /*height: 180px;*/
    height: 190px;
    margin-bottom: 10px;
}

.tab-pane-sliderNaslovna .carousel-promotion-tv.carousel-promotion-tv-homepage .product-home-img, .tab-pane-sliderNaslovna .carousel-promotion-pc.carousel-homepage-promotion-pc .product-home-img {
    height: 215px;
}

h4 {
    font-family: 'teleNeo-regular';
}

    h4.phone-name {
        font-size: 16px;
        color: #383838;
        text-align: center;
        margin: 0 auto;
        line-height: 18px;
        font-family: teleNeo-bold;
        height: auto;
        min-height: 40px;
        padding-top: 0;
    }

.sim-card h4.phone-name {
    display: table-caption;
    margin-top: 10px;
}

.phone-box .btn-grey {
    bottom: 20px;
    padding: 10px;
    filter: none;
    color: #333;
    box-shadow: none;
    max-width: 160px;
    margin: 0 auto;
    background: #ededed;
    position: static;
    z-index: 1000;
}

.btn-grey {
    min-width: 100px;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.3s ease-out;
}

.phone-box .btn-grey:hover {
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.3s ease-out;
}


.home-boxes-container .more-devices a.btn-grey {
    font-size: 16px;
}

.home-boxes-container .more-devices a.btn-grey {
    font-size: 16px;
    padding: 5px 13px;
}

.phone-box.banner {
    padding-top: 15px;
    background: #f6f6f6;
    border: 1px solid #dbdbdb;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    height: 385px;
}

    .phone-box.banner:hover {
        background: #f6f6f6;
        border: 1px solid #dbdbdb !important;
    }

    .phone-box.banner .bannerImages {
        margin-top: 50px;
        margin-left: -195px;
        position: relative;
    }

        .phone-box.banner .bannerImages:before, .phone-box.banner .bannerImages:after {
            content: '';
            clear: both;
            display: block;
        }

    .phone-box.banner .bannerCatcher > img {
        position: absolute;
        top: 50px;
    }

    .phone-box.banner .bannerImages img:last-child {
        position: absolute;
        top: 73px;
        right: 100px;
    }

    .phone-box.banner a {
        position: relative !important;
        margin: 95px auto 5px;
        bottom: 0;
        padding: 5px 13px;
    }

.allPhones {
    font-family: teleNeo-medium;
    padding: 7px 0;
    display: block;
}

.phone-box:hover {
    background-color: transparent;
    box-shadow: none;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    cursor: default;
}

.phone-box .table-img {
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.phone-box:hover .table-img {
    transform: scale(1.05);
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.phone-box:hover img {
    margin-top: 0;
    margin-bottom: 0;
}
/*#endregion Product Promotions Kontrola*/

/*#region buy online Homepage*/

.more-devices .phone-box {
    height: 395px;
    border: 2px solid transparent;
    margin-left: -2px;
}

.tab-pane-sliderNaslovna .more-devices .phone-box {
    height: 420px;
}

.tab-pane-sliderNaslovna #devices-mobilni .phone-box {
    height: auto;
}

.more-devices .phone-box .oldPrice.lineThrought .tab-phone-price {
    text-align: right;
    position: relative;
    display: inline-block;
    float: right;
}

.ponuda-na-uredi #devices-mobilni #phones-naslovna .p-uredi-cena .oldPrice {
    position: relative;
}

.ponuda-na-uredi #phones-naslovna .p-uredi-cena span.oldPrice.lineThrought label {
    position: absolute !important;
    right: 0;
    bottom: 0;
    font-size: 19px;
    color: #999;
    font-family: teleNeo-medium !important;
    line-height: 1;
}

.more-devices .phone-box .oldPrice.lineThrought .tab-phone-price:after {
    position: absolute;
    content: "";
    left: 0;
    top: 45%;
    right: 0;
    border-top: 1px solid;
    border-color: #717171;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-10deg);
}

#devices-mobilni .btnMoreWrapper-landing a {
    margin-top: 2px;
}

#buyOnlineHome .buyOnlineBoxes {
    position: relative;
    height: 65px;
}

    #buyOnlineHome .buyOnlineBoxes span:first-child {
        display: inline-block;
        vertical-align: top;
        padding-top: 18px;
    }

    #buyOnlineHome .buyOnlineBoxes:first-child span:first-child {
        padding-top: 10px;
    }

    #buyOnlineHome .buyOnlineBoxes span:last-child {
        display: inline-block;
        padding-left: 10px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-family: 'teleNeo-bold';
        line-height: 16px;
    }

#buyOnlineHome h2 {
    color: #383838;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    font-family: teleNeo-bold !important;
    padding-bottom: 10px;
}

#buyOnlineHome .white-box-left-m-klub-blue {
    background: #fafafa;
    padding: 20px 20px 10px 20px;
}

#buyOnlineHome a {
    text-align: right;
    font-family: teleNeo-medium;
}
/*#endregion buy online Homepage*/

/*#region account actions homepage*/
#accountActions h2, #vodich h2 {
    color: #383838;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 15px;
    font-family: teleNeo-bold !important;
}

    #accountActions h2.payonline-h2 {
        color: #e20074 !important;
        line-height: 16px;
        font-family: teleNeo-medium !important;
    }

#accountActions .myAcc ul, #vodich .myAcc ul {
    padding-top: 20px;
    border-top: 1px solid #ACACAC;
}

    #accountActions .myAcc ul li, #vodich .myAcc ul li {
        margin-bottom: 25px;
        width: 65%;
        font-size: 15px;
        line-height: 17px;
        font-family: 'teleNeo-medium';
    }

#accountActions .payOnlineHomeBox ul li {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 17px;
    font-family: 'teleNeo-medium';
}

#accountActions .payOnlineHomeBox .borderBox {
    padding-top: 20px;
    border-top: 1px solid #ACACAC;
}

#accountActions .payOnlineHomeBox .zakucanaKontrola {
    background: #f4f4f4;
    padding: 20px;
}

.custom-checkbox {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 10;
    cursor: pointer;
    max-height: 50px;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    padding-left: 30px;
}

    .custom-checkbox input {
        opacity: 0;
        visibility: hidden;
        width: 100%;
    }

    .custom-checkbox.checked {
        background: url('../images/radioButtonChecked.png') no-repeat left top;
    }

.custom-checkbox {
    background: url('../images/radioButtonUnchecked.png') no-repeat left top;
}
/*#endregion account actions homepage*/


/*#region homepage ctrls*/
#phones-naslovna {
    padding: 15px 0;
}

.form-control {
    font-size: 15px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ie-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #383838;
    height: 35px;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ie-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ie-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-bottom: 10px;
}

    .form-control:hover {
        background-color: #ededed;
        -webkit-transition: all 0.2s ease-in-out;
        -khtml-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ie-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .form-control:active {
        background-color: #d9d9d9;
    }

select.form-control:hover {
    background-color: #fff;
}

span.price2 {
    line-height: 30px;
    font-size: 31px;
    font-weight: 700;
    color: #E20074;
    padding: 10px 0 8px;
    font-family: teleNeo-bold;
    letter-spacing: 0px;
}

.tab-content.tab-cont-ponuda .p-rates, .tab-content.tab-cont-ponuda .p-currency {
    color: #383838;
    font-family: teleNeo-bold !important;
}

.tab-pane-sliderNaslovna .tab-content.tab-cont-ponuda .p-rates, .tab-content.tab-cont-ponuda .p-currency, .tab-pane-sliderNaslovna .tab-content.tab-cont-ponuda .p-rates, .tab-pane-sliderNaslovna .tab-content.tab-cont-ponuda span.p-rates span {
    font-family: teleNeo-bold !important;
}

.p-currency {
    border-bottom: 1px solid #383838;
    margin-top: 2px;
}

.magenta-one .p-uredi-cena .p-right .p-currency {
    border-bottom: 0;
}

.magenta-one .p-uredi-cena .p-right .p-rates {
    text-decoration: overline;
}

.ponuda-na-uredi {
    padding-bottom: 0;
    background-color: #FFFFFF;
    margin-bottom: 0;
    padding-top: 60px;
}

.tab-pane-sliderNaslovna .ponuda-na-uredi {
    padding-top: 50px;
}

.dopolni-pripejd-kredit {
    padding: 0px;
    background-color: transparent;
}

    .dopolni-pripejd-kredit .iframe {
        padding: 20px 0 10px;
        border-top: 1px solid #ACACAC;
        padding-top: 20px;
    }

        .dopolni-pripejd-kredit .iframe iframe {
            background-color: #ededed;
            padding: 20px;
            height: 323px;
            background-image: url('../images/e-vaucer-one-t-new.png');
            background-repeat: no-repeat;
            padding-top: 120px;
            background-position: center 21px;
        }

.iphoneX .black-btn {
    color: #383838;
    border: 1px solid #383838;
    background-color: white;
}

.btn-magen {
    -webkit-transition: all 0.2s ease-in-out !important;
    -khtml-transition: all 0.2s ease-in-out !important;
    -moz-transition: all 0.2s ease-in-out !important;
    -ie-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
    -ms-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
    font-size: 16px;
    padding: 5px 20px;
    filter: none;
    color: white;
    max-width: inherit;
    width: auto;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
    border: 0;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ie-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    background: #e20074;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

    .btn-magen[disabled], .btn-magen[disabled]:hover {
        color: #b8b8b8;
        background: #fafafa;
        border-color: #d6d6d6;
        cursor: not-allowed;
    }

    .btn-magen:hover {
        background: #c00052 !important;
        text-decoration: none;
        color: white;
        border: 1px solid #af005a;
        -webkit-transition: all 0.2s ease-in-out !important;
        -khtml-transition: all 0.2s ease-in-out !important;
        -moz-transition: all 0.2s ease-in-out !important;
        -ie-transition: all 0.2s ease-in-out !important;
        -o-transition: all 0.2s ease-in-out !important;
        -ms-transition: all 0.2s ease-in-out !important;
        transition: all 0.2s ease-in-out !important;
    }

.btn-grey {
    bottom: 20px;
    font-size: 16px;
    padding: 5px 20px;
    filter: none;
    color: #383838;
    margin: 0 auto;
    border: 1px solid #EAEAEA;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ie-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: #dedede;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: 1px solid #bbbbbb;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ie-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 16px;
    padding: 5px 20px;
    filter: none;
    /* color: white; */
    max-width: inherit;
    width: auto;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
    /* border: 1px solid #af005a; */
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ie-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    /* background: #e20074; */
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

    .btn-grey:hover,
    .btn-grey:active,
    .btn-grey:focus,
    .btn-grey:active:focus,
    .btn-grey.active {
        background: #d1d1d1 !important;
        color: #383838 !important;
        border: 1px solid #bbbbbb;
        text-decoration: none;
    }

.icon_ring {
    border: 4px double #e20074;
    -webkit-border-radius: 30px;
    height: 15px;
    width: 15px;
    position: absolute;
    left: 20px;
    top: 20px;
    -webkit-animation: pulsate 0.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}

/*@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1.5, 1.5);
        opacity: 0.0;
    }
}*/

a.js-tabcollapse-panel-heading {
    display: block;
}

/*#endregion homepage ctrls*/

/*#region payOnline*/
.payOnline .title h1 {
    text-align: center;
    color: #3E3E3E;
    border: none;
    padding: 0px;
    margin: 0px;
    font-size: 45px;
}

.payOnline .title h4 {
    padding: 0px;
    margin: 0px;
    text-align: center;
    font-size: 23px;
}

.payOnlineBox h2 {
    text-align: center;
    color: #e20074;
    text-transform: uppercase;
    font-family: 'tele-groteskfetregular' !important;
    font-size: 25px;
    margin: 0px !important;
}

.payOnlineBox h5 {
    color: #212121;
    font-size: 19px;
    margin: 0px;
    margin-bottom: 15px;
    text-align: center;
}

.payOnlineBox {
    background-color: whitesmoke;
    padding: 40px;
    height: 500px;
    margin-bottom: 20px;
    margin-top: 50px;
    position: relative;
    overflow: hidden;
}

.payOnlineBoxHeader {
    height: 100px;
}

.payOnlineBoxBody {
    height: 70px;
}

.payOnlineBoxFooter {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    padding: 40px;
    height: 260px;
}

.btn-white {
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ie-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 16px;
    padding: 5px 20px;
    filter: none;
    color: black;
    max-width: inherit;
    width: auto;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ie-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    background: #FFFFFF;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    font-size: 18px;
    font-family: 'teleNeo-bold' !important;
}

    .btn-white:hover {
        background: #F5F5F5;
    }

.payOnlineBoxFooter .btn {
    float: right;
}

    .payOnlineBoxFooter .btn.white-to-magen {
        float: right;
        background: #e20074;
        border: 1px solid #af005a;
        color: white;
        -webkit-transition: all 0.2s ease-in-out;
        -khtml-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ie-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        filter: none;
    }

        .payOnlineBoxFooter .btn.white-to-magen:hover {
            background: #c00052;
            text-decoration: none;
            color: white;
            border: 1px solid #af005a;
            -webkit-transition: all 0.2s ease-in-out;
            -khtml-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ie-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            font-family: 'teleNeo-regular';
        }


.payOnlineBoxFooter .form-control {
    font-size: 15px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ie-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #383838;
    height: 35px;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ie-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ie-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-bottom: 10px;
    box-shadow: none;
}

.payOnlineBorderBox {
    background: white;
    border: 1px solid #DEDEDE;
    height: auto;
}

.form-group-radios {
    position: relative;
    padding-left: 28px;
}

.radioform {
    width: 28px;
    margin: 0;
    padding: 0;
    opacity: 0;
    position: absolute;
    top: 1px;
    z-index: 3;
    margin-left: -30px !important;
}

    .radioform + span {
        display: inline-block;
        margin-left: -28px;
        padding-left: 28px;
        background: url('../images/radio-false.png') no-repeat 0 0;
        line-height: 6px;
        height: 25px;
        top: -1px;
        position: absolute;
    }

    .radioform:checked + span {
        background: url('../images/radio-true.png') no-repeat 0 0;
    }
/*#endregion payOnline*/
#magentaTable .table-responsive {
    padding: 0 15px;
}

#magentaTable table.table-blue thead:not(.collapsed) th {
    background-color: #dbecf4 !important;
}

#magentaTable {
    padding-bottom: 15px;
}

    #magentaTable tbody > tr:last-child td {
        background: transparent !important;
        padding: 0;
    }

        #magentaTable tbody > tr:last-child td ul,
        #magentaTable tbody > tr:last-child td .yellowBoxMagenta {
            background-color: #f4f6e7;
            padding: 15px;
        }

#tableOne td[class^="ZoneDetails"] {
    font-size: 15px !important;
    font-family: "teleNeo-regular" !important;
}

.table-blue tbody tr td {
    font-family: "teleNeo-regular" !important;
}

@media screen and (min-width: 992px) {
    .phone-box .txt-cena-naslovna {
        display: block;
    }

    .phone-box:hover {
        /*border: 2px solid #e20074 !important;*/
        /*-webkit-box-shadow: inset 0 0 0 2px #e20074;
            -ms-box-shadow: inset 0 0 0 2px #e20074;
            box-shadow: inset 0 0 0 2px #e20074;*/
    }

    .tab-pane-content-shadow {
        box-shadow: 4px 1px 4px 3px rgba(0,0,0,0.05);
    }

    .tab-pane-sliderNaslovna .tab-pane-content-shadow {
        box-shadow: none;
        padding: 0px 0 15px;
    }

    .tab-pane-sliderNaslovna .tab-pane-content-shadow {
        padding: 0px 0 60px;
    }

    .side-tabs {
        border-bottom: 1px solid #dcdcdc;
        position: relative;
        top: 0;
        margin-top: 0;
        z-index: 99;
    }

    .tab-pane-sliderNaslovna .side-tabs {
        border-bottom: 1px solid #f1f1f1;
    }

    .side-tabs > li {
        margin: 0;
    }

        .side-tabs > li > a {
            border: 0 solid #ededed;
            padding-right: 0;
            margin-right: 25px;
        }

        .side-tabs > li.active > a, .side-tabs > li.active > a:hover, .side-tabs > li.active > a:focus {
            padding-right: 0;
            margin-right: 25px;
            position: relative;
            border-bottom: 4px solid #e20074;
        }

        .side-tabs > li > a:hover {
            color: #383838;
            padding-right: 0;
            margin-right: 25px;
            position: relative;
            border-bottom: 4px solid #ededed;
        }

    #mainmenu.bizMainMenu ul.menu_mk li {
        margin: 0 -2px;
    }

    #mainmenu.bizMainMenu ul.menu_sq li {
        margin: 0 -2px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .smart-table {
        max-width: 400px !important;
    }

    #ns-content {
        padding-bottom: 100px;
    }

    .internet .newValue .one-t-dicklaimer.max {
        top: -39px !important;
        left: auto;
        right: 5px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {

    .flyBy {
        position: fixed;
        /*left: 42%;*/
        bottom: 0;
        top: auto;
        z-index: 999;
        text-align: right;
    }

        .flyBy li {
            float: left;
            margin-right: 2px;
        }

            .flyBy li a span {
                float: left;
            }
}

@media screen and (max-width: 991px) {
    #urediLandingMart2018 .slider-naslovna-full-width-wraper.slider-naslovna2 .item.online-rasprodazba {
        background-position: 70% 0 !important;
    }
    /*#region tabsToAccordion on mobile*/

    .ponuda-na-uredi {
        padding-top: 0;
    }

    #homepageTabs-accordion .panel-group {
        margin-bottom: 0;
    }

    #homepageTabs-accordion .panel-default > .panel-heading {
        background-color: transparent;
        height: 70px;
        border-radius: 0;
        padding: 0;
    }

        #homepageTabs-accordion .panel-default > .panel-heading h4 {
            height: 100%;
        }

            #homepageTabs-accordion .panel-default > .panel-heading h4 a {
                height: 100%;
                padding: 15px;
            }

                #homepageTabs-accordion .panel-default > .panel-heading h4 a:hover {
                    color: #333;
                    text-decoration: none;
                }

                #homepageTabs-accordion .panel-default > .panel-heading h4 a:focus {
                    color: #333;
                    text-decoration: none;
                }

    #homepageTabs-accordion.panel-group .panel + .panel {
        margin-top: -1px;
    }

    #homepageTabs-accordion.panel-group .panel {
        border: 1px solid #ededed;
    }

    #homepageTabs-accordion .panel-body {
        border-top: 0;
        padding: 0;
    }

    #homepageTabs-accordion .more-devices {
        padding: 0;
        position: relative;
        min-height: 298px;
    }

        #homepageTabs-accordion .more-devices > .white-box-left-m-klub-blue {
            position: absolute;
            bottom: 45px;
            width: 100%;
        }

        #homepageTabs-accordion .more-devices:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0%;
            height: 1px;
            width: 100%;
            border-bottom: 1px solid #ededed;
        }

    .tab-pane-sliderNaslovna #homepageTabs-accordion .more-devices:after {
        left: 0%;
        width: 100%;
    }

    #homepageTabs-accordion .phone-box h4 {
        position: absolute;
        top: 10px;
        left: 200px;
        font-size: 1.3em;
        line-height: 1em;
        text-align: left;
        max-width: 50%;
    }

    #homepageTabs-accordion a.moreDevicesLink {
        font-size: 16px;
        line-height: 16px;
        display: inline-block;
        margin-top: 30px;
        width: 200px;
    }

    #homepageTabs-accordion .phone-box .product-home-img {
        width: 50%;
        float: left;
        padding-right: 10px;
        height: 180px;
    }

    #homepageTabs-accordion #carousel-promotion-phones .carousel-inner > div:first-of-type .phone-box .product-home-img {
        height: 240px;
    }

    #homepageTabs-accordion .phone-box .p-uredi-cena {
        margin-top: 75px;
        float: left;
        width: 50%;
        max-width: 50%;
    }

        #homepageTabs-accordion .phone-box .p-uredi-cena .p-left {
            width: auto;
            text-align: left;
        }

        #homepageTabs-accordion .phone-box .p-uredi-cena .p-right {
            float: left;
        }

        #homepageTabs-accordion .phone-box .p-uredi-cena span.price2 {
            font-family: teleNeo-thin;
        }

    #homepageTabs-accordion .phone-box .txt-cena-naslovna {
        float: left;
        width: 50%;
        border: none;
        text-align: left;
        margin-top: 5px !important;
        padding-bottom: 10px !important;
        min-height: 0;
        display: block;
    }

    #homepageTabs-accordion .phone-box > a {
        margin-top: 20px;
    }

    #homepageTabs-accordion .phone-box:hover {
        background-color: transparent;
    }

        #homepageTabs-accordion .phone-box:hover .table-img {
            transform: none;
        }

    #homepageTabs-accordion .more-devices .phone-box {
        height: auto;
    }

    .tab-pane-sliderNaslovna #homepageTabs-accordion .more-devices .phone-box {
        margin-top: 20px;
    }

    #homepageTabs-accordion .carousel-control span {
        display: none;
    }



    #homepageTabs-accordion .carousel-control.left {
        background: url("../images/sliderArrowL.png") no-repeat center bottom 30px !important;
    }

    #homepageTabs-accordion .carousel-control.right {
        background: url("../images/sliderArrowR.png") no-repeat center bottom 30px !important;
    }

    #homepageTabs-accordion .carousel-control.left:hover {
        background: url("../images/sliderArrowHoverL.png") no-repeat center bottom 30px !important;
    }

    #homepageTabs-accordion .carousel-control.right:hover {
        background: url("../images/sliderArrowHoverR.png") no-repeat center bottom 30px !important;
    }

    #homepageTabs-accordion .carousel-control {
        z-index: 100;
        height: 135%;
        display: none;
    }

    #homepageTabs-accordion .deviceInfoWrap {
        max-width: 450px;
        margin: 0 auto;
        position: relative;
    }

    #homepageTabs-accordion .phoneboxDeviceMore {
        float: left;
    }

    #device-televizori-collapse .phoneboxDeviceMore {
        float: left;
        margin-top: 20px !important;
    }

    #device-laptopi-collapse .phoneboxDeviceMore {
        float: left;
        margin-top: 20px !important;
    }

    #homepageTabs-accordion a.js-tabcollapse-panel-heading:hover {
        color: #e20074 !important;
    }

    #homepageTabs-accordion .panel.aktiven a.js-tabcollapse-panel-heading {
        color: #e20074;
    }



    .panel-group {
        margin-bottom: 0;
    }

    #accountActions {
        padding-top: 0;
    }



    .side-tabs > li.active > a, .side-tabs > li.active > a:hover, .side-tabs > li > a:hover, .side-tabs > li.active > a:focus {
        position: relative;
        color: #e20074;
        text-transform: none;
    }

    #homepageTabs-accordion .panel-default > .panel-heading {
        border-left: 4px solid transparent;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    #homepageTabs-accordion .panel-default:hover > .panel-heading {
        border-left: 4px solid #e20074;
    }

    #homepageTabs-accordion .panel-default.aktiven > .panel-heading {
        border-left: 4px solid #e20074;
    }

        #homepageTabs-accordion .panel-default.aktiven > .panel-heading a span {
            color: #e20074;
        }

    /*#endregion tabsToAccordion on mobile*/

    ul.magentaListBox {
        margin-top: 15px;
        margin-bottom: 50px;
    }

    .magenta-one .white-border ul {
        margin-top: 15px;
        margin-bottom: 30px;
    }
}
/*#region ASK TELEKOM*/
.formWrapper {
    margin: 0 auto;
    width: 550px;
    padding-top: 50px;
    padding-bottom: 70px;
}

#askTelekomBcg {
    background: url(../images/askTelekomBcg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*margin-top: -5px;*/
    margin-bottom: -40px;
}

    #askTelekomBcg h1 {
        font-size: 48px;
        text-transform: none;
        color: #fff;
        margin-bottom: 20px;
        text-align: center;
    }

        #askTelekomBcg h1 span {
            color: #e20074;
        }

#askTelekomForm {
    background: rgba(255,255,255,0.95);
    padding: 20px 60px;
}

    #askTelekomForm > span {
        display: block;
        font-size: 18px;
        font-family: "teleNeo-medium";
        margin-bottom: 10px;
        margin-top: 30px;
    }

    #askTelekomForm > input, #askTelekomForm > textarea {
        display: block;
        width: 100%;
        border: 2px solid #e4e4e4;
        border-radius: 5px;
    }

    #askTelekomForm > input {
        height: 40px;
    }

#askTelekomKontakt {
    background: rgba(226,0,116,0.9);
    margin-top: 10px;
    padding: 20px;
    text-align: center;
    width: 100%;
}

    #askTelekomKontakt > span:first-child {
        width: 50px;
        height: 50px;
        display: inline-block;
        vertical-align: text-bottom;
        margin-right: 40px;
    }

    #askTelekomKontakt > span:nth-child(2) {
        color: #fff;
        display: inline-block;
        font-size: 26px;
        line-height: 22px;
        text-transform: uppercase;
        text-align: left;
        font-family: "teleNeo-medium";
    }

    #askTelekomKontakt > span:last-child {
        color: #fff;
        display: inline-block;
        font-size: 60px;
        margin-left: 15px;
        font-family: "teleNeo-bold";
    }

#askTelekomForm #buttonLikeInput {
    margin: 20px auto;
    display: block;
    width: 120px;
    height: 45px;
    font-size: 19px;
    border-radius: 2px;
    border: 1px solid #e20074;
}

#askTelekomForm .alert-success {
    background: #f7fbf4;
    border: 1px solid #548c1c;
    color: #555;
}

#askTelekomForm .alert-danger {
    background: #fdf2f2;
    border: 1px solid #b20000;
    color: #555;
}
/*#endregion ASK TELEKOM*/

.one-t-dicklaimer.max,
#smartTooltip .one-t-dicklaimer {
    width: 15px;
    height: 15px;
    background: transparent;
    border: none;
    top: -2px;
    left: 0;
    display: inline-block;
}

.internet .newValue .one-t-dicklaimer.max,
.internet .defaultValue .one-t-dicklaimer.max {
    top: 10px !important;
    left: auto;
    right: 10px;
}

#smartTooltip .smart-table .max.one-t-dicklaimer-new {
    margin-left: 3px !important;
    /*top: 0px;*/
}

.smart-table p.smart-smaller-padding {
    margin: 14px !important;
}



#accordion .one-t-dicklaimer.max .one-t-dicklaimer-message,
#tableOne .one-t-dicklaimer.max .one-t-dicklaimer-message,
#table2 .one-t-dicklaimer.max .one-t-dicklaimer-message,
#smartTooltip .one-t-dicklaimer .one-t-dicklaimer-message, .one-t-dicklaimer-message {
    width: 200px !important;
    bottom: 30px !important;
    left: -70px;
    background: #404040 !important;
    border: 1px solid #404040 !important;
    border-radius: 6px !important;
    padding: 10px !important;
}

#smartTooltip .one-t-dicklaimer .one-t-dicklaimer-message {
    z-index: 99999 !important;
}






    #accordion .one-t-dicklaimer.max .one-t-dicklaimer-message:before,
    #tableOne .one-t-dicklaimer.max .one-t-dicklaimer-message:before,
    #table2 .one-t-dicklaimer.max .one-t-dicklaimer-message:before,
    #smartTooltip .one-t-dicklaimer .one-t-dicklaimer-message:before, .one-t-dicklaimer-message:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #404040;
        position: absolute;
        top: 100%;
        left: 30%;
    }

    #accordion .one-t-dicklaimer.max .one-t-dicklaimer-message p,
    #tableOne .one-t-dicklaimer.max .one-t-dicklaimer-message p,
    #table2 .one-t-dicklaimer.max .one-t-dicklaimer-message p,
    #smartTooltip .one-t-dicklaimer .one-t-dicklaimer-message p, .one-t-dicklaimer-message p {
        color: #ffffff;
        font-size: 13px !important;
    }

.magenta-one div.one-t-dicklaimer-message {
    padding: 10px !important;
}

#smartTooltip .one-t-dicklaimer .one-t-dicklaimer-message span {
    color: #ffffff !important;
    display: block;
    position: relative;
}

#smartTooltip .one-t-dicklaimer .one-t-dicklaimer-message .p-right-smart span:first-child, .one-t-dicklaimer-message .p-right-smart span:first-child {
    border-bottom: 1px solid #fff;
    position: relative;
}

.smart-table {
    border: 1px solid #e0e0e0;
    border-top: 6px solid #e0e0e0;
    max-width: 250px;
    margin: 11px auto;
}

    .smart-table > div .btnRow {
        text-align: center;
    }

    .smart-table .smart-pb15:last-child {
        margin-bottom: 10px;
        padding-top: 10px;
    }

.empty-cell {
    background: transparent !important;
    /*display: none;*/
}

.black-friday-button .black-friday-counter, .black-friday-button-al .black-friday-counter {
    position: absolute;
    right: 30px;
    bottom: 20px;
    color: white;
}

    .black-friday-button .black-friday-counter span, .black-friday-button-al .black-friday-counter span {
        background-color: #e20074;
        color: white;
        border-radius: 10px;
        margin-right: 10px;
        width: 50px;
        height: 50px;
        padding: 5px;
        font-family: 'teleNeo-ultra';
        font-size: 35px;
        line-height: 1.1;
        display: inline-block;
        text-align: center;
    }
/*a.third.btn.btn-magen.left.showFridayMore {
   bottom: 50px;
}*/
.hide-more-friday {
    display: none;
}

@media(max-width:991px) {
    .black-friday-button .black-friday-counter, .black-friday-button-al .black-friday-counter {
        right: 15px;
        bottom: 15px;
        color: white;
    }

        .black-friday-button .black-friday-counter span, .black-friday-button-al .black-friday-counter span {
            width: 45px;
            height: 45px;
            font-size: 25px;
            margin-right: 2px;
            line-height: 1.4;
        }
}

.icon-4g {
    display: none;
}

.left-iphone-button {
    padding: 10px;
    background-attachment: scroll;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    -moz-background-origin: padding-box;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    background-size: auto;
    border-bottom-color: rgb(150, 150, 150);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(150, 150, 150);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(150, 150, 150);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(150, 150, 150);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgb(150, 150, 150);
    cursor: pointer;
    direction: ltr;
    /* display: block; */
    float: none;
    font-family: 'Myriad Set Pro', Arial;
    font-size: 12px;
    font-weight: normal;
    height: 32px;
    line-height: 31px;
    opacity: 1;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    top: auto;
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-property: -webkit-transform, opacity;
    -o-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: -webkit-transform, opacity;
    -moz-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    z-index: 15;
    -ms-zoom: 1;
    zoom: 1;
    font-size: 16px;
    padding: 0px 53px;
    border: 1px solid #C5C5C5;
    position: absolute;
    /*top: 70%;
        left: 50%;
        margin-left: -52px;
            left: 50% !important;
        margin-left: -120px !important;*/
    left: 71% !important;
    top: 45%;
}

.left-iphone-button-sq {
    padding: 10px;
    background-attachment: scroll;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    -moz-background-origin: padding-box;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    background-size: auto;
    border-bottom-color: rgb(150, 150, 150);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(150, 150, 150);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(150, 150, 150);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(150, 150, 150);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgb(150, 150, 150);
    cursor: pointer;
    direction: ltr;
    /* display: block; */
    float: none;
    font-family: 'Myriad Set Pro', Arial;
    font-size: 12px;
    font-weight: normal;
    height: 32px;
    line-height: 31px;
    opacity: 1;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    top: auto;
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-property: -webkit-transform, opacity;
    -o-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: -webkit-transform, opacity;
    -moz-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    z-index: 15;
    -ms-zoom: 1;
    zoom: 1;
    font-size: 16px;
    padding: 0px 44px;
    border: 1px solid #C5C5C5;
    position: absolute;
    /*top: 70%;
        left: 50%;
        margin-left: -52px;
            left: 50% !important;
        margin-left: -120px !important;*/
    left: 75% !important;
    top: 45%;
}

.left-iphone-button:hover {
    text-decoration: none;
    background: transparent;
    color: rgb(150, 150, 150);
}

.right-iphone-button {
    padding: 10px;
    background-attachment: scroll;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    -moz-background-origin: padding-box;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    background-size: auto;
    border-bottom-color: rgb(150, 150, 150);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(150, 150, 150);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(150, 150, 150);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(150, 150, 150);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgb(150, 150, 150);
    cursor: pointer;
    direction: ltr;
    /* display: block; */
    float: none;
    font-family: 'Myriad Set Pro', Arial;
    font-size: 12px;
    font-weight: normal;
    height: 32px;
    line-height: 31px;
    opacity: 1;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    top: auto;
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-property: -webkit-transform, opacity;
    -o-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: -webkit-transform, opacity;
    -moz-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    z-index: 15;
    -ms-zoom: 1;
    zoom: 1;
    font-size: 14px;
    padding: 0px 40px;
    border: 1px solid #C5C5C5;
    position: absolute;
    top: 70%;
    right: 50% !important;
    /*margin-right: -175px !important;*/
    margin-right: -63px;
}

    .right-iphone-button:hover {
        text-decoration: none;
        background: transparent;
        color: rgb(150, 150, 150);
    }

.shopmap table {
    table-layout: auto;
}
/*mAGENTA 1 MOBILE*/

.tv-paketi-item .discExp {
    margin: 0 6px;
    font-size: 15px;
    line-height: 19px;
    font-weight: normal;
    font-family: teleNeo-regular;
    display: inline-block;
}

.one-t-dicklaimer.discExp {
    left: -10px;
    display: inline-block;
}

.tv-paketi-item .discExp.margin-fix {
    margin-right: 0;
}

.one-t-dicklaimer.discExp.leftZero {
    left: 0;
}

.tv-paketi-item .one-t-dicklaimer.leftZero span {
    top: 2px;
    left: 0px;
}

.inner-gray {
    background: transparent !important;
}
/*#region Tables New Design*/

table.table-blue.tritri > tbody > tr:first-child > td {
    border-bottom: 1px solid #111 !important;
    font-size: 18px;
}

table.table-blue.tritri > tbody > tr:first-child {
    background-color: #fff !important;
    color: #e20074;
    font-size: 18px;
}

table.table-blue.tritri > tbody > tr:hover {
    background: #EEEEEE;
}
/*#endregion Tables New Design*/

.mob-img img {
    height: auto;
    max-height: 181px;
    max-width: 200px;
}

@media (max-width:768px) {
    .mob-img img {
        max-width: 100%;
    }
}


.one-t-dicklaimer-message label {
    display: inline-block;
}

.one-t-dicklaimer-message .p-left-smart span.price2 {
    line-height: 100%;
    color: #E20074;
    padding: 0px 0 8px !important;
    font-family: tele-groteskhalregular;
}

/*plati onlajn box homepage start*/

.pay-box-hmpage .mgbox {
    background-color: rgba(255, 255, 255, 0.7);
    background-image: url(../images/magenta-arrow-right.png);
    right: 10px;
    left: 10px;
    bottom: 30px;
}



    .pay-box-hmpage .mgbox p {
        color: #000;
        margin-bottom: 0px;
        line-height: 12px;
    }

        .pay-box-hmpage .mgbox p:nth-child(2) {
            color: #000;
            margin-top: 0px;
            font-size: 15px;
        }

.pay-box-hmpage .image-box {
    padding: 20px 0;
    border-top: 1px solid #ACACAC;
    padding-top: 20px;
}


/*plati onlajn box homepage end*/

.phone-box.sim-card a.btn-grey {
    position: relative;
    z-index: 99;
}



/*#mainmenu .uslugi {
        display: none;
    }*/


#footmenu .privateFoot.item:last-child ul {
    display: none;
}

#footmenu .privateFoot.item:last-child {
    display: block;
    position: absolute;
    right: 0;
    top: 210px;
}
/*#region menuMobile*/
/*#menu {
    top: 123px;
}*/

.mm-opening #menu {
    z-index: 2;
}

.mm-navbar {
    border-bottom: 0px solid;
}

#hamburger {
    border: 0px solid #999;
    display: block;
    width: 35px;
    padding: 0;
    position: absolute;
    left: 38%;
}

    #hamburger span {
        background: #383838;
        display: block;
        height: 2px;
        margin: 5px 0;
    }

html.mm-opened #hamburger span.top-bar {
    transform: rotate( 45deg );
    top: 7px;
}

html.mm-opened #hamburger span.middle-bar {
    opacity: 0;
}

html.mm-opened #hamburger span.bottom-bar {
    transform: rotate( -45deg );
    top: -7px;
}

#hamburger {
    overflow: hidden;
    border: 0px solid #999;
    width: 35px;
    padding: 0;
    left: 0px;
    top: 14px;
    z-index: 998;
}

    #hamburger span {
        position: relative;
        transform: rotate( 0 );
        top: 0;
        left: 0;
        opacity: 1;
        transition: none 0.5s ease;
        transition-property: transform, top, left, opacity;
    }

html.mm-opened #hamburger span.middle-bar {
    left: -40px;
}

.mm-menu {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

#mm-blocker {
    position: fixed;
    width: 100px;
    height: 100px;
    z-index: 998;
    cursor: pointer;
}

html.mm-opening .mm-slideout {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}



#content {
    background: white;
}
/*#endregion menuMobile*/


/*#region jazicni verzii*/
#top {
    position: relative;
}

#tools-private {
    position: absolute;
    right: 0px;
    top: 15px;
    z-index: 5;
}
/*#endregion jazicni verzii*/



/* Kontakt */

.kontakt-header-wrapper {
    position: relative;
    z-index: 0;
}


    .kontakt-header-wrapper h2 {
        position: absolute;
        display: block;
        left: 0px;
        right: 0px;
        top: 25%;
        bottom: 0px;
        color: #e20074;
        min-width: 190px;
        margin: 0px auto;
        vertical-align: middle;
        text-align: center;
        width: auto;
        text-transform: uppercase;
    }

.kontakt-box-wrapper {
    display: block;
    margin: 4px;
    padding: 30px;
    background-color: #fff;
    -webkit-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.25);
}


    .kontakt-box-wrapper h2 {
        font-family: 'teleNeo-medium' !important;
        text-transform: uppercase;
        font-size: 19px;
    }


    .kontakt-box-wrapper p {
        margin: 0px;
    }


    .kontakt-box-wrapper.telekom-prodavnici-box.equalH {
        background: url('../images/telekom-prodavnici-icon.png') #e20074 no-repeat right -35px bottom -20px;
    }

    .kontakt-box-wrapper.telekom-prodavnici-box h2, .kontakt-box-wrapper.telekom-prodavnici-box a {
        color: #fff;
    }

    .kontakt-box-wrapper.telekom-prodavnici-box h2 {
        border-bottom: 1px solid;
        padding-bottom: 10px;
    }

    .kontakt-box-wrapper.kontakt-box-blue.equalH {
        background-color: #f4f9fc;
    }


@media (min-width:768px) {
    .row.kontakt-box-container {
        display: block;
        margin: 0px auto;
        width: 95%;
        margin-top: -40px;
        z-index: 2;
        position: relative;
    }
}
/* End of kontkat */

#newNumberPhones .phone-box.sim-card {
    height: auto;
}

#mainmenu li.mojKlub, #mainmenu li.mobipayD {
    display: none;
}

@media screen and (max-width: 550px) {
    .formWrapper {
        width: 100%;
    }

    #askTelekomKontakt > span:nth-child(2) {
        font-size: 21px;
        line-height: 20px;
    }

    #askTelekomKontakt > span:last-child {
        font-size: 55px;
    }
}

@media (max-width:767px) {
    .nagradna-igra-banner {
        min-height: 140px !important;
        margin-left: -15px;
        margin-right: -15px;
        background-position: left 43% center !important;
    }

    .color-magenta {
        color: #e20074;
    }

    .table-comparative-mobile-sliding {
        display: block !important;
        position: relative;
        margin-top: 50px;
        padding-top: 0px;
    }

        .table-comparative-mobile-sliding thead {
            display: block !important;
            position: absolute;
            height: 100%;
            z-index: 2;
            width: 50px;
            left: -1px;
        }

            .table-comparative-mobile-sliding thead tr {
                display: block !important;
                position: relative;
                height: 100%;
            }

                .table-comparative-mobile-sliding thead tr.hidden-xs {
                    display: none !important;
                }

                .table-comparative-mobile-sliding thead tr th {
                    display: block !important;
                    position: relative;
                    border-bottom-width: 0 !important;
                    width: 100%;
                    min-width: 0px !important;
                }

                    .table-comparative-mobile-sliding thead tr th.table-comparative-mobile-sliding-arrows {
                        position: absolute;
                        top: -50px;
                        text-align: right;
                        height: 0px !important;
                        /* max-height: 50px; */
                        padding: 0px !important;
                    }

                        .table-comparative-mobile-sliding thead tr th.table-comparative-mobile-sliding-arrows a {
                            position: absolute;
                            height: 50px !important;
                            max-height: 50px;
                            width: 30px;
                            top: 0px;
                            padding: 0;
                            background-repeat: no-repeat;
                            background-position: center;
                        }

                            .table-comparative-mobile-sliding thead tr th.table-comparative-mobile-sliding-arrows a.disabled {
                                opacity: 0.5;
                            }

                            .table-comparative-mobile-sliding thead tr th.table-comparative-mobile-sliding-arrows a.slide-table-left {
                                right: 0;
                                background-image: url(../images/arrow_left_gray.png);
                            }


                            .table-comparative-mobile-sliding thead tr th.table-comparative-mobile-sliding-arrows a.slide-table-right {
                                right: -22px;
                                background-image: url(../images/arrow_right_gray.png);
                            }



        .table-comparative-mobile-sliding tbody {
            display: block !important;
            margin-left: 50px;
            position: relative;
        }

            .table-comparative-mobile-sliding tbody tr {
                display: inline-block !important;
                position: relative;
                margin-left: -2px;
            }

                .table-comparative-mobile-sliding tbody tr td {
                    display: block !important;
                    box-sizing: border-box;
                }

        .table-comparative-mobile-sliding tfoot {
            display: block !important;
        }

            .table-comparative-mobile-sliding tfoot tr {
                display: block !important;
            }

                .table-comparative-mobile-sliding tfoot tr td {
                    display: block !important;
                }

        .table-comparative-mobile-sliding .pull-right-padding10 {
            float: right !important;
            padding-right: 10px !important;
            font-size: 24px;
            display: block;
            font-weight: bold;
            padding: 0px !important;
            width: 100%;
            text-align: center;
            position: relative;
            top: 35%;
        }

    .table-comparative-panel {
        overflow: hidden;
    }

        .table-comparative-panel .panel-body {
            padding: 0px !important;
        }

            .table-comparative-panel .panel-body table {
                margin: 0px !important;
            }

        .table-comparative-panel .panel-title a {
            background-image: none !important;
        }

    #askTelekomBcg {
        margin-bottom: 0;
    }

    .inner-template-left-image {
        background-size: auto !important;
    }

    .dopolni-pripejd-kredit .iframe iframe {
        background-image: none;
        padding-top: 20px;
        height: 220px;
    }

    .magenta-one .white-border.bigger {
        height: auto;
    }

    .magenta-one .white-border {
        height: auto;
    }

    .smart-table {
        max-width: 100%;
    }

    .centerXS {
        display: block;
        text-align: center;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .nagradna-igra-banner {
        min-height: 275px !important;
    }

    .pr15-sm {
        padding-right: 15px !important;
    }

    /*#full-wrapper {*/
    /*padding-bottom: 50px;*/
    /*padding-bottom: 35px;
    }*/

    .magenta-one .gray-border.smaller img {
        width: 70px;
    }
}

.one-t-dicklaimer-message label {
    display: inline-block;
}

.one-t-dicklaimer-message .p-left-smart span.price2 {
    line-height: 100%;
    color: #E20074;
    padding: 0px 0 8px !important;
    font-family: tele-groteskhalregular;
}

/*plati onlajn box homepage start*/

.pay-box-hmpage .mgbox {
    background-color: rgba(255, 255, 255, 0.7);
    background-image: url(../images/magenta-arrow-right.png);
    right: 10px;
    left: 10px;
    bottom: 30px;
}



    .pay-box-hmpage .mgbox p {
        color: #000;
        margin-bottom: 0px;
        line-height: 12px;
    }

        .pay-box-hmpage .mgbox p:nth-child(2) {
            color: #000;
            margin-top: 0px;
            font-size: 15px;
        }

.pay-box-hmpage .image-box {
    margin: 20px 0 !important;
    border-top: 0 !important;
    padding-top: 20px;
}

#accountActions .pay-box-hmpage .image-box {
    height: 343px;
    overflow: hidden;
}

    #accountActions .pay-box-hmpage .image-box > img {
        width: 100%;
    }


/*plati onlajn box homepage end*/

.phone-box.sim-card a.btn-grey {
    position: relative;
    z-index: 99;
}


/*#mainmenu .uslugi {
        display: none;
    }*/



/*#region menuMobile*/
.recommended-module-v2, .recommended-module-v1 {
    display: none;
}

@media (max-width: 1023px) {
    #menu {
        top: 60px;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    #menu {
        top: 72px;
    }
}

.mm-opening #menu {
    z-index: 1050;
}

.mm-navbar {
    border-bottom: 0px solid;
}

#hamburger {
    border: 0px solid #999;
    display: block;
    width: 25px;
    padding: 0;
    position: absolute;
    left: 38%;
}

    #hamburger span {
        background: #383838;
        display: block;
        height: 2px;
        margin: 5px 0;
    }




html.mm-opened #hamburger span.top-bar {
    transform: rotate(45deg);
    top: 7px;
}

html.mm-opened #hamburger span.middle-bar {
    opacity: 0;
}

html.mm-opened #hamburger span.bottom-bar {
    transform: rotate(-45deg);
    top: -7px;
}

#hamburger {
    overflow: hidden;
    border: 0px solid #999;
    width: 25px;
    padding: 0;
    left: -5px;
    top: 15px;
    z-index: 998;
}

.theCompany #hamburger {
    left: 15px;
}

#hamburger span {
    background: #383838;
    display: block;
    height: 2px;
    margin: 5px 0;
}

#hamburger span {
    position: relative;
    transform: rotate(0deg);
    top: 0;
    left: 0;
    opacity: 1;
    transition: none 0.5s ease;
    transition-property: transform, top, left, opacity;
}

html.mm-opened #hamburger span.middle-bar {
    left: -40px;
}

.mm-menu {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}


html.mm-opening .mm-slideout {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}

#content {
    background: white;
}

    #content .korisnichka {
        margin-bottom: 50px;
    }
/*#region jazicni verzii*/
#top {
    position: relative;
}

.header-menu {
    background-color: #ffffff;
    z-index: 1000;
    position: relative;
    height: 42px;
}


#tools-private button {
    margin: 0;
    padding: 6px;
    background-color: transparent;
    color: #383838;
    border: 1px solid #ddd;
}

    #tools-private button:focus {
        outline: none;
        box-shadow: none;
    }

#tools-private .dropdown-menu {
    margin-top: 0px;
    border-radius: 3px;
    background-color: white;
    border: 1px solid #ddd;
    padding: 0px;
    width: 45px;
    max-width: 100px;
    min-width: inherit;
}

    #tools-private .dropdown-menu li.active a {
        background-color: transparent;
        color: #e20074 !important;
    }

    #tools-private .dropdown-menu li.active:hover a {
        background-color: #f5f5f5 !important;
        color: #e20074;
    }

    #tools-private .dropdown-menu li:hover a {
        color: #888888;
        background-color: #f5f5f5 !important;
    }
/*#endregion jazicni verzii*/
.item.hiddenFooter {
    display: none;
}

img.icon-4g-m {
    display: none;
}

#newNumberSim {
    height: 100%;
    /*border-left: 1px solid #e4e4e4;*/
    display: table;
    width: 100%;
}

.theNewNumBox .new-number-sim-box-border {
    border-right: 1px solid #e4e4e4;
}

.theNewNumBox.theNewNumBoxDecember h4.pounuda-naslov-new, .theNewNumBox.theNewNumBoxDecember h4.pounuda-naslov2-new {
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e4e4;
    font-family: 'teleNeo-medium' !important;
}

.theNewNumBox.theNewNumBoxDecember #newNumberSim .product-home-img-new .nov-broj-sim-img-new {
    padding-top: 25px;
}

@media (max-width: 991px) {

    .theNewNumBox.theNewNumBoxDecember h4.pounuda-naslov2-new {
        margin-top: 20px !important;
    }

    .theNewNumBox .new-number-sim-box-border {
        border-right: 0px solid #e4e4e4;
    }

    .product-home-img-new > .row > div:first-child {
        text-align: center;
    }

    .theNewNumBox.theNewNumBoxDecember #newNumberSim .product-home-img-new .nov-broj-sim-img-new {
        padding-top: 0;
    }

    .ponuda-na-uredi #phones-naslovna .p-uredi-cena span.oldPrice.lineThrought label {
        position: relative !important;
    }
}


.nov-broj-second-row#surfCard a {
    float: right;
}

#newNumberSim .phone-box.sim-card {
    display: table-cell;
    vertical-align: middle;
}

#newNumber .theNewNumBox {
    margin-top: 60px;
    padding: 20px;
    border: 1px solid #e4e4e4;
}

#newNumber .newNumberPromImg {
    position: absolute;
    right: 60px;
    top: 170px;
}

#surfCard.nov-broj-second-row {
    background: #f8f8f8;
    padding: 20px;
    position: relative;
}

.ec-nov-broj-new img.ec-nov-broj-new-promo {
    position: absolute;
    right: 50px;
    top: 40px;
    width: 90px;
}

#tvFirstRow > div > div {
    height: 100%;
}

#tvFirstRow > div {
    height: 100%;
}

.magenta-one div.one-t-dicklaimer-message p {
    color: #ffffff;
}
/*#region MAGENTA 1 BUSINESS SERVICES*/

#mag1BusinessServices .smart-table .smart-pb15 {
    padding: 10px 0;
}

#mag1BusinessServices div[data-mh="firstRow"] {
    height: 156px;
}

#mag1BusinessServices div[data-mh="fourthRow"] {
    height: 83px;
}

#mag1BusinessServices div[data-mh="fifthRow"] {
    height: 83px;
}

#mag1BusinessServices .smart-table p.smart-head {
    padding: 30px 0px;
}

#mag1BusinessServices .smart-table .oldPrice .p-left-smart span.price2 {
    font-size: 25px;
    color: #989898;
}

#mag1BusinessServices .price2.lineThrough:before {
    border-color: #000000 !important;
}



#mag1BusinessServices .smart-table .oldPrice .p-right-smart span.p-currency,
#mag1BusinessServices .smart-table .oldPrice .p-right-smart span.p-rates {
    color: #989898;
    font-size: 10px;
}

#mag1BusinessServices .smart-table .p-right-smart {
    margin-top: 6px;
}

#mag1BusinessServices .smart-table {
    max-width: 500px;
    position: relative;
}

    #mag1BusinessServices .smart-table .smart-tarifa {
        position: relative;
    }

        #mag1BusinessServices .smart-table .smart-tarifa > img.m1b-mob-uslugi-ec {
            position: absolute;
            right: -25px;
            top: -30px;
            z-index: 999;
            /*width: 80px !important;*/
            width: 110px !important;
            height: auto !important;
        }

@media (min-width:768px) and (max-width:991px) {

    #mag1BusinessServices .smart-table .smart-tarifa > img.m1b-mob-uslugi-ec {
        top: -22px;
    }
}


@media (max-width:767px) {

    #mag1BusinessServices .smart-table .smart-tarifa > img.m1b-mob-uslugi-ec {
        right: -10px;
        top: -19px;
        width: 90px !important;
    }

    #mag1BusinessServices .smart-table img.megunarodni-raz-ec {
        right: -20px !important;
    }
}


#mag1BusinessServices .smart-table .oldPrice.smart-pt15 {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 15px;
    margin-left: 20px;
    margin-bottom: 0;
    height: auto;
}

#mag1BusinessServices .smart-table img.megunarodni-raz-ec {
    position: absolute;
    right: -40px;
    top: 48%;
}
/*#mag1BusinessServices .smart-table .oldPrice.smart-pt15:before {
                position: absolute;
                content: "";
                left: 0;
                top: 50%;
                right: 0;
                border-top: 1px solid;
                border-color: inherit;
                -webkit-transform: rotate(-8deg);
                -moz-transform: rotate(-8deg);
                -ms-transform: rotate(-8deg);
                -o-transform: rotate(-8deg);
                transform: rotate(-8deg);
            }*/
#mag1BusinessServices .lineThrough {
    position: relative;
}

    #mag1BusinessServices .lineThrough:before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        right: 0;
        border-top: 1px solid;
        border-color: inherit;
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        -o-transform: rotate(-8deg);
        transform: rotate(-8deg);
    }

#mag1BusinessServices .price2.lineThrough:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

#mag1BusinessServices h1 {
    font-size: 26px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 15px;
}

#mag1BusinessServices .header h1 {
    margin-bottom: 15px;
}

#mag1BusinessServices .header h2 {
    margin: 0 0 40px;
    font-size: 26px;
    text-align: center;
    color: #e20074;
}

#mag1BusinessServices .header p {
    text-align: center;
    font-size: 16px;
}

#mag1BusinessServices .businessInternetCloudP {
    margin: 10px 0;
    text-align: center;
}

    #mag1BusinessServices .businessInternetCloudP .one-t-dicklaimer-message p {
        text-align: left;
    }

#unlimitedRuterModal .karakteristikiRuterHolderText p {
    border-bottom: 1px solid #e2e2e2;
    padding: 12px 0;
    margin: 0;
    font-size: 15px;
}

#unlimitedRuterModal .karakteristikiRuterHolderImage img {
    padding-top: 12px;
}


#unlimitedRuterModal .karakteristikiRuterHolderText p:last-child {
    border-bottom: 0 solid #e2e2e2;
}

#unlimitedRuterModal .karakteristikiRuterHolderText p span.char {
    float: right;
    font-family: tele-groteskfetregular;
}

#mag1BusinessServicesModals #unlimitedRuterModal .modal-body {
    padding: 15px 40px 35px 40px;
}

#mag1BusinessServices .header p span {
    color: #e20074;
}

#mag1BusinessServices .lightbox {
    color: #00a0de;
    cursor: pointer;
}

    #mag1BusinessServices .lightbox:hover {
        text-decoration: underline;
    }

#mag1BusinessServices .mobUslugiRazgovori, #mag1BusinessServices .fixUslugiRazgovori {
    margin: 10px 0;
}

    #mag1BusinessServices .mobUslugiRazgovori .one-t-dicklaimer.max, #mag1BusinessServices .fixUslugiRazgovori .one-t-dicklaimer.max {
        width: 15px;
        height: 15px;
        background: transparent;
        border: none;
        top: -2px;
        left: 0;
        display: inline-block;
        position: relative;
    }

        #mag1BusinessServices .mobUslugiRazgovori .one-t-dicklaimer.max :before, #mag1BusinessServices .fixUslugiRazgovori .one-t-dicklaimer.max :before {
            left: 33%;
        }

#mag1BusinessServices .mobUslugiSMS {
    min-height: 63px;
}

#mag1BusinessServices .fiksniUslugiMinutiMegjunarodni {
    min-height: 65px;
    margin-top: 10px;
}

    #mag1BusinessServices .fiksniUslugiMinutiMegjunarodni p {
        margin: 0;
    }

#mag1BusinessServicesModals .modal {
    text-align: center;
}

#mag1BusinessServices .smart-tarifa.promoRuterEC > img {
    position: absolute;
    right: 0;
    width: 100px;
    height: 100px;
    margin: 0;
    left: initial;
    top: -35px;
}

.internetCloudUslugiHeader {
    position: relative;
}

    .internetCloudUslugiHeader > img {
        position: absolute;
        top: -40px;
        right: 0;
    }

    .internetCloudUslugiHeader > img {
        position: absolute;
        top: -34px;
        right: 15px;
    }

@media screen and (min-width: 768px) {
    #mag1BusinessServicesModals .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

@media (min-width: 768px) {

    #unlimitedRuterModal.modal.in .modal-dialog {
        -webkit-transform: translate3d(0, -25%, 0) !important;
        -o-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, -25%, 0) !important;
    }
}


@media (max-width: 767px) {

    #mag1BusinessServices .smart-tarifa.promoRuterEC > img {
        right: 10px;
        top: 5px;
    }

    .karakteristikiRuterHolder .karakteristikiRuterHolderImage {
        text-align: center;
    }

    #unlimitedRuterModal .karakteristikiRuterHolderImage img {
        padding-top: 0px;
        padding-bottom: 30px;
        width: 110px;
    }

    .internetCloudUslugiHeader {
        margin-top: 80px;
    }

        .internetCloudUslugiHeader > img {
            top: -80px;
            right: -10px;
            width: 75px;
        }

        .internetCloudUslugiHeader > br {
            display: none;
        }
}


#mag1BusinessServicesModals .modal-dialog {
    display: inline-block;
    text-align: left;
}

#mag1BusinessServicesModals .modal-content {
    border-radius: 0;
}

#mag1BusinessServicesModals .modal-title {
    text-align: center;
    color: #e20074;
    font-family: teleNeo-medium;
    font-size: 24px;
}

#mag1BusinessServicesModals .modal-header {
    border-bottom: 0;
}

#mag1BusinessServicesModals .modal-body {
    padding: 15px 20px 35px 20px;
    font-size: 17px;
    line-height: 22px;
}

#mag1BusinessServicesModals .modal-header .close {
    position: absolute;
    top: -8px;
    right: -19px;
    background: #111;
    border-radius: 50px;
    opacity: 1;
    width: 21px;
    height: 21px;
}

    #mag1BusinessServicesModals .modal-header .close > span {
        color: #fff;
        font-family: teleNeo-thin;
        font-weight: normal;
        font-size: 20px;
        margin-top: -5px;
        display: block;
    }

#mag1BusinessServices .smart-pt15 {
    position: relative;
}

    #mag1BusinessServices .smart-pt15:not(.oldPrice) {
        padding-top: 0;
    }

#mag1BusinessServices .smart-table .one-t-dicklaimer {
    position: absolute;
    left: auto;
    bottom: auto;
    right: 32%;
    top: 10px;
    width: 13px;
    height: 13px;
    background-color: transparent;
    margin-left: 0;
    border: 1px solid #DCDCDC;
}

#mag1BusinessServices .pricesLink {
    font-size: 16px;
    margin-bottom: 40px;
}

#mag1BusinessServices p.smart-head {
    color: #e20074;
    font-family: 'teleNeo-bold';
}

#mag1BusinessServices .net-tooltip {
    position: relative;
    margin-bottom: 15px;
}

#mag1BusinessServices .loop-tooltip {
    margin-bottom: 7px;
}

#mag1BusinessServices .net-tooltip .one-t-dicklaimer {
    top: 5px;
    /*right: 53%;*/
    left: 25%;
    color: #e20074 !important;
}

#mag1BusinessServices .invisibleBorder {
    visibility: hidden;
}

.bussines-box-new {
    border: 1px solid #e20074;
    box-shadow: none;
}

    /*#endregion MAGENTA 1 BUSINESS SERVICES*/

    /*#region MAGENTA 1 BUSINESS NEW*/

    .bussines-box-new h1 {
        text-transform: uppercase !important;
        min-height: 72px;
        color: #e20074 !important;
    }

    .bussines-box-new .box-click-height {
        min-height: 105px;
    }

/*#endregion MAGENTA 1 BUSINESS NEW*/


@media screen and (max-width: 767px) {
    .inner-template-left-image.matchHeight {
        display: none;
        visibility: hidden;
        height: 0 !important;
        background: transparent !Important;
    }

    #mag1BusinessServices .smart-table .one-t-dicklaimer {
        right: 30%;
    }


    .r-tabs .r-tabs-panel {
        padding: 10px;
    }

    .table-responsive {
        border: 0 solid #ddd !important;
        overflow: hidden;
        position: relative;
        overflow: visible;
    }



    .roaming-datatable .table-responsive {
        border: 0 solid #ddd !important;
        overflow: auto;
    }

    .table-responsive > .table {
        margin-bottom: 0;
        margin-top: 0;
        width: 100% !important;
        /*table-layout: fixed;*/
    }

    .activatePacketTable table.table-blue > tbody > tr > td {
        padding: 10px 5px;
    }

    .btn-green {
        font-size: 15px;
        padding: 5px 10px;
    }

    table.table-blue td + td + td, table.table-blue th + th + th {
        min-width: 66px;
    }

    .magenta-one-footer > div .p-uredi-cena .p-right {
        width: 50%;
    }

    .mgn-business .one-t-dicklaimer {
        position: absolute;
        right: 3px;
        top: -5px;
        left: auto;
    }

    .magenta-one .mgn-business ul {
        margin-bottom: 36px;
    }

    .magenta-one div.one-t-dicklaimer-message {
        padding: 0 !important;
        right: -16px;
        left: auto !important;
        width: 100px !Important;
    }

        .magenta-one div.one-t-dicklaimer-message:before {
            right: 8px;
            left: auto;
        }

    #mag1BusinessServices .net-tooltip .one-t-dicklaimer {
        right: 53%;
    }
}


@media (max-width:767px) {
    .blueBox-plati-online {
        padding: 20px 0 !important;
    }

        .blueBox-plati-online a {
            position: absolute;
            TRANSFORM: translateX(-50%);
            left: 55px !important;
            width: 100px !important;
            font-size: 15px !important;
            min-width: 100px !important;
        }

        .blueBox-plati-online h2 {
            width: 210px;
            font-size: 20px;
        }

    .logged {
        height: 55px;
        display: block;
    }

    .table-comparative-mobile-sliding tbody tr td {
        display: table !important;
        width: 100%;
        box-sizing: border-box;
    }

        .table-comparative-mobile-sliding tbody tr td span {
            display: table-cell;
            vertical-align: middle;
            padding: 10px;
        }

    #askTelekomBcg .formWrapper {
        padding-top: 0;
        padding-bottom: 0;
    }

    #askTelekomKontakt {
        margin-top: 0;
    }

    #askTelekomBcg {
        margin-bottom: -20px;
    }

    .mini-menu select {
        padding-top: 8px;
        border: none;
        background-color: transparent;
        outline: none;
        padding-left: 5px;
        width: 50px;
        height: 37px;
        padding-bottom: 6px;
    }

    #ns-header.theCompany .cart {
        top: 68px;
        right: 12px;
    }
}


#magentaTable .panel-group#accordion .panel-heading > .panel-title > a:not(.kor-poddr-toggle), .panel-group#accordion-kor .panel-heading > .panel-title > a:not(.kor-poddr-toggle) {
    padding-left: 40px;
    background-image: url(../images/minusT.png) !important;
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 20px;
}

#magentaTable .panel-group#accordion .panel-heading > .panel-title > a.collapsed, .panel-group#accordion-kor .panel-heading > .panel-title > a.collapsed {
    background-image: url(../images/plusT.png) !important;
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 20px;
}

.panel-group#accordion .panel-heading > .panel-title > a.collapsed, .panel-group#accordion-kor .panel-heading > .panel-title > a.collapsed {
    background-image: url(../images/plusT.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 20px;
}

@media (max-width:1279px) {
    .visible-xs.mm-menu.mm-offcanvas {
        display: none !important;
        visibility: hidden;
        width: 0px;
        height: 0px;
    }

        .visible-xs.mm-menu.mm-offcanvas.mm-opened {
            display: block !important;
            visibility: visible;
            width: inherit;
            height: inherit;
        }
}

/*OVA E NAMERNO 768px za na iped *******NE MENUVAJ******* */
@media (max-width:768px) {
    /*#tools-private {
            right: 86px;
            top: 20px;
            z-index: 99999;
        }*/




}

@media (min-width:768px) and (max-width:991px) {
    .blueBox-plati-online h2 {
        width: 450px;
    }

    a.search-icon.activated .search-box .closeSearch {
        right: 5px !important;
    }

    span.closeSearch {
        line-height: 1;
        padding: 0px 13px;
        margin-top: 5px;
    }
}

@media (max-width:767px) {
    #ns-header.theCompany #tools-private {
        right: 85px;
        top: 48px;
        z-index: 99999;
    }

    .search-icon {
        margin-right: 50px;
    }

    #tools-private {
        right: 93px;
        top: 15px;
        z-index: 99999;
    }

        #tools-private.eng {
            right: 67px !important;
        }

    .filterToggle {
        width: 66px;
        height: 65px;
        display: inline-block;
        padding: 15px 15px;
        right: 0;
        z-index: 2;
        position: fixed;
        background-color: #e4e4e4;
        opacity: 0.5;
        top: 210px;
        background-image: url(../images/filterT.png);
        background-repeat: no-repeat;
        background-position: center;
        transition: all .2s ease-in-out;
        display: none !important;
    }

        .filterToggle img {
            display: none;
        }

        .filterToggle:hover {
            opacity: 1;
            transition: all .2s ease-in-out;
        }

    .show {
        display: block;
    }

    .hideFilter {
        /*display: none;*/
        display: block;
    }

    #ns-header.theCompany #tools-private {
        /*right: 50px !important;
            top: 5px !important;*/
        right: 60px !important;
        top: 0px !important;
        z-index: 99999;
    }


    /*#ns-header.theCompany .search-icon.active.activated .search-box {
            padding-right: 128px !important;
        }*/

    #ns-header.theCompany a.search-icon.activated .search-box .closeSearch {
        right: 2px !important;
        border-radius: 4px;
    }

    .magenta-one .gray-border.smaller {
        height: auto;
        padding: 0 !important;
    }

    .magenta-one-footer > div {
        /*padding-bottom: 0 !important;*/
        padding-right: 0 !important;
    }
}


.btn.btn-grey.phoneboxDeviceMore.btn-custom {
    margin-left: 15px;
    position: absolute;
}




.z-index-fix.loading {
    z-index: 1010;
}

.loading.hideLoading {
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    -webkit-transition: all 0s ease-in-out;
    transition: all 0s;
}


/*#region compare ctrl*/
.comapreTblZ.table-blue tbody tr td, .comapreTblZ.table-blue tbody tr td span, .comapreTblZ.table-blue tbody tr td.bold, .comapreTblZ.table-blue tbody tr td.bold span {
    font-family: teleNeo-bold !important;
}

@media (min-width:768px) {
    .compareTblZ tr th:first-child, .compareTblZ tr td:first-child {
        margin-top: 20px !important;
        background-color: #fff;
        font-family: teleNeo-bold !important;
    }
}

.comapreTblZ.table-blue tbody tr th:first-child span, .comapreTblZ.table-blue tbody tr td:first-child span {
    font-family: teleNeo-regular !important;
}

.compareTblZ tr:nth-of-type(2n) td {
    background-color: #f9f9f9;
}

@media (max-width:767px) {
    .ns-products.ns-ctrl.ns-table h2 {
        background: transparent !important;
        margin-bottom: 20px !important;
    }

    .compareProductZTitle {
        text-align: center;
        margin-bottom: 20px;
    }



    #shopping-cart .table-responsive > .table {
        margin-bottom: 0;
        margin-top: 0;
        width: 1070px !important;
        /* table-layout: fixed; */
    }

    #shopping-cart .table-responsive {
        border: 0 solid #ddd !important;
        overflow-x: scroll;
    }

    .magenta-one-footer > div .p-uredi-cena {
        width: auto;
        margin: auto;
        left: auto;
        right: 0 !important;
        margin-right: 0;
    }

    .magenta-one-footer .one-t-dicklaimer {
        right: 10px;
    }
}

/*#endregion compare ctrl*/


/*#region homepage zoom fix*/
@media (max-width:767px) {
    #homepageTabs-accordion .panel-default > .panel-heading a span {
        font-size: 24px;
        text-align: left;
        font-family: "teleNeo-regular";
        padding-top: 0 !important;
        text-transform: none;
    }

    #accountActions h2, #vodich h2 {
        color: #383838 !important;
        text-transform: none;
        font-size: 24px;
        margin-bottom: 15px;
        font-family: teleNeo-regular !important;
        line-height: 21px;
        padding-left: 20px;
    }

        #accountActions h2.payonline-h2 {
            color: #333333 !important;
            line-height: 24px;
            font-family: teleNeo-regular !important;
        }

    #accountActions .pay-box-hmpage .mgbox p:nth-child(2) {
        color: #000;
        margin-top: 0px;
        font-size: 19px;
        padding: 20px;
    }

    #accountActions .pay-box-hmpage .image-box {
        margin-bottom: -20px;
    }

    .txt-dec-none, .txt-dec-none:hover {
        text-decoration: none !important;
        font-size: 19px;
        padding-top: 0;
        font-weight: normal;
        text-transform: none;
        line-height: 19px;
        font-family: teleNeo-regular !important;
        color: #000;
        margin: 7px auto;
    }

    .boxLinks a span {
        display: table-cell;
        height: 54px;
        vertical-align: middle;
        font-family: teleNeo-regular;
        text-transform: none;
        font-size: 19px;
        line-height: 22px;
    }

    .boxLinks a {
        padding: 0 5px;
    }

    .boxLinks {
        margin-bottom: 15px;
    }

    #accountActions .myAcc ul li, #vodich .myAcc ul li {
        margin-bottom: 25px;
        width: 65%;
        font-size: 19px;
        line-height: 17px;
        font-family: 'teleNeo-medium';
        padding-left: 7px;
    }

    .myAcc#heading1 {
        border-bottom: 1px solid #e5e5e5;
        margin-top: -1px;
    }
}

@media (max-width:500px) {
    .txt-dec-none, .txt-dec-none:hover {
        max-width: 120px;
    }
}
/*#endregion homepage zoom fix*/

/*#region Tooltip out of screen fix*/
.one-t-dicklaimer-message.reverse:before {
    border-top: 0px solid #404040;
    top: auto;
    bottom: 100%;
    border-bottom: 12px solid #404040;
}

/*#endregion Tooltip out of screen fix*/

.pay-box-hmpage .payOnlineBox {
    margin: 0px;
    padding: 15px 30px;
    height: auto;
}

    .pay-box-hmpage .payOnlineBox .payOnlineBoxTitle .payOnlineBox-img {
        float: right;
    }

.pay-box-hmpage h5 {
    font-size: 15px !important;
    margin-top: 15px !important;
}

.pay-box-hmpage .payOnlineBoxFooter {
    position: relative;
    padding: 0px;
    height: auto !important;
}

.pay-box-hmpage .form-group.form-group-radios {
    line-height: 21px;
    font-size: 15px;
}

.payOnlineBox {
    background-color: #f8f8f8;
    padding: 40px;
    height: 415px;
    margin-bottom: 20px;
    margin-top: 50px;
    position: relative;
    overflow: hidden;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    height: auto;
}

@media screen and (max-width: 450px) {
    #homepageTabs-accordion .phone-box h4 {
        left: 50%;
    }

    .magenta-one-footer .price2 {
        letter-spacing: -2px;
    }
}

@media screen and (min-width: 992px) {
    #myCarousel2.carousel.slide {
        height: 384px !important;
    }
}

#ns-header .display-versions.inMainMenu {
    display: none;
}

.display-versions.inMainMenu {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
}

    .display-versions.inMainMenu #show-mob-v, .display-versions.inMainMenu #show-mob-v1 {
        margin: 0 !important;
        padding: 0 !important;
        padding-left: 17px !important;
    }


#devices-mobilni span.num-instalments {
    display: table;
    margin: auto;
}

    #devices-mobilni span.num-instalments span {
        font-family: 'teleNeo-regular';
        font-size: 15px;
        display: table-cell;
    }

#devices-mobilni .oldPrice {
    min-height: 15px;
    display: block;
    margin-top: -8px;
}

#devices-mobilni .p-right .oldPrice {
    min-height: 8px;
}

#devices-mobilni .tab-content.tab-cont-ponuda .p-currency {
    text-transform: none;
}

#devices-mobilni .num-instalments span, #devices-mobilni .p-currency {
    line-height: 13px;
    font-size: 12px !important;
    text-transform: uppercase;
    font-family: teleNeo-bold !important;
}
/*#region ICT Dejan*/
.pr7 {
    padding-right: 7px;
}

.pl7 {
    padding-left: 7px;
}


.pr0 {
    padding-right: 0px;
}

.pl0 {
    padding-left: 0px;
}

#ictCloud .paragraph p {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}




#ictCloud .image1 {
    position: relative;
}

#ictCloud .imgtext1 {
    position: absolute;
    bottom: 0;
    /*background-color: #e20074;*/
    background-color: rgba(226, 0, 116, 0.8);
    padding-left: 23px;
    padding-right: 25px;
    /*opacity: 0.8;*/
    width: 100%;
    min-height: 71px;
    max-height: 71px;
    display: table;
    height: 0;
}

    #ictCloud .imgtext1 p {
        font-size: 21px;
        text-transform: uppercase;
        color: #ffffff;
        line-height: 26.53px;
        font-weight: bold;
        display: table-cell;
        vertical-align: middle;
    }

#ictCloud .boxesRow > div {
    margin-bottom: 14px;
}

#ictCloud .boxesRow {
    margin-top: 15px;
}

#ictCloud .whyICT {
    background-color: #e20074;
    color: #ffffff;
    min-height: 407px;
    max-height: 407px;
    padding: 14px 17px;
}

    #ictCloud .whyICT p {
        color: #ffffff;
        font-size: 18.93px;
        line-height: 18.93px;
    }


#ictCloud .whyictbox a {
    color: #ffffff;
    text-decoration: none;
}



#ictCloud .video {
    background-color: #f2f2f2;
    color: #ffffff;
    min-height: 407px;
    max-height: 407px;
}

    #ictCloud .video h3 {
        position: absolute;
        max-width: 120px;
        margin-top: 0px;
        top: 25px;
        left: 25px;
    }

#ictCloud .paragraph1 {
    min-height: 190px;
    position: relative;
    padding-right: 20px;
    padding-bottom: 20px;
}


    #ictCloud .paragraph1 .more a {
        color: #e20074;
        padding-right: 15px;
        font-size: 19.5px;
        text-decoration: none;
    }

#ictCloud .video h3 {
    font-size: 38.05px;
}



#ictCloud .whyICT h2 {
    font-size: 43.05px;
    text-align: left;
    color: #ffffff;
}


#ictCloud .paragraph1 h4 {
    color: #e20074;
    font-size: 28.01px;
    margin-top: 0;
    padding-top: 0;
}

#ictCloud .paragraph1 p {
    color: #828282;
    font-size: 17px;
    line-height: 17px;
    overflow: hidden;
}

#ictCloud .paragraph1 .more img {
    padding-left: 15px;
}

#ictCloud .ict-cloud > h1 {
    color: #e20074;
    font-size: 54.79px;
    text-align: left;
}

#ictCloud .ict-cloud h1, .ict-cloud h2, .ict-cloud h3, .ict-cloud h4 {
    font-weight: bold;
}

#ictCloud .sertificate-box {
    margin-bottom: 15px;
}

#ictCloud .sertificate {
    background-color: #f2f2f2;
    color: #b6b6b6;
    min-height: 120px;
    max-height: 120px;
    display: table;
    width: 100%;
    height: 0;
}

    #ictCloud .sertificate h4 {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

#ictCloud .showroom {
    position: relative;
    margin-bottom: 15px;
}

#ictCloud .showroom-text {
    position: absolute;
    background-color: #e20074;
    color: #ffffff;
    top: 8%;
    right: 3.5%;
    padding-top: 1%;
    padding-left: 1.5%;
    width: 24%;
    height: 79%;
}

    #ictCloud .showroom-text h2 {
        font-weight: bold;
        font-size: 39px;
        text-align: left;
        color: #ffffff;
    }

    #ictCloud .showroom-text span {
        position: absolute;
        bottom: 25px;
        right: 25px;
        font-size: 24.4px;
        bottom: 6%;
        right: 8%;
    }

    #ictCloud .showroom-text img {
        padding-left: 15px;
    }

    #ictCloud .showroom-text span a {
        color: #ffffff;
        padding-right: 15px;
    }

#ictCloud .logos {
    background-color: #f2f2f2;
    margin-bottom: -18px;
}

#ictCloud .paragraph1 .more::after {
    content: url(../content/images/telekom-ICT/arrow-right.png);
}

#ictCloud .paragraph1 .more {
    text-align: right;
    padding-top: 10px;
}

#ictCloud .logos img {
    margin: auto;
    display: block;
    padding-top: 10px;
    padding-bottom: 15px;
}




#ictCloud .carouselBottom {
    margin-bottom: 15px;
}



#ictCloud #myCarouselBottom .carousel-text p {
    /*background-color: rgba(98, 185, 233, 0.8);*/
    color: #ffffff;
    text-transform: uppercase;
}

#ictCloud #myCarouselBottom .carousel-text {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 9px;
    padding-bottom: 9px;
    position: absolute;
    top: 14%;
    left: 8%;
    width: 45%;
    height: 50%;
    background-color: rgba(98, 185, 233, 0.8);
}


    #ictCloud #myCarouselBottom .carousel-text p {
        display: block !important;
        font-size: 16px;
        line-height: 17px;
    }


    #ictCloud #myCarouselBottom .carousel-text .carousel-footer {
        font-size: 25px;
        font-weight: bold;
        text-align: right;
        color: white;
        text-transform: uppercase;
    }


#ictCloud #myCarouselBottom .carousel-text-xs p {
    display: block !important;
    font-size: 15px;
    line-height: 14px;
    color: #ffffff;
}

#ictCloud #myCarouselBottom .carousel-text-xs {
    background-color: rgba(98, 185, 233, 0.7);
    padding: 10px;
    padding-top: 2px;
}

    #ictCloud #myCarouselBottom .carousel-text-xs .carousel-footer-xs {
        text-align: right;
        color: #ffffff;
    }


@media (min-width: 992px) {
    .img-box2 {
        padding-right: 3.5px;
        padding-left: 3.5px;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .nagradna-igra-banner {
        min-height: 355px;
    }

    #ictCloud #myCarouselBottom .carousel-text {
        height: 56%;
    }
}


@media (min-width: 768px) and (max-width:991px) {
    #ictCloud .pr0-sm {
        padding-right: 0px !important;
    }

    #ictCloud .pl0-sm {
        padding-left: 0px !important;
    }

    #ictCloud .pr7-sm {
        padding-right: 7px !important;
    }

    #ictCloud .pl7-sm {
        padding-left: 7px !important;
    }

    #ictCloud .pr15-sm {
        padding-right: 15px !important;
    }

    #ictCloud .pl15-sm {
        padding-left: 15px !important;
    }

    #ictCloud .video h3 {
        left: 33px;
    }


    #ictCloud .paragraph {
        margin-top: 25px;
    }

    #ictCloud .paragraph1 {
        min-height: 150px;
    }

        #ictCloud .paragraph1 .more {
            padding-top: 5px;
        }

    #ictCloud .boxesRow {
        margin-top: 5px;
    }

    #ictCloud .img-box2 {
        padding-left: 7.5px !important;
        padding-right: 7.5px !important;
    }

    #ictCloud .showroom-text h2 {
        font-size: 28px;
    }

    #ictCloud .ict-cloud > h1 {
        font-size: 45.79px;
    }

    #ictCloud .whyICT h2 {
        font-size: 38.05px;
    }

    #ictCloud .video h3 {
        font-size: 37.05px;
    }

    #ictCloud .ict-cloud > h1 {
        padding-left: 15px;
    }

    #ictCloud .imgtext1 {
        padding-left: 11px;
        padding-right: 12px;
        min-height: 49px;
        max-height: 49px;
    }


        #ictCloud .imgtext1 p {
            font-size: 15px;
            line-height: 16.53px;
        }

    #ictCloud .video {
        min-height: 350px;
        max-height: 350px;
    }

    #ictCloud .whyICT {
        min-height: 350px;
        max-height: 350px;
    }

    #ictCloud .paragraph p {
        -webkit-line-clamp: 4 !important;
    }


    #ictCloud #myCarouselBottom .carousel-text {
        width: 57%;
        height: 75%;
    }

        #ictCloud #myCarouselBottom .carousel-text .carousel-footer {
            bottom: 23px;
            right: 27px;
        }

    #ictCloud #myCarouselBottom .carousel-text {
        height: 72% !important;
    }
}


@media (max-width:767px) {

    #ictCloud .pr15-xs {
        padding-right: 15px !important;
    }

    #ictCloud .pl15-xs {
        padding-left: 15px !important;
    }


    #ictCloud .pr7-xs {
        padding-right: 7px !important;
    }

    #ictCloud .pl7-xs {
        padding-left: 7px !important;
    }


    #ictCloud .pr0-xs {
        padding-right: 0px !important;
    }

    #ictCloud .pl0-xs {
        padding-left: 0px !important;
    }

    #ictCloud .sertificate h4 {
        font-size: 12px;
    }

    #ictCloud .showroom-text span {
        font-size: 17.5px;
    }

    #ictCloud .showroom-text {
        width: 42%;
        height: 89%;
        background-color: rgba(226, 0, 116, 0.8);
    }


        #ictCloud .showroom-text h2 {
            font-size: 5.4vw;
            padding-top: 5px;
        }

    #ictCloud .imgtext1 p {
        font-size: 17px;
        line-height: 20.53px;
    }

    #ictCloud .boxesRow .image1 img {
        width: 100%;
    }

    #ictCloud .paragraph1 .more {
        bottom: 0px;
    }

    #ictCloud .paragraph1 {
        padding-right: 0px;
        margin-bottom: 0px;
        padding-bottom: 15px;
        min-height: 140px;
    }

        #ictCloud .paragraph1 h4 {
            font-size: 25.01px;
        }

        #ictCloud .paragraph1 p {
            font-size: 15px;
        }

        #ictCloud .paragraph1 h4 {
            margin-bottom: 10px;
        }

    #ictCloud .whyICT {
        min-height: 240px;
        max-height: 240px;
        margin-bottom: 30px;
        margin-bottom: 15px;
    }

    #ictCloud .paragraph1 more a {
        font-size: 17.5px;
    }

    #ictCloud .video {
        min-height: 240px;
        max-height: 240px;
        margin-bottom: 15px;
    }

    #ictCloud .ict-cloud > h1 {
        font-size: 35.79px;
        padding-left: 15px;
    }

    #ictCloud .video h3 {
        font-size: 27.05px;
    }

    #ictCloud .video h3 {
        top: 12px;
        left: 30px;
    }

    #ictCloud .whyICT h2 {
        font-size: 28.05px;
    }

    #ictCloud .whyICT p {
        font-size: 17.93px;
    }

    #ictCloud .paragraph1 more {
        right: 0px;
    }

    #ictCloud .paragraph1 more {
        bottom: 0px !important;
    }

    #ictCloud .paragraph p {
        -webkit-line-clamp: 8 !important;
    }

    #ictCloud #myCarouselTop img {
        width: 100%;
        height: auto;
    }



    #ictCloud #myCarouselBottom > img {
        height: auto;
        width: 100%;
    }

    #ictCloud #myCarouselTop {
        margin-bottom: 14px;
    }

    #ictCloud .boxesRow {
        margin-top: 0px !important;
    }

    #ictCloud .paragraph1 .more {
        padding-top: 0px;
    }
}

/*#endregion ICT Dejan*/
/*#region MAGENTA 1 SINOVI i KERKI*/

#coolNovo {
    background: #ededed;
    padding: 35px 20px;
}

    #coolNovo h1,
    #coolViber h1 {
        font-family: teleNeo-bold !Important;
        font-size: 34px;
        text-align: center;
        margin-bottom: 0;
        line-height: 1;
    }

    #coolNovo h2,
    #coolSim h2,
    #coolViber h2 {
        font-family: teleNeo-regular !important;
        font-size: 34px;
        color: #e20074;
        text-align: center;
        margin-top: 0;
        margin-bottom: 90px;
        line-height: 1;
    }

    #coolNovo h3,
    #coolSim h3 {
        text-transform: uppercase;
        font-size: 18px;
        font-family: teleNeo-bold;
        text-align: center;
    }

    #coolNovo p,
    #coolSim p {
        font-size: 15px;
        line-height: 1;
        margin-top: 5px;
        text-align: center;
    }

    #coolNovo .coolNewImg {
        height: 215px !Important;
        position: relative;
    }

        #coolNovo .coolNewImg img {
            -moz-transition: all 0.25s ease-in;
            -o-transition: all 0.25s ease-in;
            -webkit-transition: all 0.25s ease-in;
            transition: all 0.25s ease-in;
        }

    #coolNovo > .row > div:hover .coolNewImg img {
        bottom: 20px;
        -moz-transition: all 0.25s ease-in;
        -o-transition: all 0.25s ease-in;
        -webkit-transition: all 0.25s ease-in;
        transition: all 0.25s ease-in;
    }
    /*#coolNovo #newImg1 img {
        -ms-animation-delay: 2s;
        -o-animation-delay: 2s;
        -webkit-animation-delay: 2s;
        -moz-animation-delay: 2s;
    }*/
    #coolNovo #newImg2 img {
        -ms-animation-delay: 0.5s;
        -o-animation-delay: 0.5s;
        -webkit-animation-delay: 0.5s;
        -moz-animation-delay: 0.5s;
    }

    #coolNovo #newImg3 img {
        -ms-animation-delay: 1s;
        -o-animation-delay: 1s;
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
    }

    #coolNovo #newImg4 img {
        -ms-animation-delay: 1.5s;
        -o-animation-delay: 1.5s;
        -webkit-animation-delay: 1.5s;
        -moz-animation-delay: 1.5s;
    }

    #coolNovo .coolNewImg img {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    #coolNovo > .row > div > a {
        color: inherit;
    }

        #coolNovo > .row > div > a:hover,
        #coolNovo > .row > div > a:focus {
            text-decoration: none;
        }

#coolSim {
    background: url(../images/Magenta1_Sinovi_Kerki/coolSimBcg.jpg) center right no-repeat #ededed;
    height: 430px;
    padding: 35px 20px;
    margin-top: 50px;
}

    #coolSim h2 span {
        font-family: teleNeo-bold;
    }

    #coolSim h3 {
        text-transform: none;
        line-height: 20px;
        font-size: 20px;
        margin-bottom: 0;
    }

    #coolSim .row > div {
        text-align: center;
    }

#coolBlackTables {
    background: rgba(49,50,50,1);
    background: url(../images/Magenta1_Sinovi_Kerki/coolMoon.png) no-repeat top 62% right 25%, -moz-radial-gradient(center, ellipse cover, rgba(49,50,50,1) 0%, rgba(49,50,50,1) 26%, rgba(35,31,32,1) 100%);
    background: url(../images/Magenta1_Sinovi_Kerki/coolMoon.png) no-repeat top 62% right 25%, -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(49,50,50,1)), color-stop(26%, rgba(49,50,50,1)), color-stop(100%, rgba(35,31,32,1)));
    background: url(../images/Magenta1_Sinovi_Kerki/coolMoon.png) no-repeat top 62% right 25%, -webkit-radial-gradient(center, ellipse cover, rgba(49,50,50,1) 0%, rgba(49,50,50,1) 26%, rgba(35,31,32,1) 100%);
    background: url(../images/Magenta1_Sinovi_Kerki/coolMoon.png) no-repeat top 62% right 25%, -o-radial-gradient(center, ellipse cover, rgba(49,50,50,1) 0%, rgba(49,50,50,1) 26%, rgba(35,31,32,1) 100%);
    background: url(../images/Magenta1_Sinovi_Kerki/coolMoon.png) no-repeat top 62% right 25%, -ms-radial-gradient(center, ellipse cover, rgba(49,50,50,1) 0%, rgba(49,50,50,1) 26%, rgba(35,31,32,1) 100%);
    background: url(../images/Magenta1_Sinovi_Kerki/coolMoon.png) no-repeat top 62% right 25%, radial-gradient(ellipse at center, rgba(49,50,50,1) 0%, rgba(49,50,50,1) 26%, rgba(35,31,32,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313232', endColorstr='#231f20', GradientType=1 );
}

    #coolBlackTables .pricesTable {
        width: 66%;
        margin: 0 auto;
        border: 4px solid #e20074;
        display: table;
        background: rgba(49,50,50,1);
        background: -moz-radial-gradient(center, ellipse cover, rgba(49,50,50,1) 0%, rgba(49,50,50,1) 26%, rgba(35,31,32,1) 100%);
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(49,50,50,1)), color-stop(26%, rgba(49,50,50,1)), color-stop(100%, rgba(35,31,32,1)));
        background: -webkit-radial-gradient(center, ellipse cover, rgba(49,50,50,1) 0%, rgba(49,50,50,1) 26%, rgba(35,31,32,1) 100%);
        background: -o-radial-gradient(center, ellipse cover, rgba(49,50,50,1) 0%, rgba(49,50,50,1) 26%, rgba(35,31,32,1) 100%);
        background: -ms-radial-gradient(center, ellipse cover, rgba(49,50,50,1) 0%, rgba(49,50,50,1) 26%, rgba(35,31,32,1) 100%);
        background: radial-gradient(ellipse at center, rgba(49,50,50,1) 0%, rgba(49,50,50,1) 26%, rgba(35,31,32,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313232', endColorstr='#231f20', GradientType=1 );
    }

        #coolBlackTables .pricesTable > div {
            display: table-cell;
            vertical-align: top;
            padding: 30px;
            width: 50%;
        }

    #coolBlackTables .title {
        COLOR: #FFF;
        font-family: teleNeo-bold;
        font-size: 34px;
        line-height: 1;
        text-transform: uppercase;
    }

    #coolBlackTables .price {
        color: #e20074;
        display: table;
        line-height: 1.2;
    }

        #coolBlackTables .price > .thePrice {
            font-size: 38px;
            letter-spacing: -2px;
            padding-right: 5px;
        }

        #coolBlackTables .price > span {
            display: table-cell;
            vertical-align: middle;
        }

        #coolBlackTables .price > .currency > span {
            display: block;
            line-height: 1.1;
            font-size: 15px;
            text-transform: uppercase;
        }

            #coolBlackTables .price > .currency > span:last-child {
                text-decoration: overline;
            }

    #coolBlackTables .infoCool {
        margin-bottom: 30px;
    }

    #coolBlackTables .list ul {
        color: #fff;
    }

        #coolBlackTables .list ul li {
            padding-bottom: 16px;
            background: url(../images/Magenta1_Sinovi_Kerki/checkCool.png) no-repeat top 5px left;
            padding-left: 45px;
            padding-top: 10px;
            line-height: 1.1;
        }

            #coolBlackTables .list ul li > span {
                font-family: teleNeo-bold;
                font-size: 16px;
            }

    #coolBlackTables .pricesTable > .coolCol {
        border-right: 4px solid #e20074;
    }

    #coolBlackTables .blackTblBcgImages {
        height: 100%;
        padding-top: 50px;
        background-image: url(../images/Magenta1_Sinovi_Kerki/coolGirl.png), url(../images/Magenta1_Sinovi_Kerki/coolBoy.png);
        background-repeat: no-repeat;
        background-position: left -13px top 85px, right -84px top 54px;
        background-size: 350px, 400px;
    }

    #coolBlackTables .disclaimerCool {
        color: rgba(255,255,255,0.65);
        width: 66%;
        margin: 0 auto;
        font-size: 12px;
        margin-top: 15px;
    }

    #coolBlackTables .additionalTable {
        width: 75%;
        margin: 70px auto;
        border: 4px solid #e20074;
        padding: 20px;
        position: relative;
    }

        #coolBlackTables .additionalTable img {
            position: absolute;
            right: -73px;
            bottom: -41px;
            zoom: 1.2;
        }

        #coolBlackTables .additionalTable > div {
            display: table;
        }

            #coolBlackTables .additionalTable > div > div {
                display: table-cell;
                vertical-align: top;
                color: #fff;
                width: 20%;
                position: relative;
            }

                #coolBlackTables .additionalTable > div > div:after, #coolBlackTables .additionalTable > div > div:before {
                    content: "";
                    position: absolute;
                    top: 0px;
                    bottom: 0;
                    width: 2px;
                    background-image: -webkit-gradient(linear, 0 0, 0 25% 50% 75% 100%, from(transparent), to (transparent));
                    background-image: -webkit-linear-gradient(transparent,rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.36), rgba(255,255,255,0.28), transparent);
                    background-image: -moz-linear-gradient(transparent, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.36), rgba(255,255,255,0.28), transparent);
                    background-image: -o-linear-gradient(transparent,rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.36), rgba(255,255,255,0.28), transparent);
                    background-image: linear-gradient(transparent, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.36), rgba(255,255,255,0.28), transparent);
                }

                #coolBlackTables .additionalTable > div > div.noBorder:after, #coolBlackTables .additionalTable > div > div.noBorder:before {
                    content: "";
                    position: absolute;
                    top: 0px;
                    bottom: 0;
                    width: 0px;
                }

        #coolBlackTables .additionalTable .title {
            margin-top: 0;
            margin-bottom: 20px;
            display: block;
            text-align: center;
        }

        #coolBlackTables .additionalTable > div > div > div:first-child {
            height: 80px;
            border-bottom: 1px solid #fff;
            padding: 0 10px;
            line-height: 1.1;
        }

        #coolBlackTables .additionalTable > div > div > div span {
            font-family: teleNeo-bold;
        }

        #coolBlackTables .additionalTable > div > div > .price span {
            color: #fff;
            font-size: 20px;
            font-family: teleNeo-medium;
            vertical-align: baseline;
            padding-right: 4px;
        }

        #coolBlackTables .additionalTable > div > div > .price {
            color: #fff;
            margin-top: 15px;
            padding: 0 10px;
        }

    #coolBlackTables .kasperskyDisclaimer {
        color: rgba(255, 255, 255, 0.65);
        width: 75%;
        margin: 0 auto;
        padding: 30px 0;
        padding-left: 100px;
        background: url(../images/Magenta1_Sinovi_Kerki/SafeKids.png) no-repeat left 20px center;
        background-size: 65px;
        line-height: 1.2;
        font-size: 16px;
    }

        #coolBlackTables .kasperskyDisclaimer a {
            color: rgba(255, 255, 255, 0.65);
            text-decoration: underline;
        }

            #coolBlackTables .kasperskyDisclaimer a:hover {
                color: #fff;
            }

    #coolBlackTables a.moreKaspersky {
        text-align: center;
        display: block;
        margin-bottom: 30px;
        color: rgba(255,255,255,0.75);
        text-decoration: underline;
        font-size: 18px;
    }

#coolViber {
    background: url(../images/Magenta1_Sinovi_Kerki/coolViberBcg.png) no-repeat center;
    text-align: center;
    padding: 30px;
}

    #coolViber h1,
    #coolViber h2 {
        color: #fff;
    }

    #coolViber a.btn {
        margin-top: 30px;
        background: #ededed;
        color: #555;
        text-shadow: none;
    }

#coolSmartPhone {
    padding: 30px 0;
    text-align: center;
}

    #coolSmartPhone h2 {
        margin-bottom: 40px;
        font-size: 34px;
    }

    #coolSmartPhone .smartphoneBox {
        border: 1px solid #e9e9e9;
        padding: 0 10px;
    }

    #coolSmartPhone .btn-magen {
        padding: 5px 10px;
    }

    #coolSmartPhone .product-item.lg-phones > h3 {
        font-family: teleNeo-bold;
        text-transform: uppercase;
        text-align: left !important;
    }

    #coolSmartPhone.uredi-net .p-uredi-cena {
        display: block;
        text-align: left;
    }

        #coolSmartPhone.uredi-net .p-uredi-cena > div {
            display: inline-block;
            vertical-align: top;
        }

    #coolSmartPhone.uredi-net .lg-prices .p-left {
        width: auto !important;
        float: none;
        text-align: left;
        padding: 0;
    }

    #coolSmartPhone.uredi-net span.price2 {
        font-family: teleNeo-regular;
        font-weight: normal;
        letter-spacing: -1px;
    }

    #coolSmartPhone.uredi-net .p-right {
        float: none;
        text-align: left;
    }

    #coolSmartPhone.uredi-net .p-currency {
        border-bottom: 0px solid #383838;
        margin-top: 2px;
    }

    #coolSmartPhone.uredi-net .p-rates {
        font-weight: normal;
        text-decoration: overline;
        line-height: 1;
    }

    #coolSmartPhone.uredi-net .product-item.lg-phones .lg-prices > div {
        display: block;
        margin-right: -10px;
        margin-left: -10px;
    }

    #coolSmartPhone.uredi-net .product-item.lg-phones .lg-prices {
        height: auto;
        background: #fafafa;
        margin: 10px -10px 0 -10px;
        padding: 10px;
        padding-bottom: 0;
        display: block;
        width: auto;
    }

        #coolSmartPhone.uredi-net .product-item.lg-phones .lg-prices .row > div:first-child {
            text-align: left;
            height: 27px;
            display: none;
        }

    #coolSmartPhone.uredi-net .oldPrice {
        text-align: left;
        font-size: 26px;
        font-family: teleNeo-regular;
        position: relative;
        display: inline-block;
        line-height: 1;
        height: 26px;
        color: #777;
        letter-spacing: -1px;
    }

        #coolSmartPhone.uredi-net .oldPrice:before {
            position: absolute;
            content: "";
            left: 0;
            top: 50%;
            right: 0;
            border-top: 1px solid;
            border-color: inherit;
            -webkit-transform: rotate(-15deg);
            -moz-transform: rotate(-15deg);
            -ms-transform: rotate(-15deg);
            -o-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }

    #coolSmartPhone.uredi-net .product-item .webshop-device-thumbnail {
        width: 225px;
    }

    #coolSmartPhone.uredi-net .row,
    #additionalCool .row {
        margin: 0 -7px;
    }

        #coolSmartPhone > .row > div,
        #additionalCool .row > div {
            padding-left: 7px;
            padding-right: 7px;
        }

    #coolSmartPhone .ec-30-promo {
        position: absolute;
        right: 0px;
        left: auto;
    }

#additionalCool {
    margin-bottom: 20px;
}

    #additionalCool .additionalMag1Box {
        background: url(../images/Magenta1_Sinovi_Kerki/MoreInfoMagenta.png) no-repeat right -120px bottom -170px #e1e1e1;
        min-height: 555px;
        padding: 30px;
    }

    #additionalCool .additionalCoolBox {
        background: url(../images/Magenta1_Sinovi_Kerki/MoreInfoCool.png) no-repeat left 50px bottom -170px #e1e1e1;
        min-height: 555px;
        padding: 30px;
    }

    #additionalCool h2 {
        color: #e20074;
        font-size: 34px;
        min-height: 56px;
        font-family: teleNeo-bold !important;
    }

@media screen and (max-width: 991px) {
    #coolNovo h2, #coolSim h2, #coolViber h2 {
        margin-bottom: 30px;
    }

    #coolSim {
        height: auto;
        background-size: cover;
    }

    #coolSmartPhone.uredi-net .p-uredi-cena {
        margin: 10px 0 !important;
    }

    #additionalCool h2 {
        font-size: 25px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #coolBlackTables .pricesTable {
        width: 77%;
    }

    #coolBlackTables .blackTblBcgImages {
        background-position: left -35px top 102px, right -90px top 84px;
        background-size: 220px, 272px;
    }

    #coolBlackTables .additionalTable {
        width: 86%;
    }

        #coolBlackTables .additionalTable .title {
            font-size: 30px;
        }

        #coolBlackTables .additionalTable img {
            right: -55px;
            bottom: -29px;
            zoom: 0.9;
        }

        #coolBlackTables .additionalTable .ec-14774-promo {
            left: -50px !important;
        }
}

@media screen and (max-width: 767px) {

    div#fast-links-hp .fast-link-box {
        min-height: 60px;
    }

    #coolBlackTables .pricesTable > div {
        display: block;
        width: auto;
    }

    #coolBlackTables .pricesTable > .coolCol {
        border-right: 0px solid #e20074;
        border-bottom: 4px solid #e20074;
    }

    #coolBlackTables .blackTblBcgImages {
        height: 100%;
        padding-top: 50px;
        background-image: url(../images/Magenta1_Sinovi_Kerki/coolGirl.png), url(../images/Magenta1_Sinovi_Kerki/coolBoy.png);
        background-repeat: no-repeat;
        background-position: left -11% top 85px, right -40% top 33%;
        background-size: 43%, 54%;
    }

    #coolBlackTables .additionalTable img {
        display: none;
    }

    #coolBlackTables .additionalTable {
        width: 100%;
    }
}

@media screen and (max-width: 550px) {
    #coolBlackTables .additionalTable > div > div {
        display: block;
        width: auto;
        padding: 15px 0;
    }

        #coolBlackTables .additionalTable > div > div > div {
            display: inline-block;
        }

            #coolBlackTables .additionalTable > div > div > div:first-child {
                border-bottom: 0px solid #fff;
                width: 60%;
                line-height: 1;
                height: auto;
            }

        #coolBlackTables .additionalTable > div > div:after, #coolBlackTables .additionalTable > div > div:before {
            content: "";
            position: absolute;
            left: 0px;
            right: 0;
            height: 2px;
            width: 100%;
            background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.36), rgba(255,255,255,0.28), transparent);
        }

        #coolBlackTables .additionalTable > div > div > .price {
            line-height: 1;
            margin-top: 0;
            vertical-align: top;
        }
}

@media screen and (min-width: 401px) and (max-width: 767px) {
    #coolBlackTables .additionalTable {
        margin: 15px auto;
    }
}

@media screen and (max-width: 400px) {
    #coolBlackTables .pricesTable {
        width: 100%;
    }

    #coolBlackTables .blackTblBcgImages {
        padding-top: 0;
    }

    #coolBlackTables .kasperskyDisclaimer {
        width: 100%;
        padding: 10px;
        padding-top: 121px;
        background: url(../images/Magenta1_Sinovi_Kerki/SafeKids.png) no-repeat left 47% top 30px;
    }

    #coolBlackTables .additionalTable {
        margin: -4px auto;
    }

    #additionalCool h2 {
        font-size: 23px;
    }

    #additionalCool .additionalMag1Box,
    #additionalCool .additionalCoolBox {
        padding: 15px;
    }
}

#coolBlackTables .additionalTable .ec-14774-promo {
    position: absolute;
    left: -35px;
    top: -35px;
}
/*#endregion MAGENTA 1 SINOVI i KERKI*/


/*#region cookie*/


#popupPrivateCookie {
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    background: rgba(32, 32, 32, 0.9);
    -o-animation-duration: 3s;
    -webkit-animation-duration: 3s;
    -mos-animation-duration: 3s;
    -ms-animation-duration: 3s;
}

    #popupPrivateCookie p {
        font-size: 15px;
    }

    #popupPrivateCookie .popupPrivateCookie-content {
        padding: 20px 0;
    }

    #popupPrivateCookie .popupPrivateCookie-container {
        width: 100%;
        margin: 0 auto;
        color: white;
    }

    #popupPrivateCookie .popupPrivateCookie-middle-container {
        display: block;
        text-align: center;
    }

#popupBusinessCookie {
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    background: rgba(32, 32, 32, 0.9);
    -o-animation-duration: 3s;
    -webkit-animation-duration: 3s;
    -mos-animation-duration: 3s;
    -ms-animation-duration: 3s;
}

    #popupBusinessCookie p {
        font-size: 15px;
    }

    #popupBusinessCookie .popupBusinessCookie-content {
        padding: 20px 0;
    }

    #popupBusinessCookie .popupBusinessCookie-container {
        width: 100%;
        margin: 0 auto;
        color: white;
    }

    #popupBusinessCookie .popupBusinessCookie-middle-container {
        display: block;
        text-align: center;
    }
/*#endregion cookie*/
/*#ureditextCarousel {
    height: 497px !important;
}*/
.slider-naslovna2 .left-iphone7-more {
    display: block !important;
    border: 1px #969696 solid !important;
    background: transparent !important;
    color: #969696 !important;
    box-shadow: none !important;
    border-radius: 4px !important;
    font-family: "Myriad Set Pro", "Arial" !important;
    top: 45%;
    height: 32px;
    font-size: 16px;
    left: 71% !important;
    top: 57%;
}

.slider-naslovna2 .left-iphone7-more-sq {
    display: block !important;
    border: 1px #969696 solid !important;
    background: transparent !important;
    color: #969696 !important;
    box-shadow: none !important;
    border-radius: 4px !important;
    font-family: "Myriad Set Pro", "Arial" !important;
    top: 45%;
    height: 32px;
    font-size: 16px;
    left: 75% !important;
    top: 57%;
}

@media (max-width: 991px) and (min-width: 768px) {
    .slider-naslovna2 .left-iphone7-more {
        top: 60%;
    }

    .slider-naslovna2 .left-iphone7-more-sq {
        top: 60%;
    }
}


.slider-naslovna2 .item.active.iphone7 > a.right {
    display: block !important;
    border: 1px #969696 solid !important;
    background: transparent !important;
    color: #969696 !important;
    box-shadow: none !important;
    border-radius: 4px !important;
    font-family: "Myriad Set Pro", "Arial" !important;
    height: 32px;
    font-size: 16px;
    top: 50%;
    right: 15%;
}

@media (max-width:768px) {
    .slider-naslovna2 .item.active.iphone7 > a.right {
        display: none !important;
    }
}


#middle-wrapper .catcher {
    position: relative;
}

    #middle-wrapper .catcher > img {
        position: absolute;
        right: 0;
        bottom: 0;
    }

#full-wrapper .catcher {
    position: relative;
}

    #full-wrapper .catcher > img {
        position: absolute;
        right: 0;
        bottom: 0;
    }

.mojaSmetkaPlatiOnline h2 {
    color: #383838;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 15px;
    font-family: teleNeo-bold !important;
    background-color: white;
}

.mojaSmetka-dopolni-pripejd-kredit h2 {
    color: #383838;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 15px;
    font-family: teleNeo-bold !important;
    background-color: white;
}

.mojaSmetkaUslugi .white-box-left {
    min-height: 323px;
    background-color: #f4f9fc;
    margin-top: 20px;
}

.mojaSmetkaUslugi ul li {
    padding: 10px 0;
}

.mojaSmetkaUslugi h2 {
    color: #383838;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 15px;
    font-family: teleNeo-bold !important;
    background-color: white;
}

.mojaSmetkaUslugi .image-box {
    border-top: 1px solid #ACACAC;
}

h2.mojaSmetkaTitle {
    text-transform: none;
    color: #E20074;
    font-size: 30px;
}

@media (max-width: 767px) {

    .mojaSmetka-dopolni-pripejd-kredit .dopolni-pripejd-kredit a {
        background-image: none;
        padding: 0px;
    }

    .mojaSmetka-dopolni-pripejd-kredit .dopolni-pripejd-kredit .iframe {
        padding-top: 20px !important;
    }
}



#tvGoNew .tvGoHeader {
    background: url(../images/TvGoHeader.jpg) no-repeat center;
    background-size: cover;
    height: 470px;
    padding: 25px 30px;
}

    #tvGoNew .tvGoHeader h1 {
        color: white;
        font-family: teleNeo-ultra !Important;
        font-size: 51px;
        line-height: 0 !important;
        text-align: left;
    }

    #tvGoNew .tvGoHeader h2 {
        color: white;
        font-family: teleNeo-regular !Important;
        font-size: 51px;
        text-transform: uppercase;
        line-height: 1 !important;
        text-align: left;
    }

#tvGoNew .tvGoHeader {
    position: relative;
}

#tvGoNew {
    margin-top: 0px;
}

    #tvGoNew .tvGoOpcii {
        padding: 40px 0 30px;
    }

        #tvGoNew .tvGoOpcii h1 {
            text-align: center;
            color: #000000;
            font-size: 38px;
            font-family: 'teleNeo-regular' !important;
            line-height: 1.4;
            margin-bottom: 30px;
        }

            #tvGoNew .tvGoOpcii h1 span {
                font-family: 'teleNeo-medium' !important;
                font-size: 51px;
            }

    #tvGoNew .tvGoHeader-banner {
        background: url(../images/maxTv-go-intro-banner-full-fluid.jpg) no-repeat center;
        background-size: cover;
        padding: 6% 0 6%;
        position: relative;
    }

        #tvGoNew .tvGoHeader-banner h1 {
            color: #e20074;
            font-size: 40px;
            font-family: 'teleNeo-ultra' !important;
            margin-bottom: 20px;
        }

    #tvGoNew .tvGoHeader-banner-box {
        display: table;
        width: 100%;
    }

    #tvGoNew .tvGoHeader-banner-img {
        display: table-cell;
        vertical-align: middle;
        width: 60%;
        padding-right: 30px;
    }

    #tvGoNew .tvGoHeader-banner-txt {
        display: table-cell;
        vertical-align: middle;
        width: 40%;
    }

    #tvGoNew .tvGoHeader-banner p {
        color: #e20074;
        font-size: 20px;
        line-height: 1.2;
        width: 70%;
        font-family: 'teleNeo-medium' !important;
    }

    #tvGoNew .tvGoBanner img {
        position: absolute;
        top: 140px;
        right: 110px;
        width: 150px;
    }

    #tvGoNew .tvGoBold {
        color: white;
        font-family: teleNeo-ultra !Important;
        font-size: 51px !important;
    }

    #tvGoNew .whyTvGoNewText h1 {
        color: white;
        margin-bottom: 35px;
        font-size: 51px;
        text-align: left !important;
        text-transform: uppercase !important;
        line-height: 1;
    }

    #tvGoNew .whyTvGoNew p, #tvGoNew .whyTvGoNew h1 {
        color: white !important;
    }


    #tvGoNew .whyTvGoNew {
        background: url(../images/whyTvGo.jpg) no-repeat center;
        background-size: cover;
        height: 280px;
        padding: 10px 30px;
    }

    #tvGoNew .whyTvGoNewText {
        width: 59%;
    }


    #tvGoNew .whyTvGoNew p {
        font-size: 20px;
        line-height: 1.1;
    }


    #tvGoNew .tvIskustvo {
        position: relative;
    }

    #tvGoNew .maxTVGoFullBlack {
        background: url(../images/tvGoIskustvo-full.jpg) no-repeat center;
        background-size: cover;
        padding: 40px 0px;
        color: white;
        margin-bottom: 55px;
    }

    #tvGoNew .tvIskustvo > h3:first-of-type {
        margin-bottom: 65px;
        font-size: 26px;
    }

    #tvGoNew .iskustvoTvGoBox-img {
        min-height: 70px;
    }

    #tvGoNew .tvIskustvo .tvGoMobileImg img {
        position: absolute;
        top: 130px;
        left: 20px;
    }

    #tvGoNew .tvIskustvo h2 {
        color: white;
        font-family: teleNeo-regular !Important;
        font-size: 51px;
        text-transform: uppercase;
        text-align: left !important;
        line-height: 1 !important;
        margin-bottom: 80px;
    }


    #tvGoNew .tvIskustvo .row > div {
        text-align: center;
    }

    #tvGoNew .tvIskustvoRow1 .col-lg-2, #tvGoNew .tvIskustvoRow1 .col-md-2, #tvGoNew .tvIskustvoRow1 .col-sm-2 {
        width: 20%;
    }


    #tvGoNew .tvGotxtBox h3 {
        text-transform: none;
        line-height: 20px;
        font-size: 16px;
        color: white;
    }

    #tvGoNew .tvIskustvoRow2 {
        margin-top: 80px;
    }

    #tvGoNew .alignC {
        text-align: center;
        padding-bottom: 1px;
        padding: 15px;
    }

    #tvGoNew .verAlignImg {
        position: relative;
        height: 280px;
    }

        #tvGoNew .verAlignImg img {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            margin: 0 auto;
            left: 0;
            right: 0;
        }

    #tvGoNew .alignC {
        position: relative;
    }

    #tvGoNew .tvGoOpcii .row > div:not(:last-child) .alignC::after {
        content: "";
        position: absolute;
        top: 22px;
        bottom: 70px;
        width: 2px;
        right: -15px;
        background-image: -webkit-gradient(linear, 0 0, 0 25% 50% 75% 100%, from(transparent), to (transparent));
        background-image: -webkit-linear-gradient(transparent,rgba(226,0,116,0.28), rgba(226,0,116, 0.36), rgba(226,0,116,0.28), transparent);
        background-image: -moz-linear-gradient(transparent, rgba(226,0,116, 0.28), rgba(226,0,116, 0.36), rgba(226,0,116,0.28), transparent);
        background-image: -o-linear-gradient(transparent,rgba(226,0,116, 0.28), rgba(226,0,116, 0.36), rgba(226,0,116,0.28), transparent);
        background-image: linear-gradient(transparent, rgba(226,0,116, 0.28), rgba(226,0,116, 0.36), rgba(226,0,116,0.28), transparent);
    }

    #tvGoNew .tvGoOpcii p {
        color: #e20074;
        text-transform: uppercase;
        text-align: left;
        font-size: 19px;
        display: inline-block;
    }

    #tvGoNew .tvGoOpcii button {
        display: block;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 16px;
        padding: 8px 20px;
        background: #ededed !important;
        color: #383838 !important;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        font-weight: normal;
        font-family: tele-grotesknorregular;
    }

        #tvGoNew .tvGoOpcii button a {
            color: #333;
            text-shadow: none !important;
        }

        #tvGoNew .tvGoOpcii button:hover a {
            color: white;
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -ms-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

        #tvGoNew .tvGoOpcii button:hover {
            background: #E20074 !important;
            color: #fff !important;
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -ms-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

    #tvGoNew .tvGoOpcii a {
        color: #fff;
        text-decoration: none;
        display: block;
    }

        #tvGoNew .tvGoOpcii a.maxtv-go-tv-kanali-march {
            color: #00a0de;
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -ms-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
            margin: 10px 0;
            font-family: teleNeo-medium !important;
        }

a.maxtv-go-tv-kanali-march:hover {
    color: #00a0de;
    text-decoration: underline !important;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}


#tvGoNew .goMobAplikacija a {
    margin-top: 10px;
}


p.link-kon-tvKanali-old {
    position: relative;
}

#tvGoNew .tvGoTables {
    text-align: center;
}

    #tvGoNew .tvGoTables h2 {
        color: #e20074;
        font-family: teleNeo-ultra !Important;
        font-size: 51px;
        margin-bottom: 40px;
        text-align: center !important;
        text-transform: uppercase;
        z-index: 100;
        position: relative;
    }

#tvGoNew .tvGoTableLeft, #tvGoNew .tvGoTableRight {
    /*border: 2px solid #828282;*/
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    padding: 10px 0 0;
    background: white;
}

#tvGoNew .tvGoTables-magenta img {
    position: absolute;
    left: 0;
    width: 60%;
    top: 66px;
    z-index: 0;
}

#tvGoNew .tvGoTables-max-paketi img {
    position: absolute;
    left: 11%;
    width: 55%;
    z-index: 0;
}

#tvGoNew .tvGoTables-internet-tv img {
    position: absolute;
    left: 0;
    top: 60px;
    width: 23%;
}

#tvGoNew .tvGoTableLeft {
    margin-bottom: 20px;
}

    #tvGoNew .tvGoTableLeft .title, #tvGoNew .tvGoTableRight .title {
        font-family: 'teleNeo-bold' !important;
        font-size: 51px;
        line-height: 1;
        text-transform: uppercase;
        margin-bottom: 5px;
        color: #e20074;
    }


    #tvGoNew .tvGoTableLeft .tabelaOpcijaTxt, #tvGoNew .tvGoTableRight .tabelaOpcijaTxt {
        color: #383838;
        font-size: 16px;
        font-family: teleNeo-bold !important;
        padding-bottom: 10px;
    }

    #tvGoNew .tvGoTableLeft .infoTable, #tvGoNew .tvGoTableRight .infoTable {
        /*border-bottom: 1px solid #f2f2f2;*/
        padding-bottom: 10px;
    }

    #tvGoNew .tvGoTableLeft li, #tvGoNew .tvGoTableRight li {
        color: #383838;
        font-size: 16px;
        font-family: 'teleNeo-medium' !important;
        padding-bottom: 15px;
        text-align: left;
        /*height: 65px;*/
        padding-left: 0 !important;
        margin-left: 0 !important;
        background: none !important;
    }

        #tvGoNew .tvGoTableLeft li span, #tvGoNew .tvGoTableRight li span {
            font-family: teleNeo-bold !important;
        }

        #tvGoNew .tvGoTableLeft li a, #tvGoNew .tvGoTableRight li a {
            font-family: teleNeo-bold !important;
        }

#tvGoNew .price-max-tv-go {
    display: table;
    line-height: 1.2;
    font-family: teleNeo-ultra !Important;
    position: relative;
}

#tvGoNew .price-max-tv-go-promo {
    color: #e20074;
}

#tvGoNew .tvGoTables-internet-tv .tvGoTableLeft li:last-child, #tvGoNew .tvGoTables-internet-tv .tvGoTableRight li:last-child, #tvGoNew .tvGoTables-max-paketi .tvGoTableLeft li:last-child, #tvGoNew .tvGoTables-max-paketi .tvGoTableRight li:last-child {
    padding-bottom: 0;
}

#tvGoNew .price-max-tv-go span.crtka-max-tv-go {
    display: block;
    position: absolute;
    width: auto;
    border-bottom: 2px solid #333333;
    top: 24px;
    left: 0px;
    right: 0;
    transform: rotate(-8deg);
}

#tvGoNew .price-max-tv-go span.thePrice {
    font-size: 38px;
    letter-spacing: -2px;
    padding-right: 5px;
    display: table-cell;
    vertical-align: middle;
    font-family: teleNeo-bold !Important;
}

#tvGoNew .price-max-tv-go span.currency {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

#tvGoNew .price-max-tv-go > .currency > span {
    display: block;
    line-height: 1.1;
    font-size: 15px;
    text-transform: uppercase;
}

    #tvGoNew .price-max-tv-go > .currency > span:last-child {
        text-decoration: overline;
    }

#tvGoNew .tvGoTableLeft .list, #tvGoNew .tvGoTableRight .list {
    padding: 15px 15px;
}

#tvGoNew .tvGoTables {
    margin-bottom: 40px;
    position: relative;
}

    #tvGoNew .tvGoTables .tvGoZabeleska {
        text-align: left;
        margin-top: 15px;
        padding-left: 50px;
        position: relative;
        z-index: 100;
    }


#tvGoNew .tvGoHowToTxt {
    display: table-cell;
    vertical-align: middle;
    padding: 100px;
}


#tvGoNew .tvGoHowToTxt {
    display: table-cell;
    vertical-align: middle;
    padding: 65px 10px 15px 10px;
}

#tvGoNew .tvGoHowToBlock {
    text-align: center;
    display: table;
    width: 100%;
    height: 296px;
    background: url(../images/tvGoHowTo.jpg) no-repeat center;
    background-size: cover;
}

#tvGoNew .tvGoHowTo {
    padding: 20px;
}

    #tvGoNew .tvGoHowTo h3 {
        color: white;
        font-family: teleNeo-regular !Important;
        font-size: 45px;
        text-transform: uppercase;
        margin-bottom: 60px;
    }

#tvGoNew .tvGoHowToTxt span {
    font-size: 16px;
    margin-left: 10px;
}

#tvGoNew .tvGoHowTo .glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}

#tvGoNew .tvGoHowToTxt a {
    font-size: 22px;
    color: #fff;
}

    #tvGoNew .tvGoHowToTxt a:hover {
        text-decoration: none;
    }

#tvGoNew .tvGotxtBox-message {
    display: none;
    position: absolute;
    width: 200px !important;
    bottom: 105px !important;
    left: 70px !important;
    background: rgba(0, 0, 0, 0.85) !important;
    border: 1px solid #da1372 !important;
    border-radius: 3px !important;
    padding: 10px !important;
    font-size: 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    z-index: 100;
    color: #000000;
}

    #tvGoNew .tvGotxtBox-message p {
        margin: 0;
        line-height: 1.2;
        color: white;
    }

#tvGoNew .iskustvoTvGoBox {
    position: relative;
    height: 145px;
    width: 81%;
    margin: auto;
}


#tvGoNew .mBottom40 {
    margin-bottom: 40px;
}

#tvGoNew .tvGoKanali img {
    width: 40%;
}

#tvGoNew .tvGoNewBanner {
    position: relative;
    padding: 40px 0 50px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.06) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.06) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.06) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0f000000',GradientType=0 );
}

    #tvGoNew .tvGoNewBanner > .container {
        position: relative;
    }

    #tvGoNew .tvGoNewBanner .container > img:first-of-type {
        left: -14%;
        position: absolute;
        bottom: -50px;
    }

    #tvGoNew .tvGoNewBanner h1 {
        color: #000000;
        font-size: 51px;
        font-family: 'teleNeo-bold' !important;
        line-height: 1;
    }

        #tvGoNew .tvGoNewBanner h1 span {
            font-size: 46px;
        }

    #tvGoNew .tvGoNewBanner img {
        float: right;
        margin-top: -90px;
    }

#tvGoNew .tvGoNew-greyRow {
    padding: 50px 0;
}

#tvGoNew .tvGoNew-greyRowBox {
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    padding: 35px 30px 30px;
    text-align: center;
    min-height: 267px;
}

#tvGoNew .price-max-tv-go-shadowBox {
    -webkit-box-shadow: inset 0 5px 10px -8px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 5px 10px -8px rgba(0,0,0,.3);
    box-shadow: inset 0 5px 10px -8px rgba(0,0,0,.3);
    padding: 10px 15px 7px;
}

#tvGoNew .tvGoNew-greyRowBox h3 {
    font-family: 'teleNeo-medium' !important;
    font-size: 21px;
    margin-bottom: 30px;
}

#tvGoNew .tvGoNew-greyRowBoxText a {
    display: block;
    font-size: 17px;
}

    #tvGoNew .tvGoNew-greyRowBoxText a.btn {
        padding: 8px 20px;
        border-radius: 3px;
        display: inline-block;
    }

#tvGoNew .tvGoNew-greyRowBoxText.tvGoNew-greyRowBoxApp a {
    display: inline-block;
}

    #tvGoNew .tvGoNew-greyRowBoxText.tvGoNew-greyRowBoxApp a:first-of-type {
        margin-right: 5px;
    }

#tvGoNew .tvGoNew-greyRowBox.tvGoNew-greyBoxTwo {
    border: 1px solid #f5f5f5;
    background: #f5f5f5;
}

@media (min-width: 991px) and (max-width:1199px) {

    #tvGoNew .tvGoNewBanner img {
        width: 620px;
    }

    #tvGoNew .tvGoNewBanner .container > img:first-of-type {
        width: auto;
    }
}

@media (min-width: 768px) and (max-width:991px) {

    #tvGoNew .tvGoNewBanner img {
        float: none;
        display: block;
        margin: 0 auto;
        margin-top: -10px;
        width: 80%;
    }

    #tvGoNew .tvGoNewBanner .container > img:first-of-type {
        width: 190px;
    }

    #tvGoNew .tvGoNew-greyRowBox h3 {
        font-size: 19px;
        margin-bottom: 25px;
    }

    #tvGoNew .tvGoNew-greyRowBoxText.tvGoNew-greyRowBoxApp a:first-of-type {
        margin-right: 0;
        margin-bottom: 7px;
    }

    #tvGoNew .tvGoNew-greyRowBox {
        padding: 40px 15px 35px;
        min-height: 297px;
    }
}


@media (min-width: 768px) {

    #tvGoNew .iskustvoTvGoBox:hover .tvGotxtBox-message {
        visibility: visible;
        display: block;
        opacity: 1;
    }
}

@media (max-width:767px) {


    #tvGoNew .tvGoTables-magenta img {
        width: 100%;
        top: 76px;
    }

    #tvGoNew .tvGoTables-internet-tv img {
        top: 20px;
        width: 103%;
    }

    #tvGoNew .tvGoTables-max-paketi img {
        left: 5%;
        width: 55%;
        top: -20px;
    }

    #tvGoNew {
        margin-top: 0;
    }

        #tvGoNew .tvGoHeader-banner-img {
            display: block;
            width: 100%;
            padding-right: 0;
        }

        #tvGoNew .tvGoHeader-banner-txt {
            display: block;
            width: 100%;
        }

        #tvGoNew .tvGotxtBox h3 {
            font-size: 15px;
        }

        #tvGoNew .iskustvoTvGoBox.show-tooltip .tvGotxtBox-message {
            visibility: visible;
            display: block;
            opacity: 1;
        }

        #tvGoNew .iskustvoTvGoBox {
            margin-bottom: 40px;
        }

        #tvGoNew .tvGoBanner img {
            top: 180px;
            right: 15px;
            width: 100px;
        }

        #tvGoNew .tvGoHeader-banner h1 {
            font-size: 29px;
            text-align: center;
        }

        #tvGoNew .tvGoHeader-banner p {
            font-size: 19px;
        }

        #tvGoNew .tvGoHeader-banner p {
            width: 90%;
            text-align: center;
            margin: 0 auto;
        }

        #tvGoNew .tvGoHeader-banner {
            padding: 6% 0 12%;
        }

            #tvGoNew .tvGoHeader-banner img {
                margin: 20px 0 30px;
            }

        #tvGoNew .tvGoHeader {
            background: url(../images/TvGoHeader.jpg) no-repeat left -100px center;
            background-size: cover;
        }

            #tvGoNew .tvGoHeader h2 {
                font-size: 34px;
                padding-top: 0;
            }

            #tvGoNew .tvGoHeader h1 {
                font-size: 34px;
                padding-bottom: 0;
                line-height: 1 !important;
            }

        #tvGoNew .tvGoHeader {
            height: 350px;
        }

        #tvGoNew .whyTvGoNewText {
            width: 100%;
        }

            #tvGoNew .whyTvGoNewText h1 {
                font-size: 34px;
                margin-bottom: 10px;
                padding-top: 10px;
            }

        #tvGoNew .tvGoBold {
            font-size: 28px !important;
        }

        #tvGoNew .whyTvGoNew {
            background: url(../images/whyTvGo.jpg) no-repeat left center;
            background-size: cover;
            height: 450px;
        }

        #tvGoNew .tvIskustvo h2 {
            font-size: 34px;
        }

        #tvGoNew .tvIskustvoRow1 {
            margin-top: 50px;
        }

            #tvGoNew .tvIskustvoRow1 .col-xs-6 {
                width: 50%;
            }

        #tvGoNew .iskustvoTvGoBox {
            position: relative;
            height: 130px;
            width: auto;
            margin: auto;
            margin-bottom: 45px;
        }

        #tvGoNew .tvGoHowTo h3 {
            font-size: 28px;
            margin-bottom: 30px;
        }

        #tvGoNew .tvGoHowToTxt {
            padding: 0px 10px 15px 10px;
        }

        #tvGoNew .tvGoHowToBlock {
            min-height: 185px;
            height: auto;
            margin-bottom: 10px;
        }

        #tvGoNew .maxTVGoFullBlack {
            margin-bottom: 35px;
            padding: 20px 0px 0;
        }

        #tvGoNew .tvGoTables .tvGoZabeleska {
            margin-top: 15px;
            padding-left: 0px;
        }

        #tvGoNew .tvGoTables {
            margin-bottom: 35px;
        }

        #tvGoNew .tvGoHowTo {
            padding: 0px;
        }

        #tvGoNew .tvGoTables h2 {
            font-size: 31px;
            margin-bottom: 25px;
        }

        #tvGoNew .tvGoOpcii .row > div:not(:last-child) .alignC::after {
            left: 0px;
            right: 0;
            top: auto;
            bottom: 0;
            height: 2px;
            width: 100% !important;
            background-image: linear-gradient(to right, transparent, rgba(226,0,116,0.28), rgba(226,0,116,0.28), rgba(226,0,116,0.28), transparent) !important;
        }

        #tvGoNew .verAlignImg {
            height: auto;
        }

        #tvGoNew .tvGotxtBox-message {
            width: 130px !important;
            bottom: 110px !important;
            left: -15px !important;
            padding: 5px !important;
        }

    .moja-smetka-boxes {
        margin-left: -25px !important;
        margin-right: -25px !important;
    }

    #tvGoNew .tvGoOpcii h1 {
        font-size: 24px;
        margin-bottom: 30px;
    }

        #tvGoNew .tvGoOpcii h1 span {
            font-size: 36px;
        }

    #tvGoNew .tvGoOpcii {
        padding: 20px 0 15px;
    }

    #tvGoNew .verAlignImg img {
        position: relative;
        top: auto;
        transform: none;
        margin: 0 auto;
        left: 0;
        right: 0;
        margin-bottom: 20px;
    }

    #tvGoNew .alignC {
        padding: 15px 15px 40px;
    }

    #tvGoNew .tvGoOpcii .row > div:not(:last-child) .alignC {
        margin-bottom: 25px;
        padding: 15px 15px 25px;
    }

    #tvGoNew .tvIskustvo > h3:first-of-type {
        font-size: 20px;
    }

    #tvGoNew .tvGoNewBanner {
        padding: 25px 0 25px;
    }

        #tvGoNew .tvGoNewBanner .container > img:first-of-type {
            display: none;
        }

        #tvGoNew .tvGoNewBanner h1 {
            font-size: 34px;
        }

            #tvGoNew .tvGoNewBanner h1 span {
                font-size: 29px;
            }

        #tvGoNew .tvGoNewBanner img {
            float: none;
            margin: 0 auto;
            margin-top: -15px;
        }

    #tvGoNew .tvGoNew-greyRow {
        padding: 20px 0;
    }

    #tvGoNew .tvGoNew-greyRowBox {
        padding: 30px 30px 25px;
        min-height: auto;
        margin-bottom: 15px;
    }

        #tvGoNew .tvGoNew-greyRowBox h3 {
            margin-bottom: 25px;
        }
}

@media (max-width: 374px) {

    #tvGoNew .tvGoNewBanner h1 {
        font-size: 29px;
    }

        #tvGoNew .tvGoNewBanner h1 span {
            font-size: 24px;
        }
}








@media (min-width:768px) and (max-width:991px) {

    #tvGoNew .whyTvGoNew {
        height: 355px;
    }

    #tvGoNew .tvGoHowTo {
        padding: 0px;
    }

    #tvGoNew .tvIskustvo .tvGoMobileImg img {
        left: 0px;
    }

    #tvGoNew .tvGoHeader-banner h1 {
        font-size: 34px;
    }

    #tvGoNew .tvGoOpcii p {
        text-align: center;
    }

    #tvGoNew .tvGoBold {
        font-size: 35px !important;
    }

    #tvGoNew .tvGoHowTo h3 {
        font-size: 35px;
        margin-bottom: 35px;
    }

    #tvGoNew .tvGoHowToTxt {
        padding: 10px 10px 15px 10px;
    }

    #tvGoNew .tvGoHowToBlock {
        min-height: 225px;
        height: auto;
    }
}



.moja-smetka-boxes {
    margin-left: -10px;
    margin-right: -10px;
}
/*#region Business MB Promocija*/
.businessTableSoMagentaKolona thead > tr > th:nth-of-type(4) {
    background-color: #e20074 !important;
    color: white;
    border-left: 3px solid #e20074 !important;
    border-right: 3px solid #e20074 !important;
}

.businessTableSoMagentaKolona thead > tr > th {
    background-color: #e0e0e0;
}

.businessTableSoMagentaKolona tbody > tr > td:nth-of-type(4) {
    border-left: 3px solid #e20074 !important;
    border-right: 3px solid #e20074 !important;
}

.businessTableSoMagentaKolona tbody > tr:last-child > td:nth-of-type(4) {
    border-bottom: 3px solid #e20074 !important;
}

.businessTableSoMagentaKolona thead > tr > th, .businessTableSoMagentaKolona tbody > tr > td {
    background-color: white;
    color: #6c6c6c;
}

.businessTableSoMagentaKolona table {
    background-color: white !important;
    margin-top: 30px;
}

.businessUrediPromocija .lg-prices a {
    margin-top: 0px;
    font-size: 13px;
    margin-bottom: 20px;
}

.businessUrediPromocija .ec-30-promo {
    width: 75px;
    position: absolute;
    right: -20px;
    left: auto;
}

.businessTableSoMagentaKolona thead > tr > th:nth-of-type(4) {
    position: relative;
}

    .businessTableSoMagentaKolona thead > tr > th:nth-of-type(4) .ec-30-promo {
        width: 45px;
        right: 0;
        left: auto;
        bottom: 25px;
    }

.businessTableSoMagentaKolona .table > tbody > tr > td {
    border-top: 0px;
    border-bottom: 0px !important;
}

.old-price-business-promocija {
    text-decoration: line-through;
}

.businessUrediPromocija p.disclaimer-lgphones {
    font-size: 13px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    color: gray;
}

.businessUrediPromocija .lg-prices .p-left {
    float: none;
    text-align: center;
    color: #e20074;
}

    .businessUrediPromocija .lg-prices .p-left span:nth-of-type(2) {
        font-family: 'teleNeo-bold';
        font-size: 23px;
    }

    .businessUrediPromocija .lg-prices .p-left span:nth-of-type(1) {
        font-size: 13px;
    }

.businessUrediPromocija .lg-pricesn .p-uredi-cena {
    margin: 0px auto 10px !important;
}

.businessUrediPromocija span.price2 {
    padding-top: 0px;
    font-size: 31px !important;
}

.businessTableSoMagentaKolona .ec-30 {
    width: 45px;
    position: absolute;
    right: -4px;
    left: auto;
    bottom: 0;
}

#poseben-box .ec-30-promo {
    position: absolute;
    left: auto;
    right: 62px !important;
    top: 91px !important;
}

.businessUrediPromocija .lg-prices .p-left .price2 {
    font-size: 23px;
}

.businessTableSoMagentaKolona .new-price-magenta {
    color: #e20074;
}

@media(max-width:767px) {
    .businessTableSoMagentaKolona .ec-30 {
        display: none;
    }

    #poseben-box .ec-30-promo {
        display: none;
    }

    .businessUrediPromocija .product-item .ec-30-promo {
        width: 40% !important;
    }
}

@media(max-width:991px) {
    .businessUrediPromocija .product-item .ec-30-promo {
        width: 40% !important;
    }
}

.businessUrediPromocija .lg-prices .p-left .p-right .p-currency, .businessUrediPromocija .lg-prices .p-left .p-right .p-rates {
    font-size: 8px !important;
    font-family: 'teleNeo-bold';
    line-height: 8px !important;
}

.businessUrediPromocija .lg-prices .p-left .p-right .p-currency {
    margin-top: 10px !important;
}

.businessUrediPromocija .uredi-net .p-uredi-cena {
    margin: 10px auto;
    min-height: 33px;
}


.businessUrediPromocija #middle-wrapper .inner-template ul li {
    background-position: 0 11px;
}


#poseben-box ul li {
    background: none;
}

    #poseben-box ul li:before {
        content: '\2013';
    }
/*#endregion Business MB Promocija*/

/*#region internet i tv paketi*/
#internet-tv-paketi {
    position: relative;
}

    #internet-tv-paketi .wrapper {
        position: relative;
        width: 60%;
        margin: 50px auto 50px;
        background: white;
        box-shadow: 0 0 30px 15px rgba(0, 0, 0, .09);
        padding: 30px;
    }

        #internet-tv-paketi .wrapper h3 {
            font-family: 'teleNeo-medium' !important;
            font-size: 31px;
        }

        #internet-tv-paketi .wrapper p {
            font-size: 19px;
            text-align: center;
        }

        #internet-tv-paketi .wrapper small {
            margin: 30px 0 0;
            display: block;
            text-align: center;
        }

    #internet-tv-paketi .ec {
        position: absolute;
        right: 30px;
        width: 90px;
        top: -50px;
    }

    #internet-tv-paketi h1 {
        font-family: teleNeo-bold !Important;
        font-size: 34px;
        text-align: center;
        margin-bottom: 0;
        line-height: 1;
        text-transform: uppercase;
        color: #e20074;
        margin-top: 0;
        padding-top: 40px;
        padding-bottom: 0;
    }

    #internet-tv-paketi h2 {
        padding: 0 20%;
        margin: 20px 0;
        font-size: 24px;
    }

.internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose {
    border: 2px solid #cecece;
}

.internet-tv-paketi-boxes .calcTariffToChoose ul {
    min-height: 170px;
}

    .internet-tv-paketi-boxes .calcTariffToChoose ul li {
        margin-top: 10px;
        margin-bottom: 7px;
    }

        .internet-tv-paketi-boxes .calcTariffToChoose ul li.e-smetka {
            position: absolute;
            bottom: 40px;
        }

            .internet-tv-paketi-boxes .calcTariffToChoose ul li.e-smetka a {
                color: #e20074;
                cursor: pointer;
                text-decoration: underline;
            }

.internet-tv-paketi-boxes .calcTariffToChoose h2 {
    font-weight: bold;
    font-size: 32px;
    color: #e20074;
    border-bottom: 1px solid #f2f2f2;
    padding: 7px 0;
    text-align: center;
}

.internet-tv-paketi-boxes .calcTariffToChoose .price {
    text-align: right;
    font-size: 18px;
    color: #e20074;
    position: absolute;
    bottom: 0;
    right: 15px;
}

    .internet-tv-paketi-boxes .calcTariffToChoose .price > span {
        font-size: 22px;
    }


.internet-tv-paketi-boxes .imgDesc span {
    display: block;
    text-align: right;
    font-size: 25px;
    line-height: 1;
    margin: 30px 0 20px 0;
}

.internet-tv-paketi-boxes .imgDesc img {
    float: right;
}

.internet-tv-paketi-boxes .imgDesc span {
    display: block;
    text-align: right;
    font-size: 24px;
    line-height: 1;
    margin: 30px 0 20px 0;
}


.internet-tv-paketi-boxes .calcTariffToChoose {
    background: #fff;
    padding: 15px;
    padding-top: 0;
    position: relative;
    min-height: 530px;
}

    .internet-tv-paketi-boxes .calcTariffToChoose img.ecPromotivnoNoemvri {
        position: absolute;
        right: -40px;
        top: -33px;
    }

.internet-tv-paketi-boxes .discountPriceBox > div {
    background: #e20074;
    padding: 10px;
    display: table;
    width: 100%;
}

    .internet-tv-paketi-boxes .discountPriceBox > div > img {
        display: table-cell;
    }

    .internet-tv-paketi-boxes .discountPriceBox > div > div > span:first-child {
        font-size: 24px;
        color: #000;
        padding-left: 6px;
    }

.internet-tv-paketi-boxes .lineThrough {
    position: relative;
}

    .internet-tv-paketi-boxes .lineThrough:before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        right: 0;
        border-top: 1px solid;
        border-color: inherit;
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

.internet-tv-paketi-boxes .discountPriceBox > div > div > span:last-child {
    display: block;
    color: #000;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
}

.internet-tv-paketi-boxes .discountPriceBox > div > div {
    display: table-cell;
    vertical-align: top;
}

.internet-tv-paketi-boxes .discountPriceBox.clickToChoose > div > div {
    font-size: 20px;
    color: #000;
    line-height: 1;
    vertical-align: middle;
}

.internet-tv-paketi-boxes .discountPriceBox.clickToChoose > div {
    width: 70%;
    height: 85px;
    cursor: pointer;
    padding: 0 15px;
}

.internet-tv-paketi-boxes .discountPriceBox > div {
    background: #e20074;
    padding: 10px;
    display: table;
    width: 100%;
}

.internet-tv-paketi-boxes .calcTariffToChoose .ec {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 65px;
    z-index: 2;
}

.internet-tv-paketi-boxes .magentaBoxChooseSelected .calcTariffToChoose {
    box-shadow: none !Important;
    border: 2px solid #e20074 !important;
}

#internet-tv-paketi h3 {
    text-align: center;
    font-family: 'teleNeo-medium' !important;
    margin-bottom: 25px;
    font-size: 24px;
    color: #e20074;
}

.internetPaketi-moreInfo {
    padding: 20px;
    background-color: #ededed;
    margin-top: 25px;
}

    .internetPaketi-moreInfo h3 {
        margin-top: 0;
        margin-bottom: 0;
        color: #e20074;
    }

    .internetPaketi-moreInfo p {
        margin-bottom: 0;
        margin-top: 5px;
    }

@media(min-width:992px) {
    .internet-tv-paketi-boxes .promena-na-sirina {
        width: 10% !important;
    }

    .internet-tv-paketi-boxes .col-lg-3 {
        width: 25%;
    }

    .internet-tv-paketi-boxes .col-md-9 {
        width: 90% !important;
    }
}

@media(max-width:991px) {
    #internet-tv-paketi .wrapper {
        width: 100%;
    }

    .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose {
        border: 0px;
        padding: 20px 0px;
        min-height: 220px;
    }

    .internet-tv-paketi-boxes .calcTariffToChoose h2 {
        border-bottom: 0px;
    }

    .internet-tv-paketi-boxes {
        margin-bottom: 60px;
    }

        .internet-tv-paketi-boxes .calcTariffToChoose ul {
            min-height: 230px;
        }

        .internet-tv-paketi-boxes .one-t-dicklaimer:hover .one-t-dicklaimer-message {
            left: -155px
        }

            .internet-tv-paketi-boxes .one-t-dicklaimer:hover .one-t-dicklaimer-message:before {
                left: 75%;
            }

        .internet-tv-paketi-boxes .magentaBoxChooseSelected .calcTariffToChoose {
            border: 0px solid #e20074 !important;
        }

    .naslovi-xs-tipovi div {
        padding: 0px !important;
    }



    .discountPriceBox {
        margin-bottom: 25px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .internet-tv-paketi-boxes .calcTariffToChoose {
        min-height: 610px;
    }

    .internet-tv-paketi-boxes .imgDesc span {
        font-size: 22px;
    }
}

@media(max-width: 375px) {


    .internet-tv-paketi-boxes .calcTariffToChoose ul {
        min-height: 320px;
    }

    .internet-tv-paketi-boxes .one-t-dicklaimer:hover .one-t-dicklaimer-message {
        left: -5px
    }

        .internet-tv-paketi-boxes .one-t-dicklaimer:hover .one-t-dicklaimer-message:before {
            left: 10px;
        }
}
/*#endregion internet i tv paketi*/


/*#region HBO*/


#hboNew .hboHeader {
    background: url(../content/images/hbo/hbo-header.jpg) no-repeat center;
    background-size: cover;
    margin-bottom: 40px;
    padding: 40px 0 60px;
}

#hboNew.hboNew2018 .hboHeader {
    background: url(../content/images/hbo/hbo-header.jpg) no-repeat center;
    background-size: contain;
    background-position: bottom center;
    height: 720px;
    padding: 10px 15px;
    margin-bottom: 25px;
}

#hboNew .hboHeader h1 {
    font-family: teleNeo-bold !Important;
    font-size: 51px;
    line-height: 1 !important;
    text-align: left;
    color: white;
    margin-bottom: 400px;
}

#hboNew .hboHeader h1 {
    font-family: teleNeo-bold !Important;
    font-size: 51px;
    line-height: 1 !important;
    text-align: left;
    color: white;
    margin-bottom: 400px;
}

#hboNew .hboHeader span {
    display: block;
    font-size: 23px;
    text-transform: none;
    font-family: 'teleNeo-bold' !important;
    margin-top: 5px;
}

#hboNew .hboHeaderBox p {
    font-size: 19px;
    width: 73%;
    margin-bottom: 20px;
}

#hboNew .hboHeader h2 {
    font-family: teleNeo-regular !Important;
    font-size: 51px;
    line-height: 0.7 !important;
    text-align: left;
    color: #e20074;
    margin-bottom: 25px;
}

#hboNew .hboPromotivno {
    position: relative;
    margin: 0 auto;
    text-align: center;
    padding: 30px 0 50px 0;
}

    #hboNew .hboPromotivno .container {
        position: relative;
    }

    #hboNew .hboPromotivno h2 {
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
    }

    #hboNew .hboPromotivno p {
        font-size: 19px;
    }

    #hboNew .hboPromotivno img {
        position: absolute;
        right: 0;
        width: 90px;
        top: -60px;
    }

#hboNew .hboBoxTotal .hboBox {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #adadad;
    display: table;
    margin-bottom: 10px;
    min-height: 184px;
}

#hboNew .hboBoxTotal .hboBoxLeft {
    display: table-cell;
    vertical-align: middle;
    padding: 30px;
    width: 20%;
    border-right: 1px solid #adadad;
    text-align: center;
}

#hboNew .hboBoxTotal .hboBoxRight {
    display: table-cell;
    vertical-align: middle;
    padding: 30px;
    width: 80%;
}


#hboNew .hboBoxTotal .hboImgBox1 {
    margin-bottom: 20px;
}

#hboNew .hboBoxTotal .hboBoxLeft p {
    margin: 5px 0 0 0;
    line-height: 1;
    font-size: 20px;
    font-family: 'teleNeo-bold';
}

#hboNew .hboActivation {
    background: url(../content/images/hbo/hbo-activation.jpg) no-repeat center;
    background-size: cover;
    height: 255px;
    padding: 15px 20px;
    margin-bottom: 50px;
    color: white;
    margin-top: 20px;
}

#hboNew .hboGoActivation {
    padding: 10px 30px 30px;
    margin-top: 10px;
    background-color: #ededed;
}


#hboNew .hboActivation h3 {
    color: #ffffff;
    font-size: 34px;
    font-family: teleNeo-bold !important;
    margin-bottom: 20px;
}

#hboNew .hboGoActivationBox h3 {
    font-size: 34px;
    font-family: teleNeo-medium !important;
}

#hboNew .hboActivation .hboActivationBox {
    float: right;
    width: 69%;
}

    #hboNew .hboActivation .hboActivationBox a {
        color: white;
        text-decoration: underline;
    }

#hboNew .hboGoActivationBox .link {
    position: relative;
    margin: 20px auto;
    text-align: center;
    display: block;
}

    #hboNew .hboGoActivationBox .link a {
        padding: 12px;
        font-size: 17px;
    }

#hboNew .hboBoxTotal .hboBoxLeft img {
    height: 27px;
}

#hboNew .hboActivation .hboActivationBoxImg img {
    position: absolute;
    top: 70px;
    left: 60px;
}

#hboNew .hboActivation {
    position: relative;
}

#hboNew .hbo-p-bold {
    font-family: teleNeo-bold !important;
}

#hboNew .hboWatchBox {
    background: linear-gradient(180deg, #d7006e, #ab0058);
    padding: 40px 0 50px;
    margin: 20px 0;
    color: white;
    font-family: 'TeleNeo-bold' !important;
}

#hboNew .promoText .hboWatchBox h3 {
    font-size: 20px;
    font-family: 'teleNeo-bold' !important;
    color: white;
    text-transform: none;
    line-height: 1.2;
    margin-bottom: 20px;
}

#hboNew .promoText .hboWatchBox p {
    font-family: 'TeleNeo-bold' !important;
    font-size: 16px;
}

#hboNew .panel-group .panel-default .panel-body {
    padding: 0 !important;
}

#hboNew .panel-group {
    width: 100%;
    margin: 0 auto;
}

#hboNew .panel-default {
    border: 0;
    box-shadow: none;
    background: transparent;
    padding-bottom: 10px;
}

    #hboNew .panel-default > .panel-heading {
        background-color: transparent !important;
    }

#hboNew .panel-heading h4.panel-title {
    text-align: left;
    padding: 0;
}

    #hboNew .panel-heading h4.panel-title a {
        font-size: 19px;
        display: block;
        padding: 15px 35px 15px 0;
        text-decoration: none;
        position: relative;
        color: black !important;
        z-index: 2;
        font-family: 'teleNeo-bold' !important;
    }

        #hboNew .panel-heading h4.panel-title a:hover {
            color: black;
        }

#hboNew .panel-heading .panel-title a.collapsed:after {
    transform: rotate(180deg);
    transition-duration: .25s;
    top: 50%;
    content: '+';
    font-family: 'teleicon-outline';
    position: absolute;
    color: #e20074;
    font-size: 22px;
    top: 30%;
    right: 15px;
    margin: auto;
}

#hboNew .panel-heading .panel-title a:after {
    transition-duration: .25s;
    top: 50%;
    content: '-';
    font-family: 'teleicon-outline';
    position: absolute;
    color: #e20074;
    font-size: 22px;
    top: 30%;
    right: 15px;
    margin: auto;
}

@media (max-width: 767px) {
    #hboNew .hboWatchBox {
        padding: 30px 20px 40px;
    }

    #hboNew .hboHeader p {
        color: white;
        font-family: 'teleNeo-bold' !important;
    }

    #hboNew .promoText p {
        margin: 10px 0;
    }

    #hboNew .hbo-xMas-banner {
        background-position: 65% 0 !important;
        padding: 0 0 3% !important;
        height: 300px;
    }

        #hboNew .hbo-xMas-banner .shape {
            width: 100%;
        }

    #hboNew .hboBoxTotal .hboBoxLeft {
        display: table-cell;
        padding: 20px;
        text-align: center;
        display: block;
        padding: 20px 20px 9px;
        width: auto;
        border-right: 0px solid #adadad;
        border-bottom: 1px solid #adadad;
    }

    #hboNew .hboHeaderBox p {
        font-size: 17px;
        width: 95%;
    }

    #hboNew .hboBoxTotal .hboImgBox1 {
        margin-bottom: 0;
        display: inline-block;
        margin-right: 30px;
        /* float: left; */
    }

    #hboNew .hboImgBox2 {
        display: inline-block;
    }

    #hboNew .hboBoxTotal .hboBoxRight {
        display: table-cell;
        vertical-align: middle;
        padding: 0 20px;
        display: block;
        width: auto;
    }

    #hboNew .hboBoxTotal .hboBoxLeft img {
        height: 25px;
    }


    #hboNew .hboBoxTotal img {
        height: 25px;
    }

    #hboNew .hboHeader {
        margin-bottom: 15px;
        min-height: 360px;
        padding: 20px 0;
        position: relative;
    }

    #hboNew.hboNew2018 .hboHeader {
        background: url(../content/images/hbo/hbo-header.jpg) no-repeat center;
        background-size: contain;
        background-position: bottom center;
        padding: 10px 15px;
        margin-bottom: 15px;
        height: 495px;
    }

    #hboNew .hboHeader h1 {
        font-size: 31px;
        margin-bottom: 0;
    }

    #hboNew .hboHeader h2 {
        font-size: 26px;
    }

    #hboNew .hboActivation h3 {
        margin-top: 0;
        font-size: 28px;
    }

    #hboNew .hboActivation .hboActivationBox {
        float: none;
        width: 100%;
    }

    #hboNew .hboActivation {
        padding: 20px 20px;
        min-height: 320px;
        height: auto;
        margin-top: 15px;
        background: url(../content/images/hbo/hbo-activation.jpg) no-repeat center;
    }

    #hboNew .hboGoActivation {
        padding: 20px;
        margin-top: 10px;
    }

    #hboNew .hboGoActivationBox h3 {
        margin-top: 0;
        font-size: 28px;
    }
}



@media (min-width: 768px) and (max-width: 991px) {
    #hboNew .hboWatchBox {
        padding: 20px 20px 30px;
    }

    #hboNew .promoText p {
        margin: 10px 10px;
    }

    #hboNew .hboActivation {
        background: url(../content/images/hbo/hbo-activation.jpg) no-repeat left -42px center;
        background-size: cover;
        padding: 15px 30px;
        height: 260px;
    }

    #hboNew .hboHeader h1, #hboNew .hboHeader h2 {
        font-size: 49px;
    }

    #hboNew.hboNew2018 .hboHeader h1, #hboNew.hboNew2018 .hboHeader h2 {
        font-size: 41px;
    }

    #hboNew.hboNew2018 .hboHeader {
        height: 630px;
    }

    #hboNew .hboHeaderBox p {
        width: 80%;
    }

    #hboNew .hboBoxTotal .hboBoxLeft {
        padding: 10px;
        width: 25%;
    }

    #hboNew .hboActivation .hboActivationBoxImg img {
        position: absolute;
        left: 25px;
        width: 125px;
    }
}





/*#endregion HBO*/
/*#region internet paketi*/

#internet-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose, #internet-tv-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose {
    border: 2px solid #e20074;
    background-color: #e20074;
    padding: 35px 35px;
}

    #internet-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose h2, #internet-tv-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose h2 {
        color: white;
        border-bottom: 0px;
        font-size: 18px;
    }

    #internet-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose .more-info, #internet-tv-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose .more-info {
        text-align: center;
        padding-top: 10px;
    }

        #internet-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose .more-info a, #internet-tv-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose .more-info a {
            color: white;
            font-size: 16px;
        }

            #internet-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose .more-info a .glyphicon, #internet-tv-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose .more-info a .glyphicon {
                font-size: 11px;
            }

            #internet-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose .more-info a:hover, #internet-tv-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose .more-info a:hover {
                text-decoration: none;
            }

            #internet-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose .more-info a img, #internet-tv-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose .more-info a img {
                width: 2%;
                margin-left: 10px;
            }



#internet-paketi-boxes .internet-tv-paketi-boxes .magenta-internet-title img {
    width: 55%;
}

@media(min-width:768px)and (max-width:991px) {
    #internet-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose, #internet-tv-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose {
        margin-top: 25px;
        width: 50%;
        margin: 25px auto;
    }
}

@media(min-width:992px) {
    #internet-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose, #internet-tv-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose {
        margin-top: 25px;
        margin: 25px auto;
    }
}

.internet-tv-paketi-boxes .discountPriceBox > div > img {
    width: 78%;
}

#internet-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose h2, #internet-tv-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose h2 {
    font-family: 'teleNeo-regular' !important;
}

@media(max-width:991px) {
    .internet-tv-paketi-boxes .discountPriceBox > div > img {
        height: 66px;
        width: auto;
    }
}

/*#endregion internet paketi*/


/*#region nagradna igra*/

#info-za-igrata .magenta-box {
    background-color: #f1e6f0;
    padding: 30px;
}

#info-za-igrata h1 {
    font-family: 'teleNeo-medium' !important;
    font-size: 24px;
    text-align: center;
    color: #333;
}

#info-za-igrata {
    padding: 15px;
}


    #info-za-igrata .pravila-na-igra {
        padding-top: 10px;
    }

/*#endregion nagradna igra*/



/*#region cinemax*/

#cinemaxNew .cinemaxHeader {
    background: url(../content/images/cinemax/bg-tv-cinemax.jpg) no-repeat center;
    background-size: cover;
    padding: 40px 0 0;
    margin-bottom: 50px;
}

    #cinemaxNew .cinemaxHeader h1 {
        font-family: teleNeo-bold !Important;
        font-size: 51px;
        line-height: 1;
        text-align: left;
        color: white;
    }

    #cinemaxNew .cinemaxHeader h2 {
        font-family: teleNeo-regular !Important;
        font-size: 51px;
        line-height: 1 !important;
        text-align: left;
        color: white;
        margin-bottom: 0;
    }

    #cinemaxNew .cinemaxHeader p {
        color: white;
        font-size: 18px;
        width: 80%;
        margin: 0;
    }

    #cinemaxNew .cinemaxHeader p {
        color: white;
        font-size: 18px;
        width: 80%;
        margin-top: 0px;
        clear: both;
    }

#cinemaxNew .cinemaxBoxTotal .cinemaxBox {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #adadad;
    display: table;
    margin-bottom: 10px;
    min-height: 222px;
}

#cinemaxNew .cinemaxBoxIntro {
    text-align: center;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 40px;
}

#cinemaxNew .cinemaxBoxTotal .cinemaxBoxLeft {
    display: table-cell;
    vertical-align: middle;
    padding: 30px;
    width: 20%;
    border-right: 1px solid #adadad;
    text-align: center;
}

    #cinemaxNew .cinemaxBoxTotal .cinemaxBoxLeft img {
        height: auto;
    }

#cinemaxNew .cinemaxBoxTotal .cinemaxBoxRight {
    display: table-cell;
    vertical-align: middle;
    padding: 30px;
    width: 80%;
}

#cinemaxNew .cinemaxBoxTotal .cinemaxBoxLeft p {
    margin: 5px 0 0 0;
    line-height: 1;
    font-size: 20px;
    font-family: 'teleNeo-bold';
}

#cinemaxNew .cinemaxActivation {
    background: url(../content/images/cinemax/cinemax-activation-new.jpg) no-repeat center;
    background-size: cover;
    padding: 50px 0;
    color: white;
    margin-top: 30px;
}

    #cinemaxNew .cinemaxActivation .cinemaxActivationBox {
        float: right;
        width: 74%;
        padding-right: 30px;
    }

    #cinemaxNew .cinemaxActivation h3 {
        color: #ffffff;
        font-size: 34px;
        font-family: teleNeo-bold !important;
        margin-bottom: 20px;
    }

#cinemaxNew .cinemaxHeader img {
    float: right;
    margin-top: -20px;
}

@media(max-width:767px) {
    #internet-tv-paketi h2 {
        padding: 0 5%;
        font-size: 20px;
    }

    #cinemaxNew .cinemaxBoxTotal .cinemaxBox {
        width: 100%;
        margin: 0 auto;
        border: 1px solid #adadad;
        display: table;
        margin-bottom: 10px;
        min-height: 184px;
    }

    #cinemaxNew .cinemaxBoxTotal .cinemaxBoxLeft {
        display: table-cell;
        padding: 15px;
        text-align: center;
        display: block;
        width: auto;
        border-right: 0px solid #adadad;
        border-bottom: 1px solid #adadad;
    }


    #cinemaxNew .cinemaxBoxTotal .cinemaxImgBox {
        margin: 0 auto;
        display: table;
        text-align: center;
    }

    #cinemaxNew .cinemaxBoxTotal .cinemaxBoxLeft img {
        height: 30px;
        display: table-cell;
        vertical-align: middle;
    }


    #cinemaxNew .cinemaxBoxTotal .cinemaxBoxRight {
        display: table-cell;
        vertical-align: middle;
        padding: 0 20px;
        display: block;
        width: auto;
    }

    #cinemaxNew .cinemaxHeader {
        padding: 20px 15px 10px;
        margin-bottom: 20px;
        background-color: #508fae;
    }

        #cinemaxNew .cinemaxHeader h1 {
            font-size: 24px;
        }

        #cinemaxNew .cinemaxHeader h2 {
            font-size: 21px;
        }

        #cinemaxNew .cinemaxHeader p {
            color: white;
            font-size: 15px;
            width: 100%;
            margin: 0;
        }

        #cinemaxNew .cinemaxHeader img {
            max-width: 400px;
            padding-left: 120px;
            margin-top: 0;
        }

    #cinemaxNew .cinemaxBlueParagraph p {
        padding: 15px 15px;
        background: #437893;
        color: white;
        margin-top: 0;
        margin-bottom: 0;
    }

    #cinemaxNew .cinemaxActivation {
        padding: 30px 20px;
        height: auto;
        margin-top: 10px;
        background: url(../content/images/cinemax/cinemax-activation-new.jpg) no-repeat right;
    }

        #cinemaxNew .cinemaxActivation .cinemaxActivationBox {
            float: none;
            width: 100%;
        }

        #cinemaxNew .cinemaxActivation h3 {
            margin-top: 0;
            font-size: 28px;
        }

    #cinemaxNew .cinemaxBoxTotal .cinemaxBoxLeft p {
        margin: 0;
        line-height: 0;
        display: table-cell;
        vertical-align: middle;
        padding-left: 15px;
    }

    #cinemaxNew .cinemaxBlueParagraph p {
        margin-bottom: 20px;
    }
}


@media (min-width:768px) and (max-width:991px) {


    #cinemaxNew .cinemaxBoxTotal .cinemaxBoxLeft {
        width: 25%;
    }

    #cinemaxNew .cinemaxHeader p {
        width: 100%;
        margin: 0;
    }

    #cinemaxNew .cinemaxActivation {
        background-position: left 42% center;
    }
}



/*#endregion cinemax*/


/*#region sso-registracija*/


.titles-sso p {
    margin: 0;
}

#accordion-sso h4.panel-title p:first-child {
    text-transform: uppercase;
    font-family: 'teleNeo-medium' !important;
    line-height: 2.4 !important;
    font-size: 18px;
}

.titles-sso p:nth-child(2) {
    font-size: 18px;
    line-height: 0;
}

.titles-sso.collapsed p:nth-child(2) {
    display: none;
}


#accordion-sso .panel-default {
    border: 0px;
    box-shadow: none;
}

#accordion-sso {
    margin-bottom: 10px;
    background: #f0f0f0;
}

    #accordion-sso .panel-heading {
        padding: 15px 0px;
        padding: 0;
        border-bottom: 1px solid #ed93c1;
    }

    #accordion-sso .panel-title {
        padding: 0px;
        position: relative;
    }

    #accordion-sso h4.panel-title .closed-accordion-sso.collapsed .carousel-indicators,
    #accordion-sso h4.panel-title .closed-accordion-sso-2.collapsed .carousel-indicators,
    #accordion-sso h4.panel-title .closed-accordion-sso-3.collapsed .carousel-indicators {
        position: absolute;
        width: 100%;
        margin: 0px;
        right: 100%;
        padding: 0px;
        display: none;
    }

    #accordion-sso .titles-sso.collapsed {
        position: absolute;
        left: 0;
        top: 10px;
        right: 0;
        margin: auto;
        text-align: center;
    }

        #accordion-sso .titles-sso.collapsed h4 {
            display: none;
        }

    #accordion-sso .titles-sso {
        display: table-cell;
        padding: 8px 30px;
        vertical-align: top;
        cursor: pointer;
    }

    #accordion-sso .carousel-indicators li {
        text-indent: 0px;
        background: none;
        width: 32.3%;
        height: 80px;
        padding: 2.5%;
    }

    #accordion-sso #article-photo-carousel-sso-2 .carousel-indicators li.active,
    #accordion-sso #article-photo-carousel-sso-3 .carousel-indicators li.active {
        background-color: #f5f5f5;
        border-bottom: 2px solid #e20074;
    }


    #accordion-sso h4.panel-title .closed-accordion-sso.collapsed, #accordion-sso h4.panel-title .closed-accordion-sso-2.collapsed,
    #accordion-sso h4.panel-title .closed-accordion-sso-3.collapsed {
        text-align: center;
        overflow: visible;
        position: relative;
        width: 100%;
    }

    #accordion-sso #collapseOne-sso.collapse.in ol.carousel-indicators, #accordion-sso #collapseOne-sso-2.collapse.in ol.carousel-indicators,
    #accordion-sso #collapseOne-sso-3.collapse.in ol.carousel-indicators {
        top: -97px !important;
        right: -4px;
        left: auto;
    }

    #accordion-sso .carousel-control.right {
        z-index: 3000;
    }

    #accordion-sso h4.panel-title .closed-accordion-sso, #accordion-sso h4.panel-title .closed-accordion-sso-2,
    #accordion-sso h4.panel-title .closed-accordion-sso-3 {
        width: 40%;
        display: table;
        min-height: 75px;
    }

@-moz-document url-prefix() {
    #accordion-sso h4.panel-title .closed-accordion-sso, #accordion-sso h4.panel-title .closed-accordion-sso-2,
    #accordion-sso h4.panel-title .closed-accordion-sso-3 {
        height: 75px;
    }
}

#accordion-sso h4.panel-title .closed-accordion-sso .carousel-indicators, #accordion-sso h4.panel-title .closed-accordion-sso-2 .carousel-indicators,
#accordion-sso h4.panel-title .closed-accordion-sso-3 .carousel-indicators {
    margin: 0px;
    display: table-cell;
    bottom: auto;
    left: auto;
    right: 0 !important;
    vertical-align: middle;
}

#accordion-sso h4.panel-title h4, #accordion-sso h4.panel-title h3 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 0;
}

#accordion-sso h4.panel-title h3 {
    text-transform: uppercase;
    font-family: 'teleNeo-medium' !important;
    line-height: 2.4 !important;
}

#accordion-sso .panel-default > .panel-heading {
    background-color: #f0f0f0;
}

div#getHelp {
    padding: 0px;
}

#accordion-sso .carousel-inner > .item {
    background-color: white;
}

#accordion-sso .panel-body {
    padding: 0;
}

#accordion-sso span.text-tabs-sso {
    display: block;
    padding-top: 7px;
}

#accordion-sso span.numbers-tabs-sso {
    display: block;
    background: #f5f5f5;
    border-radius: 500px;
    width: 50px;
    height: 50px;
    margin: auto;
    font-size: 37px;
    padding: 0px;
}

#accordion-sso #article-photo-carousel-sso-2 .carousel-indicators li.active.tri-down,
#accordion-sso #article-photo-carousel-sso-3 .carousel-indicators li.active.tri-down {
    /* Styling block element, not required */
    position: relative;
    margin-bottom: 0px;
    padding-bottom: 19.5px;
    background: #f3f3f3;
}

/* Required for Down Triangle */
#accordion-sso #article-photo-carousel-sso-2 .carousel-indicators li.active:before,
#accordion-sso #article-photo-carousel-sso-3 .carousel-indicators li.active:before,
#accordion-sso #article-photo-carousel-sso-2 .carousel-indicators li.active:after,
#accordion-sso #article-photo-carousel-sso-3 .carousel-indicators li.active:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
}

/* Stroke */
#accordion-sso #article-photo-carousel-sso-2 .carousel-indicators li.active:before,
#accordion-sso #article-photo-carousel-sso-3 .carousel-indicators li.active:before {
    bottom: -15px;
    left: 0;
    margin: auto;
    right: 0;
    border-top-color: #e20074;
    border-width: 15px;
}

/* Fill */
#accordion-sso #article-photo-carousel-sso-2 .carousel-indicators li.active:after,
#accordion-sso #article-photo-carousel-sso-3 .carousel-indicators li.active:after {
    bottom: -12px;
    left: 22px;
    border-top-color: #f5f5f5;
    border-width: 15px;
    left: 0;
    margin: auto;
    right: 0;
}

#accordion-sso .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    line-height: 1;
    width: 70%;
    margin: auto;
    padding: 50px 0px;
}


#accordion-sso .carousel-control .glyphicon-chevron-right, #accordion-sso .carousel-control .icon-next {
    background-image: url(../content/images/magenta1-bussines/arrow-right.png);
    background-repeat: no-repeat;
    height: 50px;
}

    #accordion-sso .carousel-control .glyphicon-chevron-right:before, #accordion-sso .carousel-control .icon-next:before,
    #accordion-sso .carousel-control .glyphicon-chevron-left:before, #accordion-sso .carousel-control .icon-prev:before {
        content: '';
    }


#accordion-sso .carousel-control .glyphicon-chevron-left, #accordion-sso .carousel-control .icon-prev {
    background-image: url(../content/images/magenta1-bussines/arrow-left.png);
    background-repeat: no-repeat;
    height: 50px;
}

.sso-absolute-container {
    position: relative;
}

.titles-sso-2 h4 {
    display: none;
}

/*#accordion-sso #article-photo-carousel-sso .carousel-indicators li{
        padding:0!important;
    }


    #accordion-sso  #article-photo-carousel-sso span.text-tabs-sso{
        padding-top:0;
    }*/
#accordion-sso #collapseOne-sso.collapse.in ol.carousel-indicators {
    top: -100px !important;
    /*font-family: 'teleNeo-bold';
        color: #e20074;*/
}


#accordion-sso #collapseOne-sso .numbers-tabs-sso {
}

#accordion-sso #headingOne-sso-3 {
    border-bottom: 0px;
}

#accordion-sso #collapseOne-sso span.numbers-tabs-sso {
    display: block;
    background: #f5f5f5;
    border-radius: 500px;
    width: 40px;
    height: 40px;
    margin: auto;
    font-size: 28px;
    padding: 0px;
}

#accordion-sso #collapseOne-sso span.text-tabs-sso {
    display: block;
    padding-top: 0px;
    font-size: 12px;
    color: #696969;
}

#accordion-sso #collapseOne-sso-3 .carousel-indicators li {
    width: 19.22%;
}

@media(max-width:767px) {
    .helpDisclaimer2.collapse {
        display: block;
    }

    #accordion-sso ol.carousel-indicators {
        display: none;
    }

    #accordion-sso h4.panel-title .closed-accordion-sso, #accordion-sso h4.panel-title .closed-accordion-sso-2, #accordion-sso h4.panel-title .closed-accordion-sso-3 {
        width: 100%;
        min-height: 55px;
    }

    #accordion-sso .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        width: 100%;
        padding: 0px;
        height: auto;
        transform: none;
        left: auto;
    }

    #accordion-sso .titles-sso.collapsed {
        top: 0px;
        padding: 10px 15px;
    }


    #accordion-sso .carousel-control .glyphicon-chevron-left, #accordion-sso .carousel-control .icon-prev {
        zoom: 0.8;
    }

    .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
        margin-left: 0;
    }

    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
        margin-right: 0px;
    }

    #accordion-sso .carousel-control .glyphicon-chevron-right, #accordion-sso .carousel-control .icon-next {
        zoom: 0.8;
    }

    #accordion-sso .carousel-control .glyphicon-chevron-right, #accordion-sso .carousel-control .icon-next {
        height: 43px;
        width: 25px;
        right: 0px;
    }

    #accordion-sso .carousel-control .glyphicon-chevron-left, #accordion-sso .carousel-control .icon-prev {
        height: 43px;
        width: 25px;
        left: 0px;
    }

    #accordion-sso h4.panel-title h3 {
        font-size: 15px;
    }

    #accordion-sso h4.panel-title h4 {
        font-size: 13px;
    }

    #accordion-sso .collapsed .titles-sso {
        padding: 15px 15px;
    }

    #accordion-sso .titles-sso {
        padding: 2px 15px;
    }

    #accordion-sso .panel-default {
        margin-top: 0px !important;
    }
}


@media(max-width:991px) {
    #accordion-sso ol.carousel-indicators {
        display: none;
    }

    #accordion-sso h4.panel-title .closed-accordion-sso, #accordion-sso h4.panel-title .closed-accordion-sso-2, #accordion-sso h4.panel-title .closed-accordion-sso-3 {
        width: 100%;
    }
}

@media (max-width:1199px) and (min-width:992px) {
    #accordion-sso .titles-sso h4 {
        font-size: 14px !important;
    }
}


/*#region internet i tv paketi mobilna*/
@media(max-width:991px) {
    #internet-tv-paketi h3 {
        font-size: 25px;
        margin: 0 15px;
        padding: 10px 0;
    }

    #internet-paketi-boxes .magenta-box-choose .calcTariffToChoose > div.visible-sm {
        padding-left: 0px;
        padding-bottom: 10px;
    }

    .internet-tv-paketi-boxes .calcTariffToChoose h2 {
        color: rgb(85, 85, 85);
        padding: 0px;
    }

    /*#internet-paketi-boxes .magenta-box-choose .calcTariffToChoose {
        background-color: white;
        min-height: 230px;
        padding: 15px;
        border-bottom: 0px;
        -webkit-box-shadow: 0px 0px 5px 0.5px rgba(84,84,84,0.4) !important;
        -moz-box-shadow: 0px 0px 5px 0.5px rgba(84,84,84,0.4) !important;
        box-shadow: 0px 0px 5px 0.5px rgba(84,84,84,0.4) !important;
    }



    #internet-paketi-boxes .magenta-box-choose {
        padding: 0px;
        margin-bottom: 20px;
    }*/

    #internet-paketi-boxes .tip-na-paket {
        text-align: center;
        color: #e20074;
        font-family: teleNeo-regular !important;
        font-size: 30px;
        margin: 0 15px;
        padding: 10px 0;
    }

    .internet-tv-paketi-boxes .col-lg-3 {
        width: 100% !important;
    }

    #internet-paketi-dopolnitelen-box-info .magenta-box-choose {
        padding: 0px;
    }

    .internet-tv-paketi-boxes .calcTariffToChoose ul li {
        font-size: 17px;
        line-height: 1.2;
    }

    .internet-tv-paketi-boxes .magenta-box-choose {
        -webkit-box-shadow: 0px 0px 5px 0.5px rgba(84,84,84,0.4) !important;
        -moz-box-shadow: 0px 0px 5px 0.5px rgba(84,84,84,0.4) !important;
        box-shadow: 0px 0px 5px 0.5px rgba(84,84,84,0.4) !important;
        background-color: white;
        padding: 15px;
        border-bottom: 0px;
        margin-bottom: 10px;
    }

        .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose {
            border-top: 0px;
        }

        .internet-tv-paketi-boxes .magenta-box-choose.naslovi-xs-tipovi {
            box-shadow: none !important;
        }

            .internet-tv-paketi-boxes .magenta-box-choose.naslovi-xs-tipovi h2 {
                color: #e20074;
                padding: 0px;
                margin: 0px;
                font-family: teleNeo-regular !important;
            }

    .internet-tv-paketi-boxes .discountPriceBox {
        padding: 0px;
    }

    #internet-tv-paketi-dopolnitelen-box-info .magenta-box-choose {
        box-shadow: none !important;
        padding: 0px !important;
    }

    .internet-tv-paketi-boxes {
        padding: 0px;
    }

        .internet-tv-paketi-boxes .calcTariffToChoose ul li {
            font-size: 17px;
            line-height: 1.2;
        }

        .internet-tv-paketi-boxes .calcTariffToChoose .price {
            padding-top: 30px;
        }

    #internet-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose,
    #internet-tv-paketi-dopolnitelen-box-info .internet-tv-paketi-boxes .magenta-box-choose .calcTariffToChoose {
        width: 100%;
        MARGIN: 0PX;
    }
}
/*#endregion internet i tv paketi mobilna*/


/*#region nov broj december*/

#newNumber #ec-30-promo-new-december {
    top: 185px !important;
}

#newNumber .theNewNumBoxDecember {
    margin-top: 25px !important;
}

@media (max-width: 767px) {

    #newNumber #ec-30-promo-new-december {
        top: -35px !important;
        right: -17px !important;
        width: 70px;
    }

    img#ec-30-promo-new-december {
        display: block !important;
    }
}

/*#endregion nov broj december*/
/*#region ostanati internet paketi*/
#dopolnitelno-ostanati-internet-paketi .ceniText .strelka-link {
    float: right;
    color: #e20074;
    font-size: 24px;
    margin-top: -4px;
    padding-right: 10px;
}

#dopolnitelno-ostanati-internet-paketi .ceniText span.tekst {
    font-size: 17px;
    color: #383838;
}

#dopolnitelno-ostanati-internet-paketi .ceniText:hover, #dopolnitelno-ostanati-internet-paketi .ceniText:focus, #dopolnitelno-ostanati-internet-paketi .ceniText:active {
    text-decoration: none;
}

#dopolnitelno-ostanati-internet-paketi .ceniText {
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
    padding-top: 10px;
}

#dopolnitelno-ostanati-internet-paketi .ceniText {
    display: block;
}

#dopolnitelno-ostanati-internet-paketi h1 {
    color: #383838;
    text-align: center;
    text-transform: none;
    padding: 15px 0;
}
/*#endregion ostanati internet paketi*/

/*#region vitoDashboard*/

.inner-cont .dashboard table.table-blue tbody .sso-table-dashboard-new tr:nth-child(even) td.dashboard-right-td {
    border-bottom: 1px solid #dadada !important;
    border-top: 1px solid #dadada !important;
}


td.vito-dasboard-mobile-bottom-img {
    text-align: right;
    vertical-align: bottom;
    padding-bottom: 20px !important;
}


/*#endregion vitoDashboard*/

/*#region valentine-new*/

#valentine-new {
    background-image: url(../content/images/valentine/Website-Valentine.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

div#valentine-new .valentine-intro-img img {
    max-width: 65%;
    margin-top: 40px;
    position: relative;
    z-index: 2;
}

div#valentine-new img.hearts-2-new {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
    width: auto;
    max-width: 36%;
}

div#valentine-new .first-row-valentine {
    padding: 30px;
    position: relative;
    margin-bottom: 15px;
}

div#valentine-new .valentine-menu a:nth-of-type(2) {
    margin-left: 15px;
}

div#valentine-new .valentine-naslov h1 {
    color: black;
    font-size: 45px;
    font-family: teleNeo-regular !Important;
    margin-top: 40px;
    position: relative;
    z-index: 2 !important;
    line-height: 1;
}

.valentine-border {
    position: relative;
    min-height: 45px;
    background: rgba(226, 0, 116, 0.8);
}

    .valentine-border img {
        position: absolute;
        left: 40px;
        width: 130px;
        top: -33px;
    }

.valentine-postpejd-new {
    padding: 30px;
    margin-top: 30px;
}

    .valentine-postpejd-new span.pospejd-magenta-valentine p {
        background: rgba(226, 0, 116, 0.8);
        padding: 4px 10px;
        color: white;
        font-family: teleNeo-ultra !Important;
        width: 111px;
        margin-bottom: 30px;
    }

    .valentine-postpejd-new h1 {
        font-family: teleNeo-ultra !Important;
        font-size: 45px;
        margin-bottom: 30px;
    }

    .valentine-postpejd-new .valentine-p p {
        color: #000;
        font-size: 24px;
        line-height: 1.1;
        font-family: teleNeo-medium !important;
        width: 85%;
        margin-bottom: 25px;
    }

.valentine-mobile-postpejd {
    padding: 30px;
    margin-bottom: 30px;
    padding-top: 0;
}

    .valentine-mobile-postpejd h2 {
        font-family: teleNeo-medium !Important;
        font-size: 25px;
        margin-bottom: 10px;
        color: #e20074;
        text-transform: uppercase;
        min-height: 50px;
    }


.valenine-left-mobile > img {
    position: absolute;
    width: 120px;
    z-index: 100;
    right: 50px;
    top: 10px;
}

.valenine-left-mobile {
    position: relative;
}

.valenine-right-mobile > img {
    position: absolute;
    width: 120px;
    z-index: 100;
    bottom: -60px;
    left: -30px;
}

.valenine-right-mobile {
    position: relative;
}

.valentine-border-img2 img {
    width: 120px;
    top: -45px;
}

.valentine-mobile-postpejd a.btn-magen.btn-grey {
    margin-top: 45px;
}

a.btn-valentine {
    border-radius: 5px;
    color: white;
    border: 1px solid #383838;
    /* bottom: 4px; */
    background: #7c7c7c;
    background: -moz-linear-gradient(top, #7c7c7c 0%, #4b4b4b 100%);
    background: -webkit-linear-gradient(top, #7c7c7c 0%,#4b4b4b 100%);
    background: linear-gradient(to bottom, #7c7c7c 0%,#4b4b4b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#4b4b4b',GradientType=0 );
    font-size: 16px;
    padding: 5px 20px;
    filter: none;
    margin: 0 auto;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    max-width: inherit;
    width: auto;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
    text-decoration: none !important;
}


.valentine-mobile-postpejd a.btn-valentine {
    margin-top: 45px;
    margin-bottom: 20px;
}

.valentine-pripejd-new {
    padding: 30px;
    position: relative;
}


    .valentine-pripejd-new > img {
        position: absolute;
        right: 50px;
        max-width: 33%;
        top: 70px;
    }

span.pripejd-magenta-valentine p {
    background: rgba(226, 0, 116, 0.8);
    padding: 4px 10px;
    color: white;
    font-family: teleNeo-ultra !Important;
    width: 110px;
    margin-bottom: 30px;
}

.pripejd-magenta-img img {
    width: 350px;
    margin-bottom: 45px;
}

.valentine-pripejd-sovrsen h1 {
    font-family: teleNeo-ultra !Important;
    font-size: 45px;
    margin-bottom: 3px;
}

.valentine-pripejd-sovrsen h2 {
    color: black;
    font-size: 45px;
    font-family: teleNeo-regular !Important;
    margin-top: 0;
    position: relative;
    z-index: 2 !important;
    line-height: 0.8;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.valentine-p-pripejd p {
    color: #000;
    font-size: 24px;
    line-height: 1.1;
    font-family: teleNeo-medium !important;
    width: 90%;
    margin-bottom: 25px;
}

.valentine-p-pripejd {
    margin-bottom: 130px;
}

.pripejd-magenta-img-right img {
    position: absolute;
    right: 30px;
    bottom: 20px;
    width: 23%;
}

.valentine-menu a.btn {
    display: block;
    font-size: 17px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    line-height: 31px;
    height: 32px;
    background: #e20074;
    border: solid 1px #e20074;
    background: #d0026c;
    background: -moz-linear-gradient(top, #fd309a 0%, #d0026c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd309a), color-stop(100%, #d0026c));
    background: -webkit-linear-gradient(top, #fd309a 0%, #d0026c 100%);
    background: -o-linear-gradient(top, #fd309a 0%, #d0026c 100%);
    background: -ms-linear-gradient(top, #fd309a 0%, #d0026c 100%);
    background: linear-gradient(to bottom, #fd309a 0%, #d0026c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd309a', endColorstr='#d0026c', GradientType=0);
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    text-decoration: none;
    float: left;
    padding: 0px 20px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    font-family: 'tele-groteskhalregular', arial;
    cursor: pointer;
}


.col-xs-6.iphone-box {
    position: relative;
}


    .col-xs-6.iphone-box > img:first-child {
        position: absolute;
        width: 120px;
        z-index: 100;
        right: 10px;
        top: 15px;
    }


@media (min-width: 768px) {

    .valenine-pr50 {
        padding-right: 50px;
    }

    .valenine-pl50 {
        padding-left: 50px;
    }

    .valenine-pl0 {
        padding-left: 0px;
    }
}


@media (max-width: 767px) {

    .col-xs-6.iphone-box > img:first-child {
        position: absolute;
        width: 70px;
        z-index: 100;
        right: 0px;
        top: 0px;
    }

    div#valentine-new .first-row-valentine {
        padding: 20px;
    }

    div#valentine-new .valentine-intro-img img {
        max-width: 78%;
        margin-top: 40px;
    }

    div#valentine-new img.hearts-2-new {
        right: 0px;
        top: 70px;
        /*max-width: 110px;*/
    }

    div#valentine-new .valentine-naslov h1 {
        font-size: 22px;
    }

    .valentine-border img {
        left: 20px;
        width: 70px;
        top: -13px;
    }

    .valentine-border {
        min-height: 33px;
    }

    div#valentine-new .first-row-valentine {
        margin-bottom: 0px;
    }

    .valentine-postpejd-new {
        padding: 20px;
        margin-top: 10px;
    }

        .valentine-postpejd-new h1 {
            font-size: 25px;
            margin-bottom: 25px;
        }

        .valentine-postpejd-new .valentine-p p {
            font-size: 17px;
            line-height: 1.2;
            width: 100%;
            margin-bottom: 0px;
        }

    .valentine-mobile-postpejd h2 {
        font-size: 17px;
    }

    .valentine-mobile-postpejd img {
        margin-bottom: 45px;
    }

    .valenine-left-mobile > img {
        width: 60px;
        z-index: 100;
        right: 0px;
        top: 10px;
    }

    .valenine-right-mobile > img {
        width: 70px;
        z-index: 100;
        bottom: -40px;
        left: 0px;
    }

    .valenine-right-mobile .row h2 {
        margin-bottom: 0px;
        min-height: 40px;
    }

    .col-xs-12.col-sm-6.valenine-pr50.valenine-left-mobile h2 {
        margin-bottom: 0px;
        text-transform: uppercase;
        min-height: 20px;
    }

    .valentine-mobile-postpejd {
        padding: 20px;
        padding-top: 20px;
    }

        .valentine-mobile-postpejd a.btn-valentine {
            margin-top: 25px;
            margin-bottom: 0px;
        }

    .pripejd-magenta-img img {
        width: 180px;
        margin-bottom: 35px;
    }

    .valentine-pripejd-sovrsen h2 {
        font-size: 22px;
        margin-bottom: 25px;
    }

    .valentine-p-pripejd p {
        font-size: 17px;
        width: 100%;
        margin-bottom: 0px;
    }

    .pripejd-magenta-img-right img {
        right: 0px;
        bottom: -15px;
        width: 35%;
    }

    .valentine-p-pripejd {
        margin-bottom: 50px;
    }

    .valentine-pripejd-new > img {
        right: 0px;
        top: 17%;
        max-width: 34%;
    }

    .valentine-pripejd-new {
        padding: 20px;
    }

    .valentine-pripejd-sovrsen h1 {
        font-size: 25px;
    }

    .valentine-postpejd-new span.pospejd-magenta-valentine p {
        margin-bottom: 20px;
    }

    span.pripejd-magenta-valentine p {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .valenine-left-mobile > img {
        width: 100px;
        right: 40px;
        top: 10px;
    }

    .valentine-mobile-postpejd h2 {
        font-size: 18px;
    }

    .pripejd-magenta-img img {
        width: 330px;
    }

    .valenine-pl0 {
        padding-left: 15px !important;
    }

    .valenine-right-mobile > img {
        width: 100px;
        bottom: -50px;
        left: -10px;
    }

    .col-xs-6.iphone-box > img:first-child {
        width: 100px;
        right: 0px;
        top: 20px;
    }
}

@media (min-width: 510px) and (max-width: 767px) {

    .pripejd-magenta-img-right img {
        bottom: -15px;
        width: 24%;
    }

    .col-xs-6.iphone-box > img:first-child {
        z-index: 100;
        top: 0px;
        left: 60%;
    }

    .valentine-pripejd-new > img {
        right: 0px;
        top: 7%;
        max-width: 30%;
    }
}





/*#endregion valentine-new*/

/*#region nov-broj-new*/

@media (max-width:768px) {
    .ec-nov-broj-new img.ec-nov-broj-new-promo {
        position: absolute;
        right: -10px;
        top: -10px;
        width: 70px;
    }
}

/*#endregion nov-broj-new*/


/*#region smart-mart-izmeni*/

.smart-duo-popust-mart-title {
    min-height: 100px;
    padding: 20px;
    position: relative;
}

h2.smart-duo-popust-mart-title-desktop {
    position: absolute;
    left: -40%;
    white-space: nowrap;
    top: 35px;
}

.smart-pt15.smart-pb15.smart-mart-black-price span {
    color: #333333;
}

.smart-mart-telefoni-promocija {
    border: 2px solid #e0e0e0;
    padding: 10px;
    padding-bottom: 20px;
}

.smart-mart-telefoni-magenta-border {
    border: 2px solid #e20074;
}

.smart-mart-telefoni-promocija h1 {
    text-align: center;
    color: #2F2F2F;
    font-size: 15px;
    text-transform: uppercase;
    /*border-bottom: 1px solid #dadada;*/
    padding-bottom: 5px;
    padding: 12px 0 17px 0;
    margin-top: 0;
    font-family: 'tele-groteskhalregular';
    margin-bottom: 20px;
    width: 100%;
}


.smart-mart-telefoni-promocija img {
    margin: 0 auto;
    display: block;
}

.smart-mart-ceni {
    display: table;
    margin-top: 23px;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

    .smart-mart-ceni img {
        display: table-cell;
        margin-right: 15px;
    }

    .smart-mart-ceni > div {
        display: table-cell;
        vertical-align: top;
    }

.smart-tarifi-wrapper .lineThrough:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.smart-tarifi-wrapper span.lineThrough {
    position: relative;
    font-size: 21px;
}

span.smart-mart-promotivna-cena {
    display: block;
    color: #000;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    font-size: 25px;
}

.smart-mart-vtor-telefon {
    margin-top: 35px;
}

.smart-pt15.smart-pb15.smart-tarifi-mart-ceni img {
    height: auto;
    margin: 0;
    position: absolute;
    right: 5px;
    top: 0px;
    width: 60px;
}

.smart-pt15.smart-pb15.smart-tarifi-mart-ceni {
    position: relative;
    margin-top: 10px;
}

img.ec-smart-mart {
    position: absolute;
    right: 0px;
    top: -10px;
    width: 70px;
}

.smart-mart-telefoni-img {
    position: relative;
}

.smart-mart-telefoni-promocija h2 {
    font-weight: bold;
    font-size: 32px;
    color: #e20074;
    border-bottom: 1px solid #f2f2f2;
    padding: 7px 0;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

.smart-mart-telefoni-button {
    text-align: center;
}

span.smart-march-line-through {
    text-decoration: line-through;
}

span.smart-march-promotion {
    /*font-family: 'teleNeo-bold' !important;*/
    color: #e20074;
}


@media (max-width:767px) {

    img.ec-smart-mart {
        right: 15%;
    }

    .smart-pt15.smart-pb15.smart-tarifi-mart-ceni img {
        right: 8%;
    }
}

/*#endregion smart-mart-izmeni*/


a.pravni-napomeni-mart-2017 {
    color: #969696 !important;
    text-decoration: none;
    float: right;
}

/*display menu*/

.nav.sm.menu_mk > li > a:hover {
    color: #8f8f8f;
}

@media(min-width:768px) {
    .bizMainMenu .nav.navbar-nav li.active > ul.dropdown-menu > span.close-menu-btn {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        text-align: center;
        font-size: 18px;
        cursor: pointer;
        z-index: 9999;
        padding: 15px 0;
        font-family: 'teleNeo-bold';
    }

        .bizMainMenu .nav.navbar-nav li.active > ul.dropdown-menu > span.close-menu-btn img {
            width: 15px;
        }

    .bizMainMenu .nav.navbar-nav li.active > ul.dropdown-menu .dropdown-menu span.close-menu-btn {
        display: none;
    }

    html {
        overflow-x: hidden;
    }

    .navbar-default .navbar-nav > li:hover > .dropdown-menu:before, .navbar-default .navbar-nav > li.active > .dropdown-menu:before {
        box-shadow: 0 10px 15px -10px rgba(0,0,0,0.25);
    }
}


/*magenta 1 business korekcii mart*/

#mag1BusinessServices span.magenta1business-old {
    text-decoration: line-through;
}

/*#mag1BusinessServices .magenta1-businees-march.one-t-dicklaimer {
        left: 33%;
    }*/

span.magenta1business-new {
    color: #e20074;
}



/*#region businessPromocija-07-03-2017*/

.promotion-business-phones.businessUrediPromocija .product-item.lg-phones span.p-currency, .promotion-business-phones.businessUrediPromocija .product-item.lg-phones span.p-rates {
    font-size: 12px !important;
    color: #383838;
    font-family: teleNeo-bold;
}

.uredi-net.businessUrediPromocija.promotion-business-phones .product-item .webshop-device-thumbnail {
    height: auto !important;
    padding-bottom: 15px;
}

.uredi-net.businessUrediPromocija.promotion-business-phones {
    padding-bottom: 20px;
}

.promotion-business-phones.businessUrediPromocija .product-item .webshop-device-thumbnail img {
    max-height: 210px;
}

.promotion-business-phones.businessUrediPromocija .lg-prices .p-left span:nth-of-type(1) {
    line-height: 14px !important;
    margin-top: -4px !important;
    font-size: 25px;
}

.promotion-business-phones.businessUrediPromocija .lg-prices .p-right {
    width: 50%;
}

    .promotion-business-phones.businessUrediPromocija .lg-prices .p-right .p-currency {
        font-size: 14px !important;
    }

.businessUrediPromocija .lg-prices .p-left .p-right .p-rates {
    font-size: 14px !important;
    font-family: 'teleNeo-bold';
    line-height: 14px !important;
}

.businessUrediPromocija.promotion-business-phones .p-uredi-cena {
    min-height: 26px;
}

.business-izmeni-mart img.ec-30-promo-march {
    position: absolute;
    left: auto;
    right: 15px !important;
    top: 13px !important;
}

.business-promo-mart-magenta {
    color: #e20074 !important;
}

@media (max-width: 767px) {

    .business-izmeni-mart img.ec-30-promo-march {
        right: -20px !important;
        top: -38px !important;
        width: 65px;
    }

    .businessUrediPromocija.promotion-business-phones .product-item.lg-phones {
        margin-top: 45px;
    }
}



/*#endregion businessPromocija-07-03-2017*/


/*#region dva-uredi-nevrzana-stranica*/

.dva-uredi-boxes-wrapper span.lineThrough {
    position: relative;
    font-size: 21px;
}

.dva-uredi-boxes-wrapper .lineThrough:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.dva-uredi-boxes-wrapper .product-item.dva-uredi-phones {
    width: 50%;
}

    .dva-uredi-boxes-wrapper .product-item.dva-uredi-phones h3 {
        border-bottom: 1px solid #f2f2f2;
        padding: 17px 0;
        display: block;
        text-align: center;
        margin-bottom: 30px;
        font-family: 'teleNeo-medium' !important;
    }

.dva-uredi-boxes-wrapper .smart-mart-ceni.dva-uredi-ceni {
    margin-bottom: 20px;
}

.dva-uredi-boxes-wrapper p.disclaimer-lgphones {
    text-align: center !important;
    font-size: 14px;
}

.dva-uredi-boxes-wrapper > .row > div:first-of-type .product-item.dva-uredi-phones {
    float: right;
    right: 10%;
}

.dva-uredi-boxes-wrapper > .row > div:nth-of-type(2) .product-item.dva-uredi-phones {
    left: 10%;
}

.dva-uredi-boxes-wrapper span.smart-mart-promotivna-cena {
    color: #e20074;
}

@media (max-width: 767px) {

    .dva-uredi-boxes-wrapper > .row > div:first-of-type .product-item.dva-uredi-phones {
        float: none;
        right: 0;
        margin-bottom: 30px;
    }

    .dva-uredi-boxes-wrapper .product-item.dva-uredi-phones {
        width: 100%;
    }

    .dva-uredi-boxes-wrapper > .row > div:nth-of-type(2) .product-item.dva-uredi-phones {
        left: 0;
    }
}

/*#endregion dva-uredi-nevrzana-stranica*/


/*#region maxTV 2017*/

.max-tv-table-biznis-korisnici table, .maxtv-table-biznis-korisnici table {
    table-layout: fixed;
}

    .max-tv-table-biznis-korisnici table > thead > tr > th:first-of-type {
        width: 50% !important;
    }

.max-tv-biznis-new-intro {
    margin-bottom: 35px;
}

.max-tv-biznis-new-intro-magenta, h1.max-tv-2017-title-magenta {
    color: #e20074;
}

.max-tv-biznis-new-intro a, .max-tv-biznis-new-intro a:hover {
    color: #e20074;
}


/*#endregion maxTV 2017*/


/*#region osiguruvanje-na-oprema-march-2017*/

.promotion-march-osiguruvanje {
    border: 1px solid #e20074;
    padding: 10px 30px;
    margin-top: 20px !important;
}

    .promotion-march-osiguruvanje span {
        font-family: 'teleNeo-bold' !important;
        color: #e20074;
    }



@media (min-width: 768px) {

    .smart-xmas2017 .smart-table .xmas-box {
        min-height: 127px;
        padding: 5px 20px !important;
    }

    .smart-xmas2017 .smart-table .smart-internet-box {
        min-height: 52px;
        line-height: 1.2;
        padding: 10px 20px !important;
    }

    .smart-xmas2017 .smart-table .smart-sms-box {
        line-height: 1.2;
        padding: 10px 20px !important;
    }

    .smart-xmas2017 .smart-table.smartPovlastenaProverka .smart-razgovori-box {
        /*min-height: 81px;*/
        min-height: 0px;
    }

    .smart-xmas2017 #smart-s-tab .smart-razgovori-box, .smart-xmas2017 #smart-m-tab .smart-razgovori-box {
        border-bottom: 1px solid transparent;
    }

    .smart-xmas2017 .smart-table .smart-razgovori-box {
        min-height: 77px;
        /*padding: 5px 20px 10px !important;*/
        padding: 10px 20px 10px !important;
        line-height: 1.2;
    }

    .smart-xmas2017 .smart-table p {
        margin: 0px !important;
    }

    .smart-xmas2017 .xmas-box .btn.xmas-smart-button {
        margin: 0 auto;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .smart-xmas2017 .noVisibleBorder {
        visibility: hidden;
    }
}

/*#endregion osiguruvanje-na-oprema-march-2017*/

/*smart mart promocija */
div#smart-m-tab .smart-tariff-m img.mb-roaming {
    position: absolute;
    right: -5%;
    z-index: 99;
    top: -26px;
}

div#smart-l-tab .smart-table {
    position: relative;
}

    div#smart-l-tab .smart-table > img.smart-table-img-promo-march {
        position: absolute;
        right: -5%;
        z-index: 999;
        top: -26px;
        width: 80px;
    }

div#smart-l-tab .smartPovlastenaProverka img.mb-roaming {
    position: absolute;
    right: -5%;
    z-index: 99;
    top: -26px;
}

@media (min-width: 768px) and (max-width: 991px) {
    div #smart-l-tab .smart-table > img.smart-table-img-promo-march {
        position: absolute;
        right: -15px;
        top: -45px;
        width: 80px;
    }

    div#smart-m-tab .smart-tariff-m img.mb-roaming {
        right: -19%;
    }

    .smart-xmas2017 .smart-table.smartPovlastenaProverka .smart-razgovori-box {
        /*min-height: 81px;*/
        min-height: 0;
    }

    .smart-cool-table-box .calcCoolSim ul {
        min-height: 300px !important;
    }

    #smartTooltip .smart-minuti-box {
        min-height: 100px !important;
        /*min-height: 80px !important;*/
    }

    .smart-tarifi-wrapper.smart-xmas2017-sq .smart-table .smartPanelBox .panel-group#accordion .panel-heading {
        padding: 0 10px;
    }

    .smart-xmas2017.smart-xmas2017-sq .smart-table .smart-razgovori-box {
        padding: 10px 10px 10px !important;
    }

    #smartTooltip .smart-maxTV-go-box {
        /*min-height: 60px !important;*/
        min-height: 40px !important;
    }

    .smart-xmas2017.smart-xmas2017-sq .smart-table .smart-sms-box {
        min-height: 100px;
    }
}

@media (max-width: 767px) {
    div#smart-l-tab .smartPovlastenaProverka img.mb-roaming,
    div#smart-m-tab .smart-tariff-m img.mb-roaming {
        bottom: 30%;
        position: absolute;
        right: -5%;
        z-index: 999;
        top: -26px;
        width: 90px;
    }

    .smartPovlastenaProverka img.mb-roaming,
    .smartPovlastenaProverka img.smart-s-ec {
        right: -7% !important;
        top: -25px !important;
        width: 80px !important;
    }

    .slider-naslovna2 .item.s8phone {
        background-position: 2% 0 !important;
    }
}


/*korisnicka poddrska telekom prodavnici rezerviraj tiket button*/

.korisnicka-poddrska-second-row .telekom-prodavnici h3 {
    margin-top: 5px !important;
    margin-bottom: 0 !important;
}

.korisnicka-poddrska-second-row .telekom-prodavnici p {
    margin-top: 0px !important;
}


.korisnicka-poddrska-second-row .telekom-prodavnici .btn-magen {
    position: relative;
    left: auto;
    bottom: auto;
    margin-bottom: 8px;
}

.korisnicka-poddrska-second-row .telekom-prodavnici a.reserve-ticket-button {
    background-color: #fafafa;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    padding: 7px 20px;
    color: #383838;
}

    .korisnicka-poddrska-second-row .telekom-prodavnici a.reserve-ticket-button:hover {
        background-color: #ebebeb;
        color: #383838;
        text-decoration: none;
    }

.korisnicka-poddrska-second-row .telekom-prodavnici {
    padding: 17px 10px 10px 10px;
}

.korisnicka-poddrska-second-row .telekom-prodavnici-button-box {
    position: relative;
    width: 100%;
}

.korisnicka-poddrska-second-row .telekom-zemeno-vrateno-button-box {
    position: relative;
    width: 100%;
}

    .korisnicka-poddrska-second-row .telekom-zemeno-vrateno-button-box .btn-magen {
        position: relative;
        left: auto;
        bottom: auto;
        margin-bottom: 8px;
    }

.korisnicka-poddrska-second-row .zemeno-popraveno-vrateno {
    padding: 17px 10px 10px 10px;
}

.telekom-prodavnici-button-box .telekomStore-reserveTicket {
    margin-top: 5px;
}

.telekomStore-reserveTicket a {
    padding-left: 10px;
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle;
}

.telekomStore-reserveTicket {
    text-align: center;
    display: table;
    width: initial;
    margin: 0 auto;
}

    .telekomStore-reserveTicket span {
        font-family: 'teleicon-outline' !important;
        color: #e20074;
        font-size: 20px;
        line-height: 1;
        display: table-cell;
        vertical-align: middle;
    }

div#aboutTelekom-xs .telekomStore-reserveTicket a {
    padding-left: 10px;
}

h4.telekomStore-reserveTicket-h4 {
    margin-bottom: 5px;
}

@media (max-width: 767px) {

    .korisnicka-poddrska-second-row .telekom-prodavnici a.reserve-ticket-button {
        padding: 7px 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {


    .korisnicka-poddrska-second-row .telekom-prodavnici a.reserve-ticket-button {
        display: block;
        width: 45%;
    }
}

@media (max-width: 374px) {

    .korisnicka-poddrska-second-row .telekom-prodavnici a.reserve-ticket-button {
        display: block;
        width: 60%;
    }
}


/*office complete april 2017*/

.officeCompleteGreenBoxRelative {
    position: relative;
}

.officeCompleteGreenBoxAbsolute {
    position: absolute;
    background-color: #cfd873;
    width: 100%;
    height: 168px;
    top: 151px;
    opacity: 0.5;
}

.white-border.bigger.mgn-business.officeCompleteNewApril {
    background: transparent;
}

@media (min-width: 992px) {

    .white-border.bigger.mgn-business.officeCompleteNewApril {
        height: 340px;
    }

        .white-border.bigger.mgn-business.officeCompleteNewApril img {
            width: 100%;
            height: 1px;
        }

    .gray-border.officeCompleteBorderNewApril {
        /*height: 280px;*/
        height: 310px;
    }

    .col-sm-1 .gray-border:last-of-type {
        height: 290px !important;
    }

    .col-sm-1 .free-space {
        height: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .white-border.bigger.mgn-business.officeCompleteNewApril {
        height: 395px;
    }

    .gray-border.officeCompleteBorderNewApril {
        height: 335px;
    }


    .officeCompleteGreenBoxAbsolute {
        height: 168px;
        top: 226px;
    }

    .white-border.bigger.mgn-business.officeCompleteNewApril img {
        width: 100%;
        height: 1px;
    }
}

.officeCompleteNewApril .officeCompleteBorderGray img {
    width: 100%;
    height: 1px;
}

.officeCompleteGreenBoxRelative p {
    margin: 10px 0 !important;
}


@media (max-width: 767px) {

    .white-border.bigger.mgn-business.officeCompleteNewApril ul {
        margin-bottom: 0;
    }
}




/*#region smart-april-izmeni*/

.smart-cool-table-box .calcCoolSim {
    background: #fff;
    padding-top: 0;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    width: 64.2%;
    float: right;
    margin-right: 15px;
    text-align: center;
}

.smart-cool-table-box .row .magenta-box-choose:nth-child(2) .calcCoolSim {
    float: left;
    margin-left: 15px;
}

.smart-cool-table-box ul li {
    margin-left: 0px;
    background-image: none;
    padding-left: 0;
    font-size: 17px;
}

.smart-cool-table-box ul li {
    padding: 10px 20px 10px !important;
    line-height: 1.2;
    margin-bottom: 0;
}

.smart-cool-table-box .calcCoolSim h2 {
    font-weight: normal;
    font-size: 35px;
    text-align: center;
    font-family: teleNeo-thin !important;
    padding: 20px 0px 10px;
    margin-bottom: 0px;
}

.smart-cool-table-box .price.coolSimPrice {
    text-align: center;
    font-size: 18px;
    color: #e20074;
    padding: 13px 20px;
    -webkit-box-shadow: inset 0 5px 10px -8px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 5px 10px -8px rgba(0,0,0,.3);
    box-shadow: inset 0 5px 10px -8px rgba(0,0,0,.3);
    margin-top: 15px;
}

.smart-cool-table-box .cool-magenta {
    color: #e20074;
}

.smart-cool-table-box .price.coolSimPrice span {
    color: #e20074;
    font-size: 22px;
}

.smart-cool-table-box .calcCoolSim ul {
    min-height: 260px;
    padding: 0px 0px;
}

.smart-cool-table-box {
    margin-bottom: 50px;
}

    .smart-cool-table-box span.promoInternetSmartApril {
        text-decoration: line-through;
    }

.smart-table.smart-tariff-m.xmas2017 {
    position: relative;
}

.smart-table.smart-tariff-s {
    position: relative;
}

    .smart-table.smart-tariff-s img.smart-s-ec {
        position: absolute;
        right: -5%;
        z-index: 999;
        top: -26px;
        width: 90px;
    }


.coolSmartTitle h3 {
    font-family: teleNeo-thin !important;
    font-size: 34px;
    text-align: center;
    margin-top: 0;
    line-height: 1;
    margin-bottom: 35px;
    margin-top: 70px;
}

.smartAprilPromoTitle {
    margin-top: 30px;
}

    .smartAprilPromoTitle h2 {
        font-size: 20px;
        font-family: teleNeo-bold !important;
        color: #333 !important;
        text-transform: none !important;
        margin-bottom: 0px;
        padding-bottom: 5px;
        text-align: center;
    }

img.coolSmartImg {
    margin-top: 20px;
}


@media (max-width:767px) {
    .container-txt-slider-btn {
        margin: 0 15px;
    }

    .smart-cool-table-box .calcCoolSim {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .smart-cool-table-box .row .magenta-box-choose:nth-child(2) .calcCoolSim {
        margin-left: 0px;
    }

    .smart-cool-table-box {
        margin-bottom: 10px;
    }

    .coolSmartTitle h3 {
        font-size: 27px;
        margin-top: 30px;
    }

    .smartAprilPromoTitle .smart-pt3 {
        font-size: 18px;
    }

    .smartAprilPromoTitle h2 {
        font-size: 18px;
    }

    .smartAprilPromoTitle {
        margin-top: 10px;
    }
}



#carouselSmartCool .carousel-indicators {
    display: table;
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 15;
    width: 80%;
    padding-left: 0;
    margin: 0 auto;
    text-align: center;
    list-style: none;
    height: 30px;
    margin-bottom: -1px;
    padding-top: 10px;
}


    #carouselSmartCool .carousel-indicators li:first-child {
        border-left: 1px solid #cacaca;
    }

    #carouselSmartCool .carousel-indicators .active {
        background: #fff;
        color: #333;
        border-bottom: 0;
        border-top: 2px solid #e20074;
        -webkit-transition: background 0.4s linear;
        -moz-transition: background 0.4s linear;
        -ms-transition: background 0.4s linear;
        -o-transition: background 0.4s linear;
        transition: background 0.4s linear;
    }

    #carouselSmartCool .carousel-indicators li {
        display: table-cell;
        border: none;
        border-radius: 0;
        width: 32.7%;
        height: auto;
        background: #f5f5f5;
        border-top: 1px solid #cacaca;
        border-right: 1px solid #cacaca;
        border-bottom: 1px solid #cacaca;
        text-indent: 0;
        font-size: 22px;
        padding-bottom: 0px;
        padding-left: 0;
        vertical-align: middle;
        text-align: center;
        -webkit-transition: background 0.4s linear;
        -moz-transition: background 0.4s linear;
        -ms-transition: background 0.4s linear;
        -o-transition: background 0.4s linear;
        transition: background 0.4s linear;
        position: relative;
    }

    #carouselSmartCool .carousel-indicators li {
        font-size: 17px;
        /* line-height: 0.9; */
    }

#carouselSmartCool .carousel-inner {
    overflow: visible;
    border-top: 1px solid #cacaca;
    background: white;
}

    #carouselSmartCool .carousel-inner > .item {
        background: #fff;
        padding: 10px;
    }

#carouselSmartCool .calcTariffToChoose {
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    margin: 10px 0px !important;
}

#carouselSmartCool .calcTariffToChoose {
    background: transparent;
    padding: 15px;
}

    #carouselSmartCool .calcTariffToChoose ul {
        position: relative;
        padding: 0;
        min-height: 0 !important;
    }

    #carouselSmartCool .calcTariffToChoose ul {
        min-height: 0;
        margin-bottom: 20px;
    }

        #carouselSmartCool .calcTariffToChoose ul li {
            background: none;
            padding-left: 0;
            margin-left: 0;
            margin-top: 10px;
            font-size: 17px;
            line-height: 1.2;
        }


    #carouselSmartCool .calcTariffToChoose:not(.previewMobile) .price {
        position: relative;
    }

    #carouselSmartCool .calcTariffToChoose .price {
        font-size: 23px;
        margin-top: 0;
        padding-top: 8px;
    }

    #carouselSmartCool .calcTariffToChoose .price {
        text-align: right;
        font-size: 22px;
        color: #e20074;
    }

        #carouselSmartCool .calcTariffToChoose .price span {
            font-size: 23px;
        }

#carouselSmartCool .carousel-inner > .item {
    background: #fff;
    padding: 10px;
    margin: 0 15px !important;
}

#carouselSmartCool {
    margin: 0 -25px;
    background: #ebebeb !important;
}

    #carouselSmartCool .magenta-march-internet-no-promo {
        text-decoration: line-through;
    }

    #carouselSmartCool .magenta-march-internet-promo {
        font-family: 'teleNeo-bold' !important;
        font-size: 17px;
        color: #e20074;
    }

    #carouselSmartCool .one-t-dicklaimer-message {
        z-index: 9999;
        right: -87.6406px;
        left: auto;
    }

        #carouselSmartCool .one-t-dicklaimer-message p {
            display: block;
        }

    #carouselSmartCool span.tooltipArr {
        right: 82.6406px;
        left: auto;
    }

    #carouselSmartCool .one-t-dicklaimer-message:before {
        left: 45%;
    }



@media (max-width:374px) {

    #carouselSmartCool .one-t-dicklaimer-message {
        right: -42.6406px;
    }

        #carouselSmartCool .one-t-dicklaimer-message:before {
            left: 69%;
        }
}





/*#endregion smart-april-izmeni*/


/* Modal korekcii april*/

body.modal-open {
    overflow: hidden;
}

body .modal-open {
    overflow: hidden;
}

/*#region smart-promotion-04-05*/
#smartTooltip.redesign-prices .panel-group#accordion .panel-heading > .panel-title > a {
    background-color: transparent;
    padding: 5px 0px 17px;
}

#smartTooltip.redesign-prices .panel-group#accordion .panel.panel-default {
    border: 0px solid;
    box-shadow: none;
    border-radius: 4px;
}

#smartTooltip.redesign-prices .panel-group {
    margin-bottom: 0px;
}

.smart-tarifi-wrapper .smart-table .smartPanelBox {
    padding: 0;
}


#smartTooltip.redesign-prices .panel-group#accordion .panel-heading > .panel-title > a.collapsed {
    /*background-image: url(../images/arrow_down_gray.png) !important;
        background-position: right 10px center;
        background-size: auto;*/
    background-image: none !important;
    color: #333;
    font-size: 15px;
}

#smartTooltip.redesign-prices .panel-group#accordion .panel-heading > .panel-title > a {
    /*background-image: url(../images/arrow_up_magenta.png) !important;
    background-position: right 10px center;*/
    background-image: none !important;
    color: #e20074;
    background-size: auto;
    font-size: 15px;
}

#smartTooltip.redesign-prices .smart-pt15.smart-pb15.smart-tarifi-mart-ceni img {
    height: auto;
    margin: 0;
    position: absolute;
    right: 5px;
    top: -7px;
}

#smartTooltip.redesign-prices .panel-body {
    padding: 3px 15px 8px 15px;
}

.smart-tarifi-wrapper .smart-table .smartPanelBox .panel-group#accordion .panel-heading {
    padding: 0px 20px;
    border-radius: 0px;
    text-align: center;
}

#smartTooltip.redesign-prices .smart-opcija-familija .panel-body {
    margin-bottom: 15px;
}

#smartTooltip.redesign-prices .smart-table .smart-msg {
    padding-top: 45px;
    margin: 0px;
    line-height: 1;
}

#smartTooltip.redesign-prices .smart-table .smart-mart-black-price .p-left-smart span.price2,
#smartTooltip.redesign-prices .smart-table .smart-mart-black-price .p-right-smart .p-rates, #smartTooltip.redesign-prices .smart-table .smart-mart-black-price .p-right-smart .p-currency {
    color: #333;
}

.smart-priceWraper .p-rates, .smart-priceWraper .p-currency {
    font-size: 11px;
    line-height: 1;
}

#smartTooltip.redesign-prices .smart-table .smart-mart-black-price .p-right-smart, #smartTooltip.redesign-prices .smart-table .smart-tarifi-mart-ceni .p-right-smart {
    padding-top: 7px;
}

@media screen and (max-width: 767px) {

    #smartTooltip.redesign-prices .smart-table {
        border: 1px solid #e20074;
    }

    .smart-tarifi-wrapper .smart-table.smart-tariff-m {
        box-shadow: none;
    }
}

/*#endregion smart-promotion-04-05*/
/*#region  button za magenta1 biznis kalkulator*/
#mag1BusinessServices button.btn.btn-default.btn-mgn-zakazi-sostanok {
    border: 0;
    padding: 0;
    width: auto;
    outline: none;
    height: auto;
    position: relative;
    right: 0;
    left: 0;
    margin: auto;
}

@media(min-width: 992px) {
    #mag1BusinessServices div#zakazete-sostanok-wrapper {
        width: auto;
        padding: 30px 15px;
        margin-left: -155px;
        background-image: url(/content/images/magenta1-bussines/sostavuvanje-paket.png);
        background-size: contain;
        background-position: center bottom;
        background-repeat: no-repeat;
        border: 1px solid #dbdbdb;
        background-color: #ececec;
        z-index: 9999;
    }

    #mag1BusinessServices button.btn.btn-default.btn-mgn-zakazi-sostanok {
        background-color: transparent;
        top: 0px;
        color: black;
        font-size: 16px;
        font-family: 'teleNeo-medium';
        line-height: 1.1;
    }
}

@media(max-width: 991px) {
    #mag1BusinessServices button.btn.btn-default.btn-mgn-zakazi-sostanok {
        height: 0px !important;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    #mag1BusinessServices div#zakazete-sostanok-wrapper {
        margin-left: 0px;
        width: 68px !important;
        height: 68px;
        padding: 14px 17px !important;
        background-image: none;
        text-align: center;
    }
}

@media (max-width: 1350px) and (min-width: 992px) {
    #mag1BusinessServices div#zakazete-sostanok-wrapper {
        margin-left: 0px;
    }
}

#mag1BusinessServices button.btn.btn-default.btn-mgn-zakazi-sostanok .magenta1-paket {
    color: #e20074;
    font-family: 'teleNeo-ultra';
}

#mag1BusinessServices div#zakazete-sostanok-wrapper:after {
    margin-right: -38px;
    margin-top: -19px;
    border-left-color: #e7e7e7;
}

#mag1BusinessServices div#zakazete-sostanok-wrapper {
    text-align: center;
}

#mag1BusinessServices .zakazete-sostanok-fixed-wrapper {
    z-index: 99;
    margin-left: 0px;
}

.blue-promotion-box-pantheon {
    margin-bottom: 0px;
}

.magnenta-light-promotion-box-pantheon .promotivno-pantheon {
    background-color: #f1e6f0;
    color: #333;
    padding: 10px;
}

    .magnenta-light-promotion-box-pantheon .promotivno-pantheon h3 {
        padding-bottom: 15px;
        margin: 0px;
        text-align: center;
    }

@media(min-width:1200px) {
    #mag1BusinessServices .zakazete-sostanok-fixed-wrapper {
        z-index: 99;
        margin-left: -50px;
    }
}

@media (max-width: 1350px) and (min-width: 992px) {
    div#zakazete-sostanok-wrapper {
        margin-left: 0px;
    }
}
/*#endregion button za magenta1 biznis kalkulator*/


/*#region PenzioneriTarifa*/

.penzioneriTarifaBox {
    background: #f8f8f8;
    padding: 20px 15px 20px 10px;
}

.penzioneri-box-list {
    border-right: 1px solid #cbcbcb;
    padding-right: 25px;
}

    .penzioneri-box-list > ul {
        min-height: 119px;
    }

.penzioneriTarifaBox .penzioneri-box-cena {
    display: table;
    float: right;
}

    .penzioneriTarifaBox .penzioneri-box-cena .p-left-smart {
        display: table-cell;
        vertical-align: middle;
    }

    .penzioneriTarifaBox .penzioneri-box-cena .p-right-smart {
        display: table-cell;
        vertical-align: middle;
        padding-left: 10px;
    }

    .penzioneriTarifaBox .penzioneri-box-cena .p-currency {
        border-bottom: 1px solid #e20074;
    }

.penzioneriTarifaBox .penzioneri-box-poklon p {
    font-family: 'teleNeo-bold' !important;
    color: #e20074;
    line-height: 1.2;
    font-size: 17px;
    margin: 0;
    padding-bottom: 26px;
}

.penzioneriTarifaBox .penzioneri-box-poklon {
    position: relative;
    padding: 0px 46px 0px 25px;
}

    .penzioneriTarifaBox .penzioneri-box-poklon > img {
        position: absolute;
        right: 15px;
        top: 14px;
    }

.penzioneri-box-poklon-img {
    text-align: right;
}




@media (max-width: 767px) {

    .penzioneriTarifaBox {
        width: 100%;
    }

    .penzioneri-box-list {
        border-right: none;
        border-bottom: 1px solid #cbcbcb;
        padding-right: 10px;
        padding-bottom: 20px;
    }

    .penzioneriTarifaBox {
        padding: 20px 0;
    }

        .penzioneriTarifaBox .penzioneri-box-poklon > img {
            right: 5px;
            top: 30px;
        }

        .penzioneriTarifaBox .penzioneri-box-poklon {
            padding: 20px 30px 0px 15px;
        }
}


@media (max-width: 374px) {

    .penzioneriTarifaBox .penzioneri-box-poklon {
        padding: 20px 20px 0px 0px;
    }

        .penzioneriTarifaBox .penzioneri-box-poklon > img {
            right: 0px;
        }

    .penzioneriTarifaBox ul li {
        margin-left: 0px;
    }

    .penzioneriTarifaBox h2 {
        font-size: 21px;
        text-align: center;
    }

    .penzioneri-box-list {
        padding-right: 0px;
    }
}


/*#endregion PenzioneriTarifa*/




/*#region PinkPaketi*/

.pink-channels h4 {
    border: 1px solid #F3F3F3;
    padding: 10px;
    min-height: 105px;
    margin: 0 0 7px 0;
    text-align: center;
    line-height: 12px;
}

.pink-channels .p5-pink {
    padding-left: 5px;
    padding-right: 5px;
}

.pink-channels > .row {
    margin-right: -5px;
    margin-left: -5px;
}

p.pink-channels-pl20 {
    padding-left: 20px;
}

.pink-channels h4 span {
    font-size: 14px;
    height: 40px;
}

.channels-gray-pink {
    background-color: #f3f3f3;
    padding: 10px 20px;
    text-align: left;
    display: table;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 35px;
}

    .channels-gray-pink h2 {
        display: table-cell;
        vertical-align: middle;
        padding-right: 15px;
        font-size: 25px;
    }

    .channels-gray-pink .p-uredi-cena {
        margin: 0px auto;
        width: 100%;
        max-width: 160px;
        display: table-cell;
        vertical-align: middle;
    }

    .channels-gray-pink .p-right {
        float: left;
    }

    .channels-gray-pink .p-left {
        width: auto;
    }

    .channels-gray-pink .p-currency {
        border-bottom: 1px solid #e20074;
    }

    .channels-gray-pink span.price2 {
        font-size: 28px;
        line-height: 28px;
    }

    .channels-gray-pink .p-currency {
        font-size: 10px;
        line-height: 12px;
    }

    .channels-gray-pink .p-rates {
        font-size: 10px;
        line-height: 13px;
    }

.pink-channels h4:hover {
    background-color: #f6f5f5;
}

/*@media (min-width: 1200px) {

.pink-channels .p5-pink.col-lg-2 {
        width: 11.11%;
    }

}*/

@media (min-width: 992px) {

    .pink-channels .p5-pink.col-lg-2, .pink-channels .p5-pink.col-md-2 {
        width: 11.11%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .pink-channels .p5-pink.col-sm-2 {
        width: 14.28%;
    }
}


/*#endregion PinkPaketi*/
/*#region biznis promocija landing*/
#magenta1-biznis-wraper .white-back .mb-service-boxes {
    width: 100%;
}

    #magenta1-biznis-wraper .white-back .mb-service-boxes .mb-service-box img {
        float: none;
        padding-right: 0px;
    }

    #magenta1-biznis-wraper .white-back .mb-service-boxes .mb-service-box {
        text-align: center;
    }

#magenta1-biznis-wraper .mb-service-boxes h2 {
    min-height: 75px;
}

#magenta1-biznis-wraper .mb-service-box.iicloudRuterEC {
    position: relative;
}

#magenta1-biznis-wraper .m1b-soveti-box, #magenta1-biznis-wraper .m1b-sostaviPaket-box {
    padding: 20px 20px 20px 65px;
    background-repeat: no-repeat;
    background-position: left 15px top 24px;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    margin-bottom: 20px;
    box-shadow: 1px 5px 15px 0px rgba(0, 0, 0, 0.08);
    background-size: 35px;
    text-align: left;
}

#magenta1-biznis-wraper .m1b-adviceBox-new h3 {
    min-height: 46px;
    margin: 3px 0 5px;
    font-size: 21px;
    font-size: 21px;
    width: 90%;
}

#magenta1-biznis-wraper .m1b-adviceBox-new p {
    min-height: 70px;
    margin: 0;
    padding-top: 5px;
    font-size: 17px;
    line-height: 1.2;
}

.m1b-adviceBox-new {
    margin-top: 40px;
}

#magenta1-biznis-wraper .m1b-sostaviPaket-box {
    background-image: url(../content/images/magenta1-bussines/m1b-calculate.png);
}

#magenta1-biznis-wraper .m1b-soveti-box {
    background-image: url(../content/images/magenta1-bussines/m1b-icon-sostanok.png);
}

#magenta1-biznis-wraper img.iicloudRuterEC-img {
    position: absolute;
    right: -15px;
    top: -35px;
}

#magenta1-biznis-wraper .m1b-box.white-back p.txt-description {
    /*min-height: 70px;*/
    min-height: 110px;
}

#magenta1-biznis-wraper .m1b-box.white-back p.type-of-boxes {
    display: inline-block;
    float: left;
}

#magenta1-biznis-wraper .mb-service-box > div {
    width: 80%;
    margin-top: 25px;
}

    #magenta1-biznis-wraper .mb-service-box > div > p:nth-child(2) {
        float: right;
        display: inline-block;
    }

#magenta1-biznis-wraper .m1b-box.m1b-mag2-back .mb-uslugi2-box h3 {
    min-height: 115px;
    font-size: 21px;
}

#magenta1-biznis-wraper .m1b-box.m1b-mag2-back .m1b-uslugi-box {
    margin: 0px;
}

#magenta1-biznis-wraper .box-button .choose-package {
    margin: 40px 0 10px;
    background: #fff;
    color: #e20074;
    display: inline-block !important;
}



@media (min-width:768px) and (max-width:991px) {

    #magenta1-biznis-wraper img.iicloudRuterEC-img {
        position: absolute;
        right: 12%;
        top: 3px;
    }
}



@media (max-width:767px) {
    #magenta1-biznis-wraper .mb-service-boxes h2 {
        min-height: 20px;
    }

    #magenta1-biznis-wraper .box-button .choose-package {
        white-space: inherit;
    }

    #magenta1-biznis-wraper .magenta-promotivno-custom .col-md-3 {
        width: 100% !important;
    }

    #magenta1-biznis-wraper .m1b-adviceBox-new .pr7 {
        padding-right: 15px !important;
    }

    #magenta1-biznis-wraper .m1b-adviceBox-new .pl7 {
        padding-left: 15px !important;
    }

    #magenta1-biznis-wraper .m1b-adviceBox-new p {
        min-height: auto;
        margin-bottom: 20px;
    }

    #magenta1-biznis-wraper .m1b-adviceBox-new h3 {
        font-size: 18px;
        width: 100%;
    }

    #magenta1-biznis-wraper .m1b-adviceBox-new {
        margin-top: 30px;
    }
}

#magenta1-biznis-wraper .box-button .choose-package:hover {
    background: rgba(255,255,255,0.8);
}

#magenta1-biznis-wraper .magenta-promotivno-custom .col-md-3 {
    width: 20%;
}

#magenta1-biznis-wraper button.btn.btn-default.btn-mgn-zakazi-sostanok {
    border: 0;
    padding: 0;
    width: auto;
    outline: none;
    height: auto;
    position: relative;
    right: 0;
    left: 0;
    margin: auto;
}

@media(min-width: 768px) {
    #magenta1-biznis-wraper div#zakazete-sostanok-wrapper {
        width: auto;
        padding: 30px 15px;
        margin-left: -155px;
        background-image: url(/content/images/magenta1-bussines/sostavuvanje-paket.png);
        background-size: contain;
        background-position: center bottom;
        background-repeat: no-repeat;
        border: 1px solid #dbdbdb;
        background-color: #ececec;
        z-index: 998;
    }

    #magenta1-biznis-wraper button.btn.btn-default.btn-mgn-zakazi-sostanok {
        background-color: transparent;
        top: 0px;
        color: black;
        opacity: 1;
        visibility: inherit;
        font-size: 16px;
        font-family: 'teleNeo-medium';
        line-height: 1.1;
    }
}

@media(max-width: 767px) {
    #magenta1-biznis-wraper button.btn.btn-default.btn-mgn-zakazi-sostanok {
        height: 0px !important;
    }
}

@media (max-width: 1350px) and (min-width: 768px) {
    #magenta1-biznis-wraper div#zakazete-sostanok-wrapper {
        margin-left: 0px;
    }
}

#magenta1-biznis-wraper .m1b-box.m1b-mag2-back .mb-uslugi2-box h3 {
    min-height: 90px;
}

#magenta1-biznis-wraper button.btn.btn-default.btn-mgn-zakazi-sostanok .magenta1-paket {
    color: #e20074;
    font-family: 'teleNeo-ultra';
}

#magenta1-biznis-wraper div#zakazete-sostanok-wrapper:after {
    margin-right: -38px;
    margin-top: -19px;
    border-left-color: #e7e7e7;
}
/*#endregion biznis promocija landing*/


/*#region biznis mobilen internet doma*/

h1.mob-internet-doma-title {
    color: #e20074;
}

.mobilen-internet-doma-table .row.mob-internet-doma-ceni-row .form-radio-js {
    width: 22px;
    height: 22px;
    font-size: 24px;
    padding: 0;
    border: 0;
    background-color: #ededed;
    border-radius: 50%;
    font-family: 'TeleIconUi';
    line-height: 10px;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

    .mobilen-internet-doma-table .row.mob-internet-doma-ceni-row .form-radio-js.mob-internet-doma-so-ddv, .mobilen-internet-doma-table .row.mob-internet-doma-ceni-row .form-radio-js.mob-internet-doma-bez-ddv, .mobilen-internet-doma-table .row.mob-internet-doma-ceni-row .form-radio-js.mob-internet-doma-so-ddv-2, .mobilen-internet-doma-table .row.mob-internet-doma-ceni-row .form-radio-js.mob-internet-doma-bez-ddv-2 {
        display: inline-block;
        cursor: pointer;
        BACKGROUND-COLOR: #DEDEDE;
    }

.mobilen-internet-doma-table .row.mob-internet-doma-ceni-row span.text-right-bez-ddv, .mobilen-internet-doma-table .row.mob-internet-doma-ceni-row span.text-right-so-ddv {
    margin-left: 10px;
}

.mobilen-internet-doma-table .row.mob-internet-doma-ceni-row span.text-right-bez-ddv-2, .mobilen-internet-doma-table .row.mob-internet-doma-ceni-row span.text-right-so-ddv-2 {
    margin-left: 10px;
}

.mobilen-internet-doma-table .row.mob-internet-doma-ceni-row .form-radio-js.focus, .mobilen-internet-doma-table .row.mob-internet-doma-ceni-row .form-radio-js:focus {
    outline: 0;
}

.mobilen-internet-doma-table .row.mob-internet-doma-ceni-row input.cmn-toggle-round-flat:checked + label:after {
    background-color: #ffffff;
    border: 2px solid #bd488c;
    left: 16px;
    margin-left: 0 !important;
}

.mobilen-internet-doma-table .row.mob-internet-doma-ceni-row input.cmn-toggle-round-flat:checked + label {
    background-color: #e20074;
    border: 2px solid #bd488c;
}

.mobilen-internet-doma-table .row.mob-internet-doma-ceni-row .form-radio-js.checked > .check:before {
    content: 'D';
}

.mobilen-internet-doma-table .row.mob-internet-doma-ceni-row .dopolnitelni-uslugi-wrapper-row-ceni .form-radio-js.checked > .check:before {
    font-size: 24px;
}

.mobilen-internet-doma-table .row.mob-internet-doma-ceni-row .form-radio-js > .check {
    font-size: 24px;
    position: absolute;
    top: 5px;
    left: -1px;
    color: #e20074;
}

.mobilen-internet-doma-table .row.mob-internet-doma-ceni-row .mob-internet-doma-bez-ddv, .mobilen-internet-doma-table .row.mob-internet-doma-ceni-row .switch.mob-internet-doma-bez-ddv-2 {
    text-align: right;
}

.mobilen-internet-doma-table > h3 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 16px;
}

.mobilen-internet-doma-magenta {
    color: #e20074 !important;
}

.mobilen-internet-doma-magenta-uppercase {
    color: #e20074;
    text-transform: uppercase;
}

.mobilen-internet-intro {
    margin-bottom: 25px;
}


@media (max-width:767px) {

    .mobilen-internet-doma-table > h3 {
        font-size: 17px;
    }
}

/*#endregion biznis mobilen internet doma*/


/*#region smart juni promocija */

span.promoInternetSmartNew {
    text-decoration: line-through;
}

.promoSmartSmallText {
    font-size: 14px;
}

.telekom-p-small-text-2017 {
    font-size: 14px !important;
}



/*#endregion smart juni promocija */


/*#region nov broj juni promocija */

.telekom-p-small-text-2017 {
    font-size: 14px;
}

.telekom-magenta-color {
    color: #e20074 !important;
}

img.ec-nov-broj-june.hidden-xs {
    position: absolute;
    right: 30px;
    top: 30px;
}

.nov-broj-pripejd-box a {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

/*#endregion nov broj juni promocija */


/*#region travel-and-surf-juni-2017 */


.travel-and-surf-box-june .help-box-blue.box-without-height {
    min-height: auto;
}

    .travel-and-surf-box-june .help-box-blue.box-without-height h1:first-of-type {
        padding-bottom: 0px !important;
        margin-top: 0px !important;
    }

span.bts-old-no-promo {
    text-decoration: line-through;
}

span.bts-new-promo {
    font-family: 'teleNeo-bold' !important;
    color: #e20074;
}


.bts-june-new#bts ul.bts-radio-buttons li {
    font-size: 20px;
    padding-left: 40px;
    position: relative;
}

    .bts-june-new#bts ul.bts-radio-buttons li:before {
        content: '';
        display: block;
        position: absolute;
        left: 15px;
        top: 0px;
        right: auto;
        background: #b7b7b7;
        border-radius: 50%;
        background: #b7b7b7;
        padding: 5px;
        border: 6px solid #dedede;
    }

    .bts-june-new#bts ul.bts-radio-buttons li.active:before {
        background: #e20074;
    }

    .bts-june-new#bts ul.bts-radio-buttons li:hover {
        cursor: pointer;
    }

.bts-june-new#bts .bts-paket-ddv, .bts-paket-no-ddv {
    display: none;
}

    .bts-june-new#bts .bts-paket-ddv.active-price, .bts-paket-no-ddv.active-price {
        display: block;
    }

.bts-june-new#bts ul.bts-radio-buttons li {
    background-image: none !important;
    padding-left: 44px;
    font-size: 15px;
    display: inline-block;
    margin-left: 0;
}
/*.bts-june-new#bts  ul.bts-radio-buttons {
        margin-bottom: 0px !important;
    }*/

.bts-june-new#bts ul.bts-radio-buttons {
    margin-bottom: 25px;
}

.travel-and-surf-box-june > img {
    position: absolute;
    right: 40px;
    top: 60px;
}



@media (max-width:767px) {

    .bts-june-new#bts ul.bts-radio-buttons li {
        margin-left: 0;
    }
}


/*#endregion travel-and-surf-juni-2017 */


/*#region sim-card-juni-2017 */


div#prepaid-holder .col-lg-7.pr0-june .phone-tarrif-captions-hold-wrapper {
    width: 65%;
}

div#prepaid-holder .col-lg-7.pr0-june .simCardJune {
    width: 85%;
}


.simCardJune ul li {
    line-height: 1.2 !important;
    display: block;
    background-image: url(../images/list-bullet.png);
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 145%;
    font-size: 14px;
    margin-bottom: 7px;
}


@media screen and (min-width: 768px) and (max-width: 991px) {

    .simcard-details .pr0-june {
        padding-right: 0px !important;
    }

    .simCardJune ul li {
        line-height: 1.1 !important;
        font-size: 12px;
    }

    div#prepaid-holder .col-sm-7.pr0-june .phone-tarrif-captions-hold-wrapper {
        width: 85%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .simCardJune ul li {
        line-height: 1.1 !important;
    }

    div#prepaid-holder .col-md-7.pr0-june .phone-tarrif-captions-hold-wrapper {
        width: 75%;
    }
}

@media (max-width: 767px) {

    div#prepaid-holder .col-xs-12.pr0-june .phone-tarrif-captions-hold-wrapper {
        width: 100%;
    }

    #prepaid-holder.simcard-details .white-box.white-box-details > .one-t-product > .one-t-product-img-wrapper {
        width: auto !important;
    }
}


/*#endregion sim-card-juni-2017 */


/*#region prepaid-june-2017*/
.home-one.prePaid {
    position: relative;
    height: 100%;
    padding-bottom: 80px;
}

.prepaid-new-box {
    background: url(../content/images/telekom_prepaid_web-full-banner-v2.jpg);
    background-repeat: no-repeat;
    min-height: 420px;
    /*margin-bottom: 15px;*/
    background-position: center center;
}

    .prepaid-new-box .prepaid-new-textBox {
        padding: 50px 0 0 0;
    }

    .prepaid-new-box .dopolni-pripejd-kredit .iframe iframe {
        /*background-color: rgba(194,194,194,0.47) !important;*/
        /*background-color: rgba(255,255,2555,0.47) !important;*/
        background: transparent !important;
    }

    .prepaid-new-box h2.dopolni-kredit {
        margin-bottom: 10px;
        color: rgb(51, 51, 51);
        font-family: 'teleNeo-regular' !important;
    }

    .prepaid-new-box .dopolni-pripejd-kredit .iframe {
        padding: 20px 0 10px;
        border-top: none;
        padding-top: 10px;
    }

    .prepaid-new-box .aktiviraj-paket-new h2 {
        font-family: 'teleNeo-ultra' !important;
        font-size: 52px;
        background: url(../content/images/prepaid-aktiviraj-paket-magenta-box.png);
        background-repeat: no-repeat;
        background-size: contain;
        margin: 0;
        padding: 15px 0 33px 25px;
        margin-bottom: 47px;
        color: white;
    }


    .prepaid-new-box .aktiviraj-paket-new li {
        display: inline-block;
        margin-right: 27px;
        min-width: 140px !important;
    }

        .prepaid-new-box .aktiviraj-paket-new li a {
            display: block;
            font-size: 18px;
            padding: 6px 20px;
        }

            .prepaid-new-box .aktiviraj-paket-new li a:hover {
                text-decoration: none;
            }

.prepaid-box-redesign {
    padding: 25px 20px 25px 34px;
    margin-bottom: 0;
}

    .prepaid-box-redesign a.btn.btn-grey {
        font-size: 18px;
        padding: 6px 20px;
    }

    .prepaid-box-redesign h2 {
        font-family: 'teleNeo-bold' !important;
        color: inherit;
        font-size: 30px;
        text-transform: uppercase;
    }

.prepaid-landing-bannerBox {
    background-image: url(../content/images/razgovaraj-opusteno-prepaid-full-baner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 375px;
    background-position: center center;
    margin-bottom: 10px;
}

    .prepaid-landing-bannerBox.prepaid-landing-bannerBox-sq {
        background-image: url(../content/images/razgovaraj-opusteno-prepaid-full-baner-sq.jpg);
    }

    .prepaid-landing-bannerBox.prepaid-landing-bannerBox-en {
        background-image: url(../content/images/razgovaraj-opusteno-prepaid-full-baner-en.jpg);
    }



.prepaid-box-redesign h3 {
    text-transform: uppercase;
    min-height: 100px;
    font-family: 'teleNeo-regular' !important;
    padding-bottom: 20px;
}

.prepaid-box-redesign.prepaid-cool-plus {
    background-color: #a2dafb;
    position: relative;
}

/*    .prepaid-box-redesign.prepaid-cool-plus:after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        top: 0;
        right: -100%;
        bottom: 0;
        background-color: #a2dafb;
    }*/

.prepaid-box-redesign.prepaid-nov-broj {
    background-color: #cfd873;
    position: relative;
    padding-left: 30px;
}

/*    .prepaid-box-redesign.prepaid-nov-broj:after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        top: 0;
        left: -100%;
        bottom: 0;
        background-color: #cfd96d;
    }*/

.prepaid-new-box .dopolni-pripejd-kredit .iframe iframe {
    padding: 0;
    height: 220px;
    background-image: none;
    padding-top: 20px;
}

.prepaid-card-image-box h2.blue-background {
    background-color: rgba(162,218,251,0.83);
    padding: 12px;
    bottom: 0px;
    left: 0;
    position: absolute;
    right: 0;
    margin: 0px;
    font-family: 'teleNeo-bold' !important;
}

.prepaid-card-image-box h2.green-background {
    background-color: rgba(207,216,113,0.83);
    padding: 12px;
    bottom: 0px;
    left: 0;
    position: absolute;
    right: 0;
    margin: 0px;
    font-family: 'teleNeo-bold' !important;
}

.pripejd-list li {
    display: block;
    background-image: url(../images/list-bullet.png);
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
}

.prepaid-new-box .container .row {
    margin-right: -7px;
    margin-left: -7px;
}

@media (min-width: 768px) {

    .prepaid-new-box .collapse#collapsePay, .prepaid-new-box .collapsing#collapsePay, .prepaid-new-box .collapsed#collapsePay {
        display: block !important;
        height: auto !Important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .prepaid-landing-bannerBox {
        min-height: 355px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .prepaid-landing-bannerBox {
        min-height: 275px;
    }

    .prepaid-new-box .prepaid-new-textBox {
        padding: 50px 30px 0 0;
    }

    .prepaid-new-box .aktiviraj-paket-new {
        padding-left: 0;
    }

        .prepaid-new-box .aktiviraj-paket-new li {
            margin-right: 5px;
            min-width: 120px !important;
        }
}

@media (max-width: 767px) {

    .prepaid-new-box {
        background-position: center;
        padding: 0px;
    }

    .prepaid-box-redesign {
        padding-left: 20px;
    }

    .prepaid-new-box .aktiviraj-paket-new {
        padding: 20px 30px 20px 20px;
        background: url(../content/images/telekom_prepaid_web-banner.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-color: white;
    }

        .prepaid-new-box .aktiviraj-paket-new li {
            margin-right: 5px;
            margin-bottom: 10px;
            min-width: 120px !important;
        }

        .prepaid-new-box .aktiviraj-paket-new h2 {
            font-size: 22px;
            line-height: 1;
            padding-bottom: 40px;
            padding: 15px 0 33px 15px;
            max-width: 170px;
        }

    .prepaid-box-redesign h2 {
        font-size: 24px;
        min-height: auto;
        padding-bottom: 20px;
    }

    .prepaid-new-box {
        background: none;
        min-height: auto;
        margin-left: -15px;
        margin-right: -15px;
    }

        .prepaid-new-box .dopolni-pripejd-kredit .iframe iframe {
            height: 216px;
            padding: 20px;
            background-image: none;
            background-color: #f8f8f8 !important;
        }

        .prepaid-new-box .dopolni-pripejd-kredit a.collapsed {
            background-image: url(../images/dopolni-arrow-down.png);
        }

        .prepaid-new-box .dopolni-pripejd-kredit a {
            background-position: left 17px center;
            background-repeat: no-repeat;
            background-color: #e20074;
            padding: 17px 0px 17px 55px;
        }

        .prepaid-new-box .dopolni-pripejd-kredit a {
            background-image: url(../images/dopolni-arrow-up.png);
        }

        .prepaid-new-box h2.dopolni-kredit {
            color: white !important;
            font-family: teleNeo-regular !important;
            text-transform: none;
            margin-bottom: 5px;
        }

        .prepaid-new-box .dopolni-pripejd-kredit .iframe {
            padding: 0;
        }

    .prepaid-box-redesign h2, .prepaid-box-redesign h3 {
        min-height: 70px;
    }

    .prepaid-box-redesign.prepaid-nov-broj:after {
        content: none;
    }

    .prepaid-box-redesign.prepaid-nov-broj {
        padding-left: 20px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .prepaid-box-redesign {
        margin-bottom: 0px;
    }

        .prepaid-box-redesign.prepaid-cool-plus {
            margin-left: -15px;
            margin-right: -15px;
            margin-bottom: 10px;
        }

            .prepaid-box-redesign.prepaid-cool-plus:after {
                content: none;
            }

    .prepaid-new-box .container.p0 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .prepaid-landing-bannerBox {
        min-height: 140px;
        margin-left: -15px;
        margin-right: -15px;
        background-position: left 43% center;
    }



    .prepaid-new-box .prepaid-new-textBox {
        padding: 0;
    }
}




/*.prepaid-card-box-redesign .nov-broj-text-box {
    min-height: 320px;
}*/

@media(max-width:767px) {
    .prepaid-card-box-redesign .nov-broj-text-box {
        min-height: 0px;
    }
}

@media (min-width:768px)and (max-width:1199px) {
    .nov-broj-text-box {
        min-height: 346px;
    }
}

@media (max-width: 374px) {

    .prepaid-landing-bannerBox {
        min-height: 117px;
    }
}

/*#endregion prepaid-june-2017*/


/*#region privatni-notification-box*/

.notification-box {
    background-color: #fff3d9;
    padding: 13px 10px 13px 59px;
    color: black;
    margin-top: 7px;
    background-image: url(../images/notification-box-img.png);
    background-repeat: no-repeat;
    background-position: left 15px top 15px;
}

    .notification-box > p {
        font-family: teleNeo-medium;
        padding: 0 0 5px;
    }


/*#endregion privatni-notification-box*/


/*#region prepaid-karticki-new*/

.new-prepaid-karticka-price {
    float: left;
}

    .new-prepaid-karticka-price span {
        font-size: 31px;
    }

.prepaid-karticka-box a {
    float: right;
    margin-top: 6px;
}

.new-prepaid-karticka-price p {
    margin: 0;
    font-family: 'teleNeo-bold' !important;
    font-size: 24px;
}

.nov-broj-text-box {
    margin-bottom: 0px;
    min-height: 50px;
    margin-bottom: 25px;
}

.prepaid-card-box-redesign {
    padding: 15px 15px 10px;
    margin-bottom: 15px;
}

.prepaid-card-image-box img {
    width: 100%;
}

.prepaid-card-image-box {
    position: relative;
}


    .prepaid-card-image-box h2 {
        /*position: absolute;
    top: 23px;
    left: 23px;*/
        color: white;
        line-height: 1;
        text-transform: uppercase;
        font-size: 22px;
    }

.internet-prepaid-card-image-box h2 {
    position: absolute;
    bottom: 16px;
    left: 28px;
    top: auto;
}

.prepaid-card-magen-box {
}




/*#endregion prepaid-karticki-new*/
/*#region sms-dopolnitelni-paketi-juni-2017*/
.dopolnitelni-sms-17 {
    width: 100%;
}

.ultra-magenta-text {
    font-family: 'teleNeo-ultra' !important;
    text-transform: uppercase;
    color: #e20074;
    font-size: 23px;
}

.aktivacija-kopce {
    text-align: center;
}

#smartTooltip .dopolnitelni-paket.smart-tarifi-wrapper .smart-table span.tariff-title {
    font-family: 'teleNeo-ultra' !important;
    text-transform: uppercase;
    color: #e20074;
    font-size: 23px;
}
/*#endregion sms-dopolnitelni-paketi-juni-2017*/
/*smart juni promotion 2017*/
.smartJuniPromoTitle {
    margin-top: 10px;
}
/*smart juni promotion 2017*/




/*#region prepaid-razgovori*/

.prepaid-new-banner-box {
    position: relative;
}

    .prepaid-new-banner-box img.prepaid-new-banner-ec {
        position: absolute;
        top: 15px;
        right: 15px;
    }


@media (max-width : 767px) {

    .prepaid-new-banner-box img.prepaid-new-banner-ec {
        top: 5px;
        right: 2%;
        width: 60px;
    }
}


/*#endregion prepaid-razgovori*/




/*#region billing-project-go-live*/

p.under-banner-info-text {
    text-align: left;
    margin-top: -25px;
    margin-bottom: 10px;
    background-color: #fff3d9;
    padding: 15px 30px 15px 85px;
    color: black;
    background-image: url(../images/notification-box-img.png);
    background-repeat: no-repeat;
    background-position: left 30px top 19px;
    background-size: 25px;
}

li.moja-smetka-billing-info a {
    pointer-events: none;
    cursor: default;
}

li.moja-smetka-billing-info {
    position: relative;
}

.billing-dicklaimer-info {
    z-index: 9999;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 250px !important;
    bottom: 53px !important;
    right: 0;
    background: #404040 !important;
    border: 1px solid #404040 !important;
    border-radius: 6px !important;
    padding: 10px !important;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

    .billing-dicklaimer-info p {
        color: white !important;
        text-align: left;
    }

li.moja-smetka-billing-info:hover .billing-dicklaimer-info {
    visibility: visible;
    opacity: 1;
}


.billing-dicklaimer-info p {
    color: #ffffff;
    font-size: 13px !important;
}

.payOnlineBoxFooter.payOnlineBox-billing {
    position: relative;
}



.payOnlineBox-billing {
    position: relative;
}

    .payOnlineBox-billing a#paybill:hover .billing-dicklaimer-info {
        visibility: visible;
        opacity: 1;
    }

    .payOnlineBox-billing .billing-dicklaimer-info {
        bottom: 40px !important;
        right: 0;
    }

a.platiOnlineHeaderBilling:hover .billing-dicklaimer-info {
    visibility: visible;
    opacity: 1;
}


a.platiOnlineHeaderBilling {
    position: relative;
}

    a.platiOnlineHeaderBilling .billing-dicklaimer-info {
        bottom: -127px !important;
        right: -120px;
    }

a.platiOnlineHeaderBilling {
    cursor: default;
}

    a.platiOnlineHeaderBilling .platiOnlineMenu {
        cursor: default;
    }

.payOnlineBoxFooter.payOnlineBox-billing a#paybill {
    position: relative;
}

.payOnlineBox-billing .billing-dicklaimer-info p {
    white-space: initial;
    text-align: left;
}


li.koriskicka-li-billing:hover .billing-dicklaimer-info {
    visibility: visible;
    opacity: 1;
}

li.koriskicka-li-billing {
    position: relative;
}

    li.koriskicka-li-billing .billing-dicklaimer-info {
        z-index: 9999;
        bottom: 27px !important;
        right: -39px;
    }

.korisnicka-moja-smetka-billing:hover .billing-dicklaimer-info {
    visibility: visible;
    opacity: 1;
}

.korisnicka-moja-smetka-billing .billing-dicklaimer-info {
    text-align: left;
    width: 250px !important;
    bottom: 65px !important;
    right: -80px;
}


    .korisnicka-moja-smetka-billing .billing-dicklaimer-info p {
        color: #ffffff;
        font-size: 13px !important;
        text-transform: none;
        line-height: 1.42857143 !important;
        font-family: 'teleNeo-regular' !important;
    }


.payOnlineBox-billing div.klasazahover:hover .billing-dicklaimer-info {
    visibility: visible;
    opacity: 1;
}

.payOnlineBox-billing div.klasazahover:after, .payOnlineBox-billing div.klasazahover:before {
    content: "";
    display: table;
    clear: both;
}

.payOnlineBoxFooter.payOnlineBox-billing .btn {
    color: #b8b8b8;
    background: #fafafa;
    border-color: #d6d6d6;
}


.klasazahover .billing-info-phonedetails {
    width: 250px !important;
    bottom: 40px !important;
    right: 0;
    left: -24px;
}

.payOnlineBox-billing div.klasazahover .billing-dicklaimer-info:before {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #404040;
    top: 100%;
    left: 80%;
}

a.platiOnlineHeaderBilling .billing-dicklaimer-info:before {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #404040;
    top: -10%;
    left: 40%;
}

li.moja-smetka-billing-info .billing-dicklaimer-info:before {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #404040;
    top: 100%;
    left: 10%;
}

.billing-dicklaimer-info:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
}

li.koriskicka-li-billing .billing-dicklaimer-info:before {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #404040;
    top: 100%;
    left: 15%;
}


.korisnicka-moja-smetka-billing .billing-dicklaimer-info:before {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #404040;
    top: 100%;
    left: 35%;
}

.klasazahover .billing-dicklaimer-info:before {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #404040;
    top: 100%;
    left: 45%;
}


.accessorylist-Billing-btn {
    position: absolute;
    left: auto !important;
    right: 1% !important;
    width: 45% !important;
}

    .accessorylist-Billing-btn .btn-magen {
        padding: 5px 6px !important;
    }



@media (max-width:767px) {

    a.platiOnlineHeaderBilling .billing-dicklaimer-info {
        bottom: -180px !important;
        right: 0;
        left: 0;
    }

    p.under-banner-info-text {
        margin-top: 10px;
        margin-bottom: 10px;
        background-color: #fff3d9;
        padding: 15px 20px 15px 55px;
        background-position: left 18px top 19px;
        background-size: 20px;
    }

    li.moja-smetka-billing-info .billing-dicklaimer-info {
        right: 0;
        left: 50px;
    }

    li.koriskicka-li-billing .billing-dicklaimer-info {
        right: 22px;
    }

    .klasazahover .billing-info-phonedetails {
        width: 100% !important;
        bottom: 40px !important;
        right: 0;
        left: 0;
    }

    a.platiOnlineHeaderBilling .billing-dicklaimer-info:before {
        left: 60%;
    }


    /*.accessorylist-Billing-btn {
    right: 15px !important;
}*/




}


@media (min-width:768px) and (max-width:991px) {

    .klasazahover .billing-info-phonedetails {
        width: 250px !important;
        bottom: 40px !important;
        right: 0;
        left: -110px;
    }

    a.platiOnlineHeaderBilling .billing-dicklaimer-info {
        bottom: -120px !important;
        right: -85px;
    }

        a.platiOnlineHeaderBilling .billing-dicklaimer-info:before {
            top: -10%;
            left: 55%;
        }

    li.koriskicka-li-billing .billing-dicklaimer-info {
        right: 61px;
    }

    .klasazahover .billing-dicklaimer-info:before {
        left: 65%;
    }

    p.under-banner-info-text {
        margin-top: 0;
    }
}



/*#endregion billing-project-go-live*/



/*Plati smetka naslovna juli korekcii*/
.payOnlineBoxHeader {
    height: 135px;
}



/*#region roaming-delovni-new-dedsign*/

.roaming-banner-box {
    background: url(../content/images/roaming-banner-new.jpg);
    padding: 56px 15%;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    color: white;
}

    .roaming-banner-box h1 {
        color: white;
        font-family: 'teleNeo-regular' !important;
        text-transform: none;
        font-size: 34px;
    }


    .roaming-banner-box h2 {
        color: white;
        font-size: 21px;
        font-family: 'teleNeo-regular' !important;
    }

.roaming-new-info-box {
    background: #e9e9e9;
    text-align: center;
    padding: 25px 35px;
}

/*.roaming-new-info-box p {
    line-height: 1.1;
}*/

.roaming-new-packages-internet {
    background: #408f9c;
}

.roaming-new-packages-uslugi {
    background: #5ca0ab;
}

.roaming-new-packages-najevtin {
    background: #83b6bf;
}

.roaming-new-packages-design {
    text-align: center;
    padding: 30px 25px;
}

    .roaming-new-packages-design .roaming-packages-info p {
        color: white;
        opacity: 0.75;
    }

    .roaming-new-packages-design .roaming-packages-info {
        min-height: 130px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .roaming-new-packages-design h3 {
        color: white;
        font-size: 21px;
        font-family: 'teleNeo-bold' !important;
    }

    .roaming-new-packages-design a {
        border: none;
        padding: 7px 20px;
    }

        .roaming-new-packages-design a:hover {
            border: none;
            padding: 7px 20px;
        }

.roaming-new-packages {
    margin-bottom: 30px;
}

.roaming-new-packages-design .btn-grey:hover, .roaming-new-packages-design .btn-grey:active, .roaming-new-packages-design .btn-grey:focus, .roaming-new-packages-design .btn-grey:active:focus, .roaming-new-packages-design .btn-grey.active {
    border: none !important;
}

.roaming-new-packages-balkan {
    background: #96c2c9;
}



@media (max-width:767px) {

    .roaming-banner-box {
        padding: 20px 8%;
        background-size: cover;
        background-position: right -60px center;
    }

    .roaming-new-packages-design .roaming-packages-info {
        min-height: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .roaming-new-packages-design {
        padding: 35px 10px;
    }

    .roaming-new-packages {
        margin-bottom: 0px;
    }
}


/*#endregion roaming-delovni-new-dedsign*/


/*#region reserve-ticket-new-dedsign*/

#shopsGoogleMaps.reserveTicketNewDesignBox .col-xs-12 .reserveTicketNewDesign {
    background: #f4f4f4;
    padding: 10px 20px !important;
}

#shopsGoogleMaps .col-xs-12.reserveTicket-pr15 {
    padding-right: 15px !important;
}

.shopmap .innerLabelWrapper label {
    left: 35px !important;
    top: 60px !important;
}

#shopsGoogleMaps .reserveTicketNewDesign h3.box-title {
    text-align: left;
    padding-left: 0;
}

div#shopsGoogleMaps.shopmap.reserveTicketNewDesignBox .filter-holding.row.outer-content {
    padding-left: 15px !important;
}

.reserveTicketRightBox {
    border: 1px solid #e9e9e9;
    padding: 39px 20px 35px;
    display: table;
    width: 100%;
    position: relative;
}

    .reserveTicketRightBox img {
        display: inline-block;
    }

    .reserveTicketRightBox h3 {
        display: inline-block;
        margin: 0;
        padding-left: 5px;
        font-size: 14px;
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
    }

    .reserveTicketRightBox:hover span {
        color: #e20074;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .reserveTicketRightBox span {
        position: absolute;
        top: 38px;
        right: 20px;
        font-size: 25px;
    }

.reserveTicketRightBoxImg {
    display: table-cell;
    vertical-align: middle;
}

.reserveTicketRightBoxTxt {
    display: table-cell;
    vertical-align: middle;
}

a.reserveTicketRightBoxLink {
    color: #383838;
}


@media (max-width:767px) {

    .reserveTicketRightBox {
        padding: 20px 20px 17px;
    }

        .reserveTicketRightBox span {
            top: 20px;
        }

    #shopsGoogleMaps .col-xs-12.reserveTicket-pr15 {
        padding-right: 0px !important;
    }

    #shopsGoogleMaps.reserveTicketNewDesignBox .col-xs-12 .reserveTicketNewDesign {
        margin-bottom: 10px;
    }
}




/*#endregion reserve-ticket-new-dedsign*/




/*#region business-radio-button-new-design*/

.business-radio-button-design ul.bts-radio-buttons li {
    font-size: 20px;
    padding-left: 40px;
    position: relative;
}

    .business-radio-button-design ul.bts-radio-buttons li:before {
        content: '';
        display: block;
        position: absolute;
        left: 15px;
        top: 0px;
        right: auto;
        /*background: #b7b7b7;
        border-radius: 50%;
        background: #b7b7b7;
        padding: 5px;
        border: 6px solid #dedede;*/
        background: url(../images/radio-false.png) no-repeat 0 0;
        line-height: 6px;
        height: 25px;
        width: 25px;
    }

    .business-radio-button-design ul.bts-radio-buttons li.active:before {
        /*background: #e20074;*/
        background: url(../images/radio-true.png) no-repeat 0 0;
    }

    .business-radio-button-design ul.bts-radio-buttons li:hover {
        cursor: pointer;
    }

.business-radio-button-design .bts-paket-ddv, .bts-paket-no-ddv, .bts-paket-ddv {
    display: none;
}

    .business-radio-button-design .bts-paket-ddv.active-price, .bts-paket-no-ddv.active-price {
        display: block;
    }

.business-radio-button-design ul.bts-radio-buttons li {
    background-image: none !important;
    padding-left: 44px;
    font-size: 15px;
    display: inline-block;
    margin-left: 0;
}

.business-radio-button-design ul.bts-radio-buttons {
    margin-bottom: 25px;
}

@media (max-width:767px) {

    .business-radio-button-design ul.bts-radio-buttons li {
        margin-left: 0;
    }
}

/*#endregion razgovori-so-stranstvo-new-design*/



/*#region razgovori-so-stranstvo-new-design*/

.rss-radio-buttons.business-radio-button-design ul.bts-radio-buttons, .rss-stranstvo.business-radio-button-design ul.bts-radio-buttons {
    margin-bottom: 0px;
}



/*#endregion razgovori-so-stranstvo-new-design*/



/*#region sms-business-new-design*/

.business-radio-button-design .ul-radio-buttons-mb0 {
    margin-bottom: 0px !important;
}


/*#endregion sms-business-new-design*/

/*#region placeholder za dashborad-color-change*/

.dashboard .inlineSso ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999999;
}

.dashboard .inlineSso ::-moz-placeholder { /* Firefox 19+ */
    color: #999999;
}

.dashboard .inlineSso :-ms-input-placeholder { /* IE 10+ */
    color: #999999;
}

.dashboard .inlineSso :-moz-placeholder { /* Firefox 18- */
    color: #999999;
}

/*#endregion placeholder za dashborad-color-change*/

/*#region checkbox za najava-zapomni me*/
.enableSso input[type=checkbox] + label {
    background-image: url(../../images/check.png);
}

input[type=checkbox]:checked + label {
    background-image: url(../../images/check-hover.png);
}

.enableSso input[type=radio] + label, .enableSso input[type=checkbox] + label {
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 35px;
    line-height: 25px;
}

.enableSso input[type=radio], .enableSso input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 25px;
    height: 25px;
    margin: 0;
    left: 15px;
}

.enableSso label {
    pointer-events: none;
}

/*#endregion checkbox za najava-zapomni me*/



/*#region sim-card-avgust-2017 */

.white-box.white-box-details .simCardJune p {
    line-height: 1.2 !important;
    font-size: 14px;
}

.white-box.white-box-details.simCardHeight {
    height: auto;
}

    .white-box.white-box-details.simCardHeight .phone-tarrif-captions-hold-wrapper {
        position: relative !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
    }

.white-box.gray-box.white-box-details.simCardPriceBox .phone-tarrif-price-holder > .phone-tarrif-price-wrapper {
    display: block;
    height: auto;
    padding-top: 60px !important;
}

    .white-box.gray-box.white-box-details.simCardPriceBox .phone-tarrif-price-holder > .phone-tarrif-price-wrapper .quantity-gray-cell {
        display: block;
    }

@media (max-width:767px) {


    .white-box.gray-box.white-box-details.simCardPriceBox {
        padding-bottom: 50px;
    }

    #prepaid-holder .white-box.white-box-details.simCardPriceBox .phone-tarrif-price-holder > .phone-tarrif-price-wrapper {
        text-align: center;
    }

    #prepaid-holder .white-box.white-box-details.simCardPriceBox .phone-tarrif-price-holder .quantity-gray-cell {
        display: block !important;
    }

    .white-box.gray-box.white-box-details.simCardPriceBox .phone-tarrif-price-holder > .phone-tarrif-price-wrapper {
        padding-top: 20px !important;
    }
}










/*#endregion sim-card-avgust-2017 */


/*#region zelen boj*/

table.table-blue > tbody > tr > td.table-border-top-gray {
    border-bottom: 1px solid #b2b2b2 !important;
}

table.table-blue > tbody > tr > td.table-pl50 {
    padding-left: 50px;
}


/*#endregion zelen boj*/


/*#region data consumption*/


#dataConsumption .dc-intro {
    padding-top: 70px;
    background: url(../content/images/dataConsumption/telekom_data-intro-bg5.png) no-repeat center;
    background-size: cover;
    position: relative;
}

#dataConsumption {
    margin-top: 0;
}

    #dataConsumption .dc-intro h1 {
        text-align: center;
        font-size: 36px;
        color: white;
        margin-bottom: 50px;
        font-family: 'teleNeo-regular' !important;
    }

    #dataConsumption .dc-intro-rightBox {
        color: white;
        padding-left: 65px;
        width: 90%;
    }


    #dataConsumption .dc-intro img {
        width: 62%;
        float: right;
    }

    #dataConsumption .dc-intro-rightBox p {
        line-height: 1.1;
        font-size: 16px;
    }

    #dataConsumption .dc-gray-box {
        padding: 20px 0px 0px 0px;
        position: relative;
        background: rgba(128,128,128,1);
        background: -moz-linear-gradient(-45deg, rgba(128,128,128,1) 0%, rgba(197,197,197,1) 60%, rgba(197,197,197,1) 100%);
        background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(60%, rgba(197,197,197,1)), color-stop(100%, rgba(197,197,197,1)));
        background: -webkit-linear-gradient(-45deg, rgba(128,128,128,1) 0%, rgba(197,197,197,1) 60%, rgba(197,197,197,1) 100%);
        background: -o-linear-gradient(-45deg, rgba(128,128,128,1) 0%, rgba(197,197,197,1) 60%, rgba(197,197,197,1) 100%);
        background: -ms-linear-gradient(-45deg, rgba(128,128,128,1) 0%, rgba(197,197,197,1) 60%, rgba(197,197,197,1) 100%);
        background: linear-gradient(135deg, rgba(128,128,128,1) 0%, rgba(197,197,197,1) 60%, rgba(197,197,197,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#c5c5c5', GradientType=1 );
    }

    #dataConsumption .nav-tabs > li {
        width: 12%;
        min-height: 72px;
        border-bottom: 3px solid #7c7c7c;
    }

    #dataConsumption .nav > li > a {
        border: 0px solid transparent;
        padding: 5px 10px 5px 0;
        color: #686868;
        line-height: 1.3;
    }

    #dataConsumption .nav-tabs > li > a:hover {
        border-color: transparent;
    }

    #dataConsumption .nav > li > a:hover, #dataConsumption .nav > li > a:focus {
        text-decoration: none;
        background-color: transparent;
    }

    #dataConsumption .nav-tabs > li.active > a, #dataConsumption .nav-tabs > li.active > a:hover, #dataConsumption .nav-tabs > li.active > a:focus {
        border: 0px solid #ddd;
        background-color: transparent;
    }

    #dataConsumption .nav-tabs > li.active {
        border-bottom: 3px solid white !important;
    }

        #dataConsumption .nav-tabs > li.active a {
            color: white !important;
        }

    #dataConsumption .nav-tabs > .li-dc-width-9 {
        width: 9%;
    }

    #dataConsumption .nav-tabs > .li-dc-width-15 {
        width: 15%;
    }

    #dataConsumption .nav-tabs > .li-dc-width-14 {
        width: 14%;
    }

    #dataConsumption .dc-gray-box h3 {
        color: white;
        font-size: 28px;
        width: 90%;
        margin-bottom: 50px;
        position: absolute;
        top: 0;
        left: 0;
    }

    #dataConsumption ul.nav.nav-tabs.dc-mobile-tabs {
        border: none;
        /*width: 16%;*/
        width: 155px;
        margin: 0 auto;
    }

    #dataConsumption ul.nav-tabs.dc-mobile-tabs > li.dc-mtab1.active {
        background: url(../content/images/dataConsumption/dataCon-andoid-active.png) no-repeat center;
    }

    #dataConsumption ul.nav-tabs.dc-mobile-tabs > li.dc-mtab1 {
        background: url(../content/images/dataConsumption/dataCon-andoid.png) no-repeat center;
    }

    #dataConsumption ul.nav-tabs.dc-mobile-tabs > li.dc-mtab2.active {
        background: url(../content/images/dataConsumption/dataCon-ios-active.png) no-repeat center;
    }

    #dataConsumption ul.nav-tabs.dc-mobile-tabs > li.dc-mtab2 {
        background: url(../content/images/dataConsumption/dataCon-ios.png) no-repeat center;
    }

    #dataConsumption ul.nav-tabs.dc-mobile-tabs > li {
        border-bottom: none !important;
        width: auto;
        min-height: auto;
    }

        #dataConsumption ul.nav-tabs.dc-mobile-tabs > li a {
            width: 55px;
            margin: auto;
            height: 55px;
            padding: 0;
        }

    #dataConsumption ul.nav-tabs li.dc-mtab1 {
        margin-right: 45px;
    }


    #dataConsumption div#dc-carousel h4 {
        display: block;
        color: white;
        font-size: 26px;
        line-height: 1.2;
        min-height: 100px;
        text-align: center;
    }


    #dataConsumption .pie-wrapper.progress-45.style-2 {
        height: 1em;
        width: 1em;
        float: left;
        margin: 15px;
        position: relative;
    }

    #dataConsumption .pie-wrapper.style-2 .label {
        background: none;
        color: #7f8c8d;
    }

    #dataConsumption .pie-wrapper .label {
        background: #34495e;
        border-radius: 50%;
        bottom: 0.4em;
        color: #ecf0f1;
        cursor: default;
        display: block;
        font-size: 0.25em;
        left: 0.4em;
        line-height: 2.6em;
        position: absolute;
        right: 0.4em;
        text-align: center;
        top: 0.4em;
    }

    #dataConsumption .pie-wrapper .pie {
        height: 100%;
        width: 100%;
        clip: rect(0, 1em, 1em, 0.5em);
        left: 0;
        position: absolute;
        top: 0;
    }

    #dataConsumption .pie-wrapper .shadow {
        height: 100%;
        width: 100%;
        border: 0.1em solid #bdc3c7;
        border-radius: 50%;
    }

    #dataConsumption .pie-wrapper.progress-45 .pie .left-side {
        -webkit-transform: rotate(162deg);
        transform: rotate(162deg);
    }

    #dataConsumption .pie-wrapper.progress-45 .pie .half-circle {
        border-color: #1abc9c;
    }

    #dataConsumption .pie-wrapper .pie .half-circle {
        height: 100%;
        width: 100%;
        border: 0.1em solid #3498db;
        border-radius: 50%;
        clip: rect(0, 0.5em, 1em, 0);
        left: 0;
        position: absolute;
        top: 0;
    }

    #dataConsumption .pie-wrapper.progress-45 .pie .right-side {
        display: none;
    }

    #dataConsumption .pie-wrapper.progress-45 .pie .half-circle {
        border-color: #1abc9c;
    }



div#dataConsumption .dc-app {
    padding: 40px 0px;
}

    div#dataConsumption .dc-app h2 {
        margin-bottom: 40px;
        width: 90%;
        font-family: 'teleNeo-regular' !important;
        font-size: 38px;
    }


    div#dataConsumption .dc-app p {
        font-size: 22px;
        color: #262626;
    }

#dataConsumption .dc-app-bar {
    display: table;
    width: 100%;
    margin-top: 30px;
}

#dataConsumption .dc-app-text {
    width: 90%;
}

#dataConsumption .dc-bar-left {
    display: table-cell;
    vertical-align: middle;
    width: 70%;
}

#dataConsumption .dc-app-right {
    display: table-cell;
    vertical-align: middle;
    width: 30%;
}

    #dataConsumption .dc-app-right img {
        width: 70%;
    }

        #dataConsumption .dc-app-right img:first-of-type {
            padding-bottom: 20px;
        }

#dataConsumption .dc-circle-bar {
    padding: 20px;
    border: 5px solid #235482;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    text-align: center;
    margin-right: 40px;
    float: left;
}

    #dataConsumption .dc-circle-bar p {
        font-family: 'teleNeo-bold' !important;
        font-size: 20px !important;
        line-height: 1.2;
        margin-top: 5px;
    }

        #dataConsumption .dc-circle-bar p span {
            font-family: 'teleNeo-bold' !important;
            font-size: 34px;
        }


#dataConsumption .dc-progress-circle {
    background-color: #f2f2f2;
    border-radius: 50%;
    display: inline-block;
    height: 125px;
    position: relative;
    width: 125px;
    margin-right: 40px;
    float: left;
}

    #dataConsumption .dc-progress-circle:before {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
        border-radius: 50%;
        content: attr(data-progress) '%';
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 3rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        left: 5px;
        right: 5px;
        top: 5px;
        bottom: 5px;
        color: white;
    }

    #dataConsumption .dc-progress-circle:after {
        background-color: #f2f2f2;
        border-radius: 50%;
        content: '';
        display: inline-block;
        height: 100%;
        width: 100%;
    }

    #dataConsumption .dc-progress-circle[data-progress="75"]:after {
        background-image: -webkit-linear-gradient(bottom, #f2f2f2 65%, transparent 50%, transparent), -webkit-linear-gradient(right, #f2f2f2 50%, #e3000d 50%, #e3000d);
        background-image: linear-gradient(0deg, #f2f2f2 65%, transparent 50%, transparent), linear-gradient(271deg, #f2f2f2 50%, #e3000d 50%, #e3000d);
    }


div#dataConsumption .dc-progress-circle p {
    font-size: 20px !important;
    color: #262626;
    left: 35%;
    top: 20px;
    position: absolute;
    font-family: 'teleNeo-bold' !important;
    line-height: 1.2;
    text-align: center;
}

    div#dataConsumption .dc-progress-circle p span {
        font-family: 'teleNeo-bold' !important;
        font-size: 34px;
    }

#dataConsumption .dc-progress-circle-blue[data-progress="4"]:after {
    background-image: -webkit-linear-gradient(left, #245482 50%, transparent 50%, transparent), -webkit-linear-gradient(345.6deg, #f2f2f2 50%, #245482 50%, #245482);
    background-image: linear-gradient(93deg, #245482 50%, transparent 50%, transparent), linear-gradient(100.4deg, #f2f2f2 49%, #245482 50%, #245482);
}


div#dataConsumption .dc-progress-circle-blue.dc-progress-circle p {
    left: 22%;
}

#dataConsumption .dc-video {
    background: rgba(157,0,94,1);
    background: -moz-linear-gradient(-45deg, rgba(157,0,94,1) 0%, rgba(236,0,142,1) 60%, rgba(236,0,142,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(157,0,94,1)), color-stop(60%, rgba(236,0,142,1)), color-stop(100%, rgba(236,0,142,1)));
    background: -webkit-linear-gradient(-45deg, rgba(157,0,94,1) 0%, rgba(236,0,142,1) 60%, rgba(236,0,142,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(157,0,94,1) 0%, rgba(236,0,142,1) 60%, rgba(236,0,142,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(157,0,94,1) 0%, rgba(236,0,142,1) 60%, rgba(236,0,142,1) 100%);
    background: linear-gradient(135deg, rgba(157,0,94,1) 0%, rgba(236,0,142,1) 60%, rgba(236,0,142,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d005e', endColorstr='#ec008e', GradientType=1 );
    padding: 60px 0 0 0;
    position: relative;
    min-height: 654px;
}

    #dataConsumption .dc-video h2 {
        color: white;
        font-family: 'teleNeo-regular' !important;
        margin-bottom: 40px;
    }

    #dataConsumption .dc-video img {
        position: absolute;
        width: 23%;
        right: 24%;
        bottom: 0;
    }

#dataConsumption .dc-video-box {
    position: relative;
}


#dataConsumption .dc-dropdown button {
    background: #5e5e5e;
    border: 1px solid #999999;
    color: white !important;
    font-size: 18px;
    font-family: 'teleNeo-regular' !important;
    outline: none !important;
}

#dataConsumption .dc-dropdown .dropdown-menu > li > a {
    padding: 10px 15px;
    font-size: 17px;
    color: #383838;
}

#dataConsumption .dc-dropdown .dropdown-menu > li a:hover, #dataConsumption .dc-dropdown .dropdown-menu > li a:focus, #dataConsumption .dc-dropdown .dropdown-menu > li span:hover, #dataConsumption .dc-dropdown .dropdown-menu > li span:focus {
    color: #383838;
    background-color: #d9d9d9 !important;
}

#dataConsumption .dc-dropdown ul.dropdown-menu {
    margin-top: 10px;
    min-width: 330px;
    /*box-shadow: none !important;*/
    border: none;
    border-radius: 4px !important;
    background-color: #ededed;
}


div#dataConsumption iframe {
    -webkit-box-shadow: 7px 7px 7px 0px rgba(0, 0, 0, 0.59);
    -moz-box-shadow: 7px 7px 7px 0px rgba(0, 0, 0, 0.59);
    box-shadow: 7px 7px 7px 0px rgba(0, 0, 0, 0.59);
}


#dataConsumption span.dc-ion-ios-arrow:before {
    content: "\f3d0";
}

#dataConsumption span.dc-ion-ios-arrow {
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 10px;
}

#dataConsumption .dc-dropdown.dropdown.open span.dc-ion-ios-arrow:before {
    content: "\f3d8";
}

#dataConsumption .dc-internet {
    padding: 60px 0px;
}



    #dataConsumption .dc-internet h2 {
        margin-bottom: 40px;
        width: 90%;
        font-family: 'teleNeo-regular' !important;
        font-size: 38px;
        color: #e20074;
    }

    #dataConsumption .dc-internet h3 {
        color: #494948;
        font-family: 'teleNeo-bold' !important;
        font-size: 18px;
        margin-bottom: 0px;
    }

    #dataConsumption .dc-internet p {
        color: #7c7b7b;
        margin-top: 0;
        margin-bottom: 4px;
    }

        #dataConsumption .dc-internet p span {
            float: right;
        }

#dataConsumption .dc-internet-bar {
    display: table;
    width: 100%;
}

#dataConsumption .dc-internet-bar-left {
    display: table-cell;
    vertical-align: middle;
}

#dataConsumption .dc-internet-bar-right {
    display: table-cell;
    vertical-align: middle;
}


#dataConsumption .dc-internet-bar-left {
    background: #62b9e9;
    width: 30%;
}

#dataConsumption .dc-internet-bar-right {
    background: #d0eaf8;
}

#dataConsumption .dc-internet-bar h4 {
    padding: 7px 10px;
    margin: 0;
    font-size: 38px;
    color: black;
}

#dataConsumption .dc-internet-bar-right h4 {
    float: right;
}


#dataConsumption .dc-internet-bar.dc-internet-fb .dc-internet-bar-left {
    background: #bbbd57;
    width: 60%;
}

#dataConsumption .dc-internet-bar.dc-internet-fb .dc-internet-bar-right {
    background: #eaebcc;
}

#dataConsumption .dc-internet-bar.dc-internet-radio .dc-internet-bar-left {
    background: #fdd16a;
    width: 41%;
}

#dataConsumption .dc-internet-bar.dc-internet-radio .dc-internet-bar-right {
    background: #fef1d2;
}

#dataConsumption .dc-internet-bar.dc-internet-maps .dc-internet-bar-left {
    background: #54939f;
    width: 34%;
}

#dataConsumption .dc-internet-bar.dc-internet-maps .dc-internet-bar-right {
    background: #cbdee2;
}

#dataConsumption .dc-internet-bar-box {
    width: 90%;
}






#dataConsumption .txt-container p.item-txt {
    display: none !important;
}

    #dataConsumption .txt-container p.item-txt.active {
        display: block !important;
    }


#dataConsumption .slider-dc-text .slick-slide {
    display: block;
    color: white;
    font-size: 26px;
    line-height: 1.2;
    /*min-height: 100px;*/
    text-align: center;
}


#dataConsumption .dc-tab-android .carousel-inner {
    /* width: 278px; */
    margin: 0 auto;
    background: url(../content/images/dataConsumption/dc-phone.png) center top !important;
    background-repeat: no-repeat !important;
    margin-top: 30px;
    background-size: 260px !important;
}

#dataConsumption .dc-tab-iphone .carousel-inner {
    margin: 0 auto;
    background: url(../content/images/dataConsumption/dc-iphone.png) center top !important;
    background-repeat: no-repeat !important;
    margin-top: 30px;
    background-size: 229px !important;
}

#dataConsumption .dc-tab-android .carousel-inner img {
    width: 214px;
    margin: 0 auto;
}


#dataConsumption .dc-tab-android .item {
    padding-top: 45px !important;
}

#dataConsumption .dc-intro img.dc-mrezha {
    position: absolute;
    right: 0;
    width: 16% !important;
    bottom: -23%;
    z-index: 999;
}

#dataConsumption .dc-gray-box img.dc-mrezha {
    position: absolute;
    bottom: 0;
    width: 20%;
}

#dataConsumption .dc-video img.dc-mrezha {
    right: 0;
}


#dataConsumption .dc-tab-android a.right.carousel-control, #dataConsumption .dc-tab-iphone a.right.carousel-control {
    background: url(../content/images/dataConsumption/dataConarrow-right.png) center !important;
    background-size: 35px !important;
    background-repeat: no-repeat !important;
    top: -41%;
    margin: auto;
    height: 66px;
    width: 44px;
    right: 31%;
}

#dataConsumption .dc-tab-android a.left.carousel-control, #dataConsumption .dc-tab-iphone a.left.carousel-control {
    background: url(../content/images/dataConsumption/dataConarrow-left.png) center !important;
    background-size: 35px !important;
    background-repeat: no-repeat !important;
    top: -41%;
    margin: auto;
    height: 66px;
    width: 44px;
    left: 31%;
}

#dataConsumption .dc-tab-android h4, #dataConsumption .dc-tab-iphone h4 {
    display: block;
    color: white;
    font-size: 24px;
    line-height: 1;
    text-align: center;
    /*margin-top: 79px;*/
    margin-top: 50px;
    min-height: 95px;
}


#dataConsumption .dc-tab-iphone .carousel-inner img {
    width: 199px;
    margin: 0 auto;
}

#dataConsumption .dc-tab-iphone .item {
    padding-top: 53px !important;
}


#dataConsumption .fade {
    opacity: 1 !important;
}


#dataConsumption .carousel.fade .item {
    transition: opacity ease-out .5s;
    opacity: 0;
    width: 100%;
    display: block;
}

#dataConsumption .dc-tab-android.active h3 {
    display: block;
}

#dataConsumption .dc-tab-android h3 {
    display: none;
}

#dataConsumption .dc-tab-iphone.active h3 {
    display: block;
}

#dataConsumption .dc-tab-iphone h3 {
    display: none;
}

#dataConsumption ul.dc-tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
}

    #dataConsumption ul.dc-tabs li.li-dc-width-15 {
        width: 15%;
    }

    #dataConsumption ul.dc-tabs .li-dc-width-9 {
        width: 9%;
    }

    #dataConsumption ul.dc-tabs .li-dc-width-14 {
        width: 14%;
    }


    #dataConsumption ul.dc-tabs li {
        float: left;
        margin: 0;
        cursor: pointer;
        overflow: hidden;
        position: relative;
        width: 12%;
        min-height: 72px;
        border-bottom: 3px solid #7c7c7c;
        padding: 5px 11px 5px 0;
        color: #686868;
        line-height: 1.3;
    }


        #dataConsumption ul.dc-tabs li.active {
            display: block;
            border-bottom: 3px solid white !important;
            color: white !important;
        }

#dataConsumption .dc-tab_container {
    border: none !important;
    background: transparent !important;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    overflow: auto;
}

#dataConsumption .dc-tab_content {
    padding-top: 110px !important;
    position: relative;
    padding: 20px;
    display: none;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ie-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#dataConsumption .dc-tab_drawer_heading {
    display: none;
}

@media (min-width: 992px) {

    #dataConsumption .dc-video img {
        width: 330px;
    }
}


@media (max-width: 480px) {
    #dataConsumption .dc-tabs {
        display: none;
    }

    #dataConsumption .dc-tab_drawer_heading {
        background-color: #ccc;
        color: #fff;
        border-top: 1px solid #333;
        margin: 0;
        padding: 5px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    #dataConsumption .dc-active {
        background-color: #666;
        color: #fff;
    }
}



@media (min-width:992px) and (max-width:1199px) {


    #dataConsumption .dc-internet-bar h4 {
        font-size: 36px;
    }

    #dataConsumption .dc-intro-rightBox {
        color: white;
        padding-left: 25px;
    }


    #dataConsumption .dc-bar-left {
        width: 75%;
    }

    #dataConsumption .dc-video img {
        width: 300px;
        right: 14%;
    }

    #dataConsumption .dc-tab-android a.right.carousel-control, #dataConsumption .dc-tab-iphone a.right.carousel-control {
        top: -41%;
        right: 26%;
    }

    #dataConsumption .dc-tab-android a.left.carousel-control, #dataConsumption .dc-tab-iphone a.left.carousel-control {
        top: -41%;
        left: 26%;
    }
}

@media (min-width:768px) and (max-width:991px) {


    #dataConsumption .dc-tab-android a.right.carousel-control, #dataConsumption .dc-tab-iphone a.right.carousel-control {
        top: -41%;
        right: 22%;
    }

    #dataConsumption .dc-tab-android a.left.carousel-control, #dataConsumption .dc-tab-iphone a.left.carousel-control {
        top: -41%;
        left: 22%;
    }

    #dataConsumption .dc-internet-bar-box {
        width: 100%;
    }

    #dataConsumption .dc-internet-bar h4 {
        font-size: 30px;
    }

    #dataConsumption .dc-intro h1 {
        font-size: 30px;
    }

    #dataConsumption .dc-intro-rightBox {
        padding-left: 10px;
        width: 100%;
    }

    #dataConsumption .dc-intro img {
        width: 100%;
    }

    #dataConsumption ul.dc-tabs li:first-letter {
        text-transform: uppercase;
    }

    #dataConsumption ul.dc-tabs li {
        text-transform: lowercase;
    }

    #dataConsumption ul.dc-tabs .li-dc-width-15 {
        width: 17% !important;
    }

    #dataConsumption ul.dc-tabs .li-dc-width-14 {
        width: 13.5%;
    }

    #dataConsumption ul.dc-tabs.dc-mobile-tabs {
        width: 22%;
    }

    #dataConsumption ul.dc-tabs .li-dc-tab-3 {
        width: 11%;
    }


    #dataConsumption .dc-gray-box h3 {
        font-size: 25px;
    }


    div#dataConsumption .dc-app h2 {
        font-size: 30px;
    }

    div#dataConsumption .dc-app p {
        font-size: 20px;
    }

    #dataConsumption .dc-bar-left {
        width: 73%;
    }

    #dataConsumption .dc-circle-bar {
        width: 110px;
        height: 110px;
        margin-right: 15px;
    }

    #dataConsumption .dc-progress-circle {
        height: 110px;
        width: 110px;
        margin-right: 15px;
    }

    #dataConsumption .dc-video img {
        width: 255px;
        right: 0;
    }

    #dataConsumption .dc-internet h2 {
        margin-bottom: 20px;
        font-size: 30px;
    }

    #dataConsumption .dc-internet {
        padding: 40px 0px;
    }

    #dataConsumption .dc-video {
        padding: 40px 0 0 0;
        min-height: 634px;
    }

    #dataConsumption .dc-intro {
        padding-top: 57px;
    }
}



@media (max-width:767px) {

    #dataConsumption .dc-tab-android h4, #dataConsumption .dc-tab-iphone h4 {
        margin-top: 55px;
        font-size: 18px;
        min-height: 100px;
    }

    #dataConsumption .dc-tab-android .carousel-inner {
        min-height: 527px;
        margin-top: 30px !important;
        width: 100% !important;
        margin: 0 auto;
        background-size: 250px !important;
    }

    #dataConsumption .dc-tab-iphone .carousel-inner {
        min-height: 527px;
        margin-top: 30px !important;
        width: 100% !important;
        margin: 0 auto;
        background-size: 238px !important;
    }

    #dataConsumption .dc-tab-android .carousel-inner img {
        width: 205px;
    }

    #dataConsumption .dc-tab-android .carousel-inner img, #dataConsumption .dc-tab-iphone .carousel-inner img {
        margin-top: 0;
        margin-left: 0px;
        height: auto !important;
    }

    #dataConsumption .dc-tab-iphone .carousel-inner img {
        width: 207px;
    }

    #dataConsumption .dc-tab-iphone .item {
        padding-top: 55px !important;
    }

    #dataConsumption .dc-tab-android .item {
        padding-top: 44px !important;
    }

    #dataConsumption .dc-tab-android a.right.carousel-control, #dataConsumption .dc-tab-iphone a.right.carousel-control {
        background-size: 24px !important;
        right: 0;
    }

    #dataConsumption .dc-tab-android a.left.carousel-control, #dataConsumption .dc-tab-iphone a.left.carousel-control {
        background-size: 24px !important;
        width: 44px;
        left: 0;
    }

    #dataConsumption .dc-tab_content {
        padding: 10px 0;
    }

    #dataConsumption .dc-gray-box h3 {
        margin-top: 0;
    }

    #dataConsumption .dc-intro {
        padding-top: 40px;
        background: #e20074;
    }

        #dataConsumption .dc-intro .telekom-magenta-color {
            color: white !important;
        }

        #dataConsumption .dc-intro h1 {
            font-size: 25px;
        }

        #dataConsumption .dc-intro img {
            width: 52%;
            float: none;
            display: block;
            margin: 0 auto;
        }

    #dataConsumption .dc-intro-rightBox {
        padding-left: 0;
        padding: 20px;
        width: 100%;
    }

    div#dataConsumption .dc-app h2 {
        margin-bottom: 30px;
        font-size: 24px;
    }

    div#dataConsumption .dc-app p {
        font-size: 18px;
    }

    #dataConsumption .dc-app-text {
        width: 100%;
    }


    #dataConsumption .dc-bar-left {
        display: block;
        width: 290px;
        margin: 0 auto;
    }

    #dataConsumption .dc-app-right {
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    #dataConsumption .dc-app-bar {
        text-align: center;
        margin-top: 10px;
    }

    #dataConsumption .dc-app-right img {
        width: 50%;
    }

    #dataConsumption .dc-progress-circle {
        margin-right: 0;
        margin-bottom: 20px;
        display: inline-block;
    }

    #dataConsumption .dc-video {
        padding: 30px 0 0 0;
        min-height: 515px;
    }

    div#dataConsumption iframe {
        max-width: 100% !important;
        height: auto !important;
    }

    #dataConsumption .dc-dropdown .dropdown-menu > li > a {
        padding: 5px 15px;
        font-size: 15px;
        color: #383838;
    }

    #dataConsumption .dc-dropdown ul.dropdown-menu {
        min-width: 270px;
    }

    #dataConsumption .dc-video img {
        width: 122px;
        right: 0;
    }

    #dataConsumption .dc-internet h2 {
        margin-bottom: 5px;
        font-size: 30px;
    }

    #dataConsumption .dc-internet {
        padding: 30px 0px;
    }

    #dataConsumption .dc-internet-bar-box {
        width: 100%;
    }

    #dataConsumption .dc-internet-bar h4 {
        font-size: 30px;
    }

    #dataConsumption ul.nav.nav-tabs.dc-mobile-tabs {
        width: 155px;
    }


    #dataConsumption .dc-gray-box .panel {
        background-color: transparent;
    }

    #dataConsumption .dc-gray-box h3 {
        font-size: 21px;
        width: 100%;
        margin-bottom: 22px;
    }

        #dataConsumption .dc-gray-box h3.dc-tab_drawer_heading {
            font-size: 17px;
            text-transform: lowercase;
            padding: 12px;
            margin-bottom: 10px;
            position: relative;
        }

    #dataConsumption h3.dc-active.dc-tab_drawer_heading span.dc-ion-ios-arrow, #dataConsumption h3.dc-tab_drawer_heading span.dc-ion-ios-arrow {
        display: inline-block;
        font-family: "Ionicons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* padding-left: 10px; */
        right: 20px;
        position: absolute;
    }

        #dataConsumption h3.dc-tab_drawer_heading span.dc-ion-ios-arrow:before {
            content: "\f3d0";
        }

        #dataConsumption h3.dc-active.dc-tab_drawer_heading span.dc-ion-ios-arrow:before {
            content: "\f3d8";
        }

    #dataConsumption .dc-gray-box h3.dc-tab_drawer_heading {
        color: #3d3d3d;
        background: #dedede;
    }

    #dataConsumption .dc-gray-box h3.dc-active.dc-tab_drawer_heading {
        color: white;
        background: #666666;
    }

    #dataConsumption .dc-gray-box h3.dc-tab_drawer_heading:first-letter {
        text-transform: uppercase;
    }
}



@media (max-width:374px) {
    #dataConsumption .dc-internet-bar h4 {
        font-size: 24px;
    }

    #dataConsumption .dc-internet h2 {
        font-size: 26px;
    }

    #dataConsumption .dc-tab-android a.right.carousel-control, #dataConsumption .dc-tab-iphone a.right.carousel-control {
        background-size: 20px !important;
        right: -10px;
    }

    #dataConsumption .dc-tab-android a.left.carousel-control, #dataConsumption .dc-tab-iphone a.left.carousel-control {
        background-size: 20px !important;
        left: -10px;
    }
}



/*#endregion data consumption*/


/*#region meni delovni razgovori so stranstvo i registracija na domeni*/


#mainmenu.bizMainMenu ul.menu_mk li li.reg_domainD, #mainmenu.bizMainMenu ul.menu_mk li li.povrzi_objektD,
#mainmenu.bizMainMenu ul.menu_sq li li.reg_domainD, #mainmenu.bizMainMenu ul.menu_sq li li.povrzi_objektD {
    /*float: right;*/
}


/*#endregion meni delovni razgovori so stranstvo i registracija na domeni*/

@media (max-width:767px) {

    .slider-naslovna2 div#myCarousel2 .item.mgn-100.active {
        background: url(../content/banners/2017/mob-f-170907_BanerzaSajt.png) no-repeat !important;
    }
}


/*#region business promocija septemvri*/


div#carousel-business-promo-sep .carousel-inner {
    width: 360px;
    margin: 0 auto;
}

div#carousel-business-promo-sep .business-price-sep {
    display: table;
    width: 100%;
}

    div#carousel-business-promo-sep .business-price-sep .business-price-sep-left {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        padding-right: 10px;
        width: 50%;
        font-size: 45px;
        color: #e20074;
        font-family: 'teleNeo-bold' !important;
    }

    div#carousel-business-promo-sep .business-price-sep .business-price-sep-right {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        width: 50%;
        color: #383838;
        font-family: 'teleNeo-bold' !important;
        font-size: 13px;
    }

        div#carousel-business-promo-sep .business-price-sep .business-price-sep-right span {
            display: block;
            clear: both;
            border-top: 1px solid;
            width: 69px;
        }

    div#carousel-business-promo-sep .business-price-sep.sq-cena-vo-gotovo .business-price-sep-right span {
        width: 122px;
    }

    div#carousel-business-promo-sep .business-price-sep.sq-cena-vo-gotovo .business-price-sep-left {
        width: 40%;
    }

div#carousel-business-promo-sep .promo-sep-price-box {
    margin-bottom: 70px;
    padding-top: 10px;
}

    div#carousel-business-promo-sep .promo-sep-price-box h3 {
        color: #363636;
        font-family: 'teleNeo-medium' !important;
        margin-bottom: 5px;
    }

#carousel-business-promo-sep .promo-sep-price-box-title h3 {
    color: #363636;
    font-family: 'teleNeo-medium' !important;
    margin: 10px 0 20px;
}

#carousel-business-promo-sep .promo-sep-price-box-title a:hover {
    text-decoration: none;
}

div#carousel-business-promo-sep .promo-sep-price-box p {
    color: #363636;
    font-size: 18px;
}

.sep-promo-bisiness .carousel-control.right {
    right: 20%;
}

.sep-promo-bisiness .carousel-control.left {
    left: 20%;
}

.sep-promo-bisiness a.carousel-control span.glyphicon.glyphicon-chevron-right, .sep-promo-bisiness a.carousel-control span.glyphicon.glyphicon-chevron-left {
    width: 20px !important;
}

div#carousel-business-promo-sep .magentaBusinessSliderImgBox img.phone {
    padding-top: 10px !important;
}

/*div#carousel-business-promo-sep .business-price-sep.business-price-sep-row .business-price-sep-left,
div#carousel-business-promo-sep .business-price-sep.business-price-sep-row .business-price-sep-right 
{ 
    vertical-align: bottom;
    line-height: 0.7;
    padding-bottom: 10px;
    padding-top: 10px;
}*/

div#carousel-business-promo-sep .business-price-sep.business-price-sep-row .business-price-sep-left {
    text-align: center;
    width: 100%;
}

    div#carousel-business-promo-sep .business-price-sep.business-price-sep-row .business-price-sep-left span {
        font-family: 'teleNeo-medium' !important;
        font-size: 13px;
    }


@media (max-width:767px) {

    div#carousel-business-promo-sep .carousel-inner {
        max-width: 250px;
    }

    .sep-promo-bisiness .carousel-control.left {
        left: 0;
    }

    .sep-promo-bisiness .carousel-control.right {
        right: 0;
    }

    .magenta1-biznis-april#magenta1-biznis-wraper .magenta1b-box-new-april .sep-promo-bisiness span.glyphicon.glyphicon-chevron-right {
        right: 15px !important;
    }
}


.businessSepPromotion#mag1BusinessServicesModals .modal-body table {
    width: 100%;
}

.businessSepPromotion#mag1BusinessServicesModals .modal-title {
    color: #3d3d3d;
}

/*#mag1BusinessServicesModals .modal.in .modal-dialog {
    -webkit-transform: translate3d(0, -25%, 0) !important;
    transform: translate3d(0, -25%, 0) !important;
}*/

.businessSepPromotion#mag1BusinessServicesModals .modal-body {
    /*MAX-HEIGHT: 600PX;*/
    overflow-y: hidden;
}

.businessSepPromotion#mag1BusinessServicesModals .modal-content {
    border-radius: 6px;
}


div#carousel-business-promo-sep .promo-sep-price-box a:hover {
    text-decoration: none;
}

div#carousel-business-promo-sep .promo-sep-price-box a:focus {
    color: transparent;
}


.businessSepPromotion#mag1BusinessServicesModals .modal-body table tbody tr td:nth-of-type(2) {
    padding: 2px 10px;
}

.businessSepPromotion#mag1BusinessServicesModals .modal-body {
    font-size: 15px;
}

    .businessSepPromotion#mag1BusinessServicesModals .modal-body table > tbody > tr > td:first-child {
        font-family: 'teleNeo-medium';
        font-size: 17px;
    }

/*#endregion business promocija septemvri*/

/*#region skrateni broevi i zelen broj*/

.skrateni-broevi-new-one .floatThead-container, .skrateni-broevi-table-two .floatThead-container, .zelen-broj-new .floatThead-container {
    overflow: visible !important;
}

.zelen-broj-new .table-responsive {
    overflow: visible !important;
}

.one-t-dicklaimer.businessTableDicklaimer .one-t-dicklaimer-message:before {
    left: 32%;
}

.one-t-dicklaimer.businessTableDicklaimer {
    display: inline-block;
    left: 5px;
    top: 1px;
    /*z-index: 99999;*/
}

.outer-content .accordionz .r-tabs-panel .one-t-dicklaimer.businessTableDicklaimer p {
    padding: 0 !important;
}

.one-t-dicklaimer.businessTableDicklaimer .one-t-dicklaimer-message {
    z-index: 9999;
}

.zelen-broj-new table.table.table-blue.mceItemTable.sticky-header.table-blue-resp.floated {
    margin-bottom: 10px;
    margin-top: 0px;
}

.zelen-broj-new table.table.table-blue.mceItemTable.sticky-header.table-blue-resp {
    margin-bottom: 10px;
    margin-top: 0px;
}

@media (min-width: 768px) {

    .skrateni-broevi-new-one .table-responsive .table.table-blue.mceItemTable th, .skrateni-broevi-new-one .table-responsive .table.table-blue.mceItemTable td, .skrateni-broevi-new-one .table-responsive table.sticky-header th, .skrateni-broevi-new-one .table-responsive table.sticky-header td {
        width: 65% !Important;
        position: relative;
    }

    .skrateni-itni-sluzbi .table-responsive .table.table-blue.mceItemTable th, .skrateni-itni-sluzbi .table-responsive .table.table-blue.mceItemTable td, .skrateni-itni-sluzbi .table-responsive table.sticky-header th, .skrateni-itni-sluzbi .table-responsive table.sticky-header td {
        width: 65% !Important;
        position: relative;
    }

    .zelen-broj-new.table-responsive .table.table-blue.mceItemTable th, .zelen-broj-new .table-responsive .table.table-blue.mceItemTable td, .zelen-broj-new .table-responsive table.sticky-header th, .zelen-broj-new .table-responsive table.sticky-header td {
        width: 70% !Important;
        position: relative;
    }

    .zelen-broj-new tbody tr td:nth-of-type(2), .skrateni-itni-sluzbi tbody tr td:nth-of-type(2), .skrateni-broevi-new-one tbody tr td:nth-of-type(2) {
        text-align: right;
    }

    .skrateni-itni-sluzbi .table-responsive .table.table-blue.mceItemTable th:nth-of-type(2), .skrateni-itni-sluzbi .table-responsive table.sticky-header th:nth-of-type(2), .zelen-broj-new .table-responsive .table.table-blue.mceItemTable th:nth-of-type(2) {
        text-align: right;
    }
}

/*#endregion skrateni broevi i zelen broj*/


/*#region business tarifa korekcii*/

.business-new-table-button.business-radio-button-design .bts-paket-ddv.active-price, .business-new-table-button.business-radio-button-design .bts-paket-no-ddv.active-price {
    display: inline-block;
}


/*#endregion business tarifa korekcii*/


/*#region korisnicka-android-problem-box-redesign*/

.android-problem-box.android-problem-box-redesign {
    background: #f5f5f5;
    padding: 20px 30px;
    margin-bottom: 110px;
    position: relative;
    margin-top: 60px;
}

    .android-problem-box.android-problem-box-redesign .google-qr-box > img {
        width: 100px;
    }

    .android-problem-box.android-problem-box-redesign h2 {
        text-align: left;
        padding-top: 0;
        font-size: 24px;
    }

.google-play-box {
    display: table;
    width: 73%;
    float: right;
}

.google-app-box {
    display: table-cell;
    vertical-align: top;
    width: 70%;
}

.google-qr-box {
    display: table-cell;
    vertical-align: top;
}


.android-problem-box.android-problem-box-redesign:after {
    content: '';
    display: block;
    height: 1px;
    background: #e9e9e9;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -70px;
}

.neispravenUredIntroBox {
    padding-bottom: 35px;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 60px;
}


@media (min-width: 768px) and (max-width: 991px) {


    .neispravenUredIntroBox {
        padding-bottom: 20px;
        margin-bottom: 30px;
    }

    .android-problem-box.android-problem-box-redesign {
        margin-top: 40px;
    }

    .google-play-box {
        width: 95%;
    }
}


@media (max-width: 767px) {

    .neispravenUredIntroBox {
        padding-bottom: 15px;
        border-bottom: 1px solid #e9e9e9;
        margin-bottom: 25px;
    }

    .android-problem-box.android-problem-box-redesign {
        background: #f5f5f5;
        padding: 20px 30px;
        margin-bottom: 70px;
        position: relative;
        margin-top: 40px;
    }

    .google-play-box {
        display: table;
        width: 100%;
        float: right;
    }

    .android-problem-box.android-problem-box-redesign:after {
        bottom: -30px;
    }

    .white-box-left-m-klub-blue .google-play-icon {
        margin-top: 10px;
    }

    .android-problem-box.android-problem-box-redesign .google-play-box {
        margin-top: 20px;
    }
}


@media (max-width: 374px) {

    .google-app-box {
        width: 65%;
        padding-right: 20px;
    }

    .white-box-left-m-klub-blue .google-play-icon {
        margin-top: 0px;
    }

    .android-problem-box.android-problem-box-redesign {
        padding: 20px 15px;
    }
}

/*#endregion korisnicka-android-problem-box-redesign*/



/*#region telekomMKAppSmetka*/

#telekomMkAppSmetka .appSmetka-intro > img {
    position: absolute;
    right: 0;
    bottom: 50px;
    width: 20%;
    z-index: 0;
}

#telekomMkAppSmetka .appSmetka-intro {
    position: relative;
    background: url(../content/images/mk-app-smetka/telekomAppSajt-background-intro.jpg) no-repeat center;
    background-size: cover;
    /*padding: 50px 0 110px;*/
    padding: 50px 0 70px;
}

    #telekomMkAppSmetka .appSmetka-intro h1 {
        font-size: 34px;
        margin-top: 27px;
    }

    #telekomMkAppSmetka .appSmetka-intro span.appSmetkaBold {
        font-family: 'teleNeo-ultra' !important;
    }

#telekomMkAppSmetka .carousel-control {
    z-index: 10 !important;
    width: 140px;
}

    #telekomMkAppSmetka .carousel-control .glyphicon-chevron-right, #telekomMkAppSmetka .carousel-control .icon-next {
        transform: rotate(180deg);
        right: 50%;
    }

    #telekomMkAppSmetka .carousel-control .glyphicon-chevron-left, #telekomMkAppSmetka .carousel-control .icon-prev {
        left: 50%;
    }

#telekomMkAppSmetka .glyphicon-chevron-left:before, #telekomMkAppSmetka .glyphicon-chevron-right:before {
    content: ']%';
    font-family: 'teleicon-outline';
    color: #7c7c7c;
    font-size: 100px;
}

#telekomMkAppSmetka .glyphicon-chevron-left:before {
    content: ']%';
}

#telekomMkAppSmetka .glyphicon-chevron-right:before {
    content: ']%';
}

#telekomMkAppSmetka .carousel-control .glyphicon-chevron-left, #telekomMkAppSmetka .carousel-control .glyphicon-chevron-right, #telekomMkAppSmetka .carousel-control .icon-prev, #telekomMkAppSmetka .carousel-control .icon-next {
    width: 50px;
    height: 100px;
    top: 45%;
    text-shadow: none;
}



#telekomMkAppSmetka .item li {
    display: block;
    background-image: url(../images/list-bullet.png);
    background-position: 0 14px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 5px;
    margin-left: 30px;
    font-size: 18px;
    color: #000;
}

#telekomMkAppSmetka .appSmetka-intro .appSmetkaCarouselRightBox img {
    /*width: 270px;
        padding-top: 35px;*/
}

#telekomMkAppSmetka .appSmetka-intro .appSmetkaCarouselRightBox {
    text-align: center;
}

#telekomMkAppSmetka .appSmetka-intro .smetkaBoxApp h3 {
    font-family: 'teleNeo-medium' !important;
    margin-bottom: 20px;
}

#telekomMkAppSmetka .appSmetka-intro .smetkaBoxApp img {
    width: 180px;
}

    #telekomMkAppSmetka .appSmetka-intro .smetkaBoxApp img:first-of-type {
        margin-right: 5px;
    }

#telekomMkAppSmetka div#appSmetkaCarousel h4 {
    color: #000000;
    line-height: 1.42857143;
    width: 85%;
}

#telekomMkAppSmetka div#appSmetkaCarousel .carousel-indicators {
    /*bottom: -85px;*/
    bottom: -45px;
}

    #telekomMkAppSmetka div#appSmetkaCarousel .carousel-indicators li {
        background-image: url('../content/images/mk-app-smetka/bullets-app.png') !important;
    }

#telekomMkAppSmetka div#appSmetkaCarousel .appSmetkaCarouselRightBox h4 {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    min-height: 81px;
}

#telekomMkAppSmetka .appSmetka-najava {
    padding: 60px 0;
}

    #telekomMkAppSmetka .appSmetka-najava .appSmetka-najava-box {
        text-align: center;
        width: 70%;
        margin: 0 auto;
    }

        #telekomMkAppSmetka .appSmetka-najava .appSmetka-najava-box h2 {
            margin-bottom: 30px;
            font-family: 'teleNeo-regular' !important;
            font-size: 34px;
            color: #e20074;
        }

        #telekomMkAppSmetka .appSmetka-najava .appSmetka-najava-box p {
            font-size: 18px;
        }


#telekomMkAppSmetka .appSmetkaTableBoX .icon-confirm {
    color: #e20074;
    font-size: 22px;
    font-weight: bolder;
    font-family: 'Telekom-Icon' !important;
}

#telekomMkAppSmetka .telekomAplikacijaBoxTitle {
    position: relative;
}

    #telekomMkAppSmetka .telekomAplikacijaBoxTitle img {
        position: absolute;
        right: 20%;
        top: -27px;
    }

#telekomMkAppSmetka .appSmetkaRightVideoBox {
    padding-top: 40px;
}

#telekomMkAppSmetka .appSmetkaTableBoX table.table-blue > tbody > tr.grayTrTelekomApp {
    background: #f5f7f8;
}

#telekomMkAppSmetka .appSmetkaTableBoX .icon-cancel {
    font-size: 22px;
    color: #999999;
    font-weight: bolder;
    font-family: 'Telekom-Icon' !important;
}

#telekomMkAppSmetka .appSmetkaTableBoX table.table-blue > tbody > tr > td, #telekomMkAppSmetka .appSmetkaTableBoX table.table-blue td + td + td {
    padding: 15px 10px 15px 0;
    border-bottom: 1px solid #e5e5e5 !important;
    color: #000000 !important;
}

#telekomMkAppSmetka .appSmetkaTableBoX table.table-blue > tbody > tr > td, #telekomMkAppSmetka .appSmetkaTableBoX table.table-blue td + td + td {
    border-top: 0;
    font-size: 17px;
    line-height: 19px;
    padding-left: 20px;
}

    #telekomMkAppSmetka .appSmetkaTableBoX table.table-blue > tbody > tr > td:not(:first-child), #telekomMkAppSmetka .appSmetkaTableBoX .table > colgroup + thead > tr:first-child > th:not(:first-child) {
        text-align: center;
        color: #000000 !important;
    }

#telekomMkAppSmetka .appSmetkaTableBoX .table > colgroup + thead > tr:first-child > th:not(:first-child) {
    /*text-transform: uppercase;*/
    font-size: 17px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-family: "teleNeo-regular" !important;
}

#telekomMkAppSmetka .appSmetkaRightImgBox {
    /*height: 470px;*/
    height: auto;
}

#telekomMkAppSmetka .embed-responsive.embed-responsive-16by9 {
    -webkit-box-shadow: 3px 3px 16px -4px rgba(0,0,0,0.8);
    -moz-box-shadow: 3px 3px 16px -4px rgba(0,0,0,0.8);
    box-shadow: 3px 3px 16px -4px rgba(0,0,0,0.8);
}

#telekomMkAppSmetka .appSmetkaCarouselRightBox.appNoDescription img {
    width: 330px;
}

#telekomMkAppSmetka .appSmetkaTableBoX .table > thead > tr > th, .table > tbody > tr > th {
    border-bottom: 1px solid transparent !important;
}


#telekomMkAppSmetka .appSmetkaTableBoX .floatThead-container.floated .table > thead > tr > th, .table > tbody > tr > th {
    border-bottom: 1px solid #e5e5e5 !important;
}

#telekomMkAppSmetka .appSmetka-table {
    padding: 0 0 50px 0;
}


    #telekomMkAppSmetka .appSmetka-table h3 {
        text-align: center;
        cursor: pointer;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        margin: 0 auto;
        margin-bottom: 40px;
        text-transform: uppercase;
        padding-bottom: 3px;
        border-bottom: 1px solid #333333;
        display: table;
    }

#telekomMkAppSmetka a {
    text-decoration: underline;
    /*-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;*/
    color: #333333;
}

    #telekomMkAppSmetka a:hover {
        cursor: pointer;
        /*text-decoration: underline;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;*/
    }

#telekomMkAppSmetka .appSmetka-najava {
    position: relative;
}

    #telekomMkAppSmetka .appSmetka-najava > img {
        position: absolute;
        left: 0;
        width: 22%;
        bottom: -45px;
    }

#telekomMkAppSmetka .appSmetka-table h3 span.ion-ios-arrow-down {
    display: none;
}

#telekomMkAppSmetka .appSmetka-table h3.collapsed span.ion-ios-arrow-down {
    display: inline-block;
}

#telekomMkAppSmetka .appSmetka-table h3 span.ion-ios-arrow-up {
    display: inline-block;
}


#telekomMkAppSmetka .appSmetka-table h3.collapsed span.ion-ios-arrow-up {
    display: none;
}

#telekomMkAppSmetka .appSmetka-table h3 span {
    padding-left: 15px;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#telekomMkAppSmetka {
    margin-top: 0px;
}

@media (min-width: 1200px) and (max-width: 1399px) {


    .homepage-wrapper .urediLandingTextSlider .item.samsung-s21-preorder img.text-two {
        bottom: 20%;
    }

    #telekomMkAppSmetka .carousel-control {
        width: 70px !important;
    }

    #telekomMkAppSmetka .glyphicon-chevron-left:before, #telekomMkAppSmetka .glyphicon-chevron-right:before {
        font-size: 85px;
    }

    #telekomMkAppSmetka .carousel-control .glyphicon-chevron-left, #telekomMkAppSmetka .carousel-control .glyphicon-chevron-right, #telekomMkAppSmetka .carousel-control .icon-prev, #telekomMkAppSmetka .carousel-control .icon-next {
        width: 40px;
    }

    #telekomMkAppSmetka .carousel-control .glyphicon-chevron-right, #telekomMkAppSmetka .carousel-control .icon-next {
        top: 42%;
    }
}

@media(min-width: 1401px) {
    .homepage-wrapper .urediLandingTextSlider .item.samsung-s21-preorder img.text-two {
        bottom: 10% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .white-text-wrap {
        margin-top: 3%;
    }
}



@media (max-width: 1199px) {

    #telekomMkAppSmetka a.carousel-control {
        display: none;
    }
}


@media screen and (min-width: 768px) and (max-width: 991px) {

    #telekomMkAppSmetka .telekomAplikacijaBoxTitle img {
        right: 0%;
    }

    #telekomMkAppSmetka .appSmetka-intro {
        padding: 50px 20px 90px;
    }

    #telekomMkAppSmetka .appSmetka-najava .appSmetka-najava-box {
        width: 90%;
    }

    #telekomMkAppSmetka .appSmetka-najava {
        padding: 50px 0 30px 0;
    }

    #telekomMkAppSmetka .appSmetka-intro .appSmetkaCarouselRightBox img {
        width: 250px;
    }

    div#telekomMkAppSmetka {
        margin-top: -85px;
    }

    #telekomMkAppSmetka div#appSmetkaCarousel .appSmetkaCarouselRightBox h4 {
        min-height: 103px;
    }

    #telekomMkAppSmetka div#appSmetkaCarousel .carousel-indicators {
        bottom: -85px;
    }
}


@media (max-width:767px) {

    #telekomMkAppSmetka {
        margin-top: -1px;
    }

        #telekomMkAppSmetka .appSmetka-table h3 span.ion-ios-arrow-up {
            display: block;
        }

        #telekomMkAppSmetka .appSmetka-table h3.collapsed span.ion-ios-arrow-down {
            display: block;
        }

        #telekomMkAppSmetka .appSmetka-table h3 span {
            padding-top: 10px;
            padding-left: 0px;
            font-size: 27px;
        }

        #telekomMkAppSmetka .appSmetka-intro .appSmetkaCarouselRightBox img {
            width: 270px;
            padding-top: 40px;
        }

        #telekomMkAppSmetka .appSmetka-intro {
            padding: 25px 0 80px;
        }

            #telekomMkAppSmetka .appSmetka-intro h1 {
                font-size: 28px;
            }

        #telekomMkAppSmetka div#appSmetkaCarousel h4 {
            width: 95%;
            font-size: 17px;
        }

        #telekomMkAppSmetka .appSmetka-intro .smetkaBoxApp h3 {
            font-size: 20px;
        }

        #telekomMkAppSmetka .appSmetka-intro .smetkaBoxApp img {
            width: 48%;
        }

        #telekomMkAppSmetka .appSmetka-intro .smetkaBoxApp img {
            width: 150px;
        }

        #telekomMkAppSmetka div#appSmetkaCarousel .appSmetkaCarouselRightBox h4 {
            font-size: 15px;
            min-height: initial;
        }

        #telekomMkAppSmetka .appSmetka-intro .appSmetkaCarouselRightBox img {
            width: 230px;
        }

        #telekomMkAppSmetka .appSmetka-intro h1 {
            margin-top: 0;
        }

        #telekomMkAppSmetka .appSmetka-najava .appSmetka-najava-box {
            text-align: center;
            width: 90%;
            margin: 0 auto;
        }

            #telekomMkAppSmetka .appSmetka-najava .appSmetka-najava-box h2 {
                font-size: 28px;
            }

        #telekomMkAppSmetka .appSmetka-najava {
            padding: 45px 0;
        }

            #telekomMkAppSmetka .appSmetka-najava .appSmetka-najava-box p {
                font-size: 17px;
            }

        #telekomMkAppSmetka .appSmetka-najava {
            padding: 45px 0 30px 0;
        }

        #telekomMkAppSmetka .appSmetka-table h3 {
            width: 90%;
            margin: 0 auto;
            font-size: 20px;
            margin-bottom: 30px !important;
        }

        #telekomMkAppSmetka div#appSmetkaCarousel .carousel-indicators {
            bottom: -70px;
            left: 40%;
            width: 80%;
            margin-left: -30%;
        }

        #telekomMkAppSmetka .embed-responsive.embed-responsive-16by9 {
            margin-top: 40px;
        }

        #telekomMkAppSmetka .appSmetkaRightImgBox {
            height: auto;
        }

        #telekomMkAppSmetka .appSmetka-table h3 {
            border-bottom: none;
        }
}


@media (max-width: 374px) {
    #telekomMkAppSmetka .appSmetka-intro .smetkaBoxApp img {
        width: 120px;
    }
}





/*#endregion telekomMKAppSmetka*/


/*#region IP Centrex korekcii*/

.ipCentrexNew.business-radio-button-design .bts-paket-ddv.active-price, .ipCentrexNew.business-radio-button-design .bts-paket-no-ddv.active-price {
    display: inline-block;
    padding-top: 0;
}



.officeCallNew.business-radio-button-design .bts-paket-ddv.active-price, .officeCallNew.business-radio-button-design .bts-paket-no-ddv.active-price {
    display: inline-block;
    padding-top: 0;
}

.businessCallMoreDopolnitelni.business-radio-button-design .bts-paket-ddv.active-price, .businessCallMoreDopolnitelni.business-radio-button-design .bts-paket-no-ddv.active-price {
    display: inline-block !important;
    padding-top: 0;
}

.magenta-one.office-call .p-uredi-cena .p-currency {
    border-bottom: 0 !important;
}


@media (max-width:767px) {

    .ipCentrexNew .gray-border.smaller.magenta-one-footer.ip-centrex .p-left {
        width: 55% !important;
    }

    .ipCentrexNew .gray-border.smaller.magenta-one-footer.ip-centrex .p-right {
        width: 45% !important;
    }
}

/*#endregion IP Centrex korekcii*/

.mb15 {
    margin-bottom: 15px !important;
}



/*#endregion office call korekcii*/


/*#region office safenet*/
.safeNet-new {
    position: relative;
}

    .safeNet-new img {
        position: absolute;
        right: 0;
        z-index: 5;
        top: 15px;
    }

    .safeNet-new h2 {
        text-align: center;
    }


/*#endregion office safenet*/








/*#region mWallet app*/

#mWalletApp .mWalletApp-intro > img {
    position: absolute;
    right: 0;
    bottom: 50px;
    width: 20%;
    z-index: 0;
}

#mWalletApp .mWalletApp-intro {
    position: relative;
    background: url(../content/images/mk-app-smetka/telekomAppSajt-background-intro.jpg) no-repeat center;
    background-size: cover;
    padding: 50px 0 110px;
    /*min-height: 774px;*/
}

    #mWalletApp .mWalletApp-intro h1 {
        font-size: 34px;
    }

    #mWalletApp .mWalletApp-intro span.appMWalletBold {
        font-family: 'teleNeo-ultra' !important;
    }

    #mWalletApp .mWalletApp-intro #appMWalletCarousel .item li {
        display: block;
        background-image: url(../images/list-bullet.png);
        background-position: 0px 14px;
        background-repeat: no-repeat;
        padding-left: 15px;
        line-height: 145%;
        margin-bottom: 5px;
        margin-left: 30px;
        font-size: 18px;
        color: #000000;
    }

    #mWalletApp .mWalletApp-intro .mWalletBoxAppActivation {
        text-align: center;
    }

        #mWalletApp .mWalletApp-intro .mWalletBoxAppActivation h4 {
            font-size: 21px;
            width: 95% !important;
        }

            #mWalletApp .mWalletApp-intro .mWalletBoxAppActivation h4:last-of-type {
                font-family: 'teleNeo-bold' !important;
            }

#mWalletApp .appMWallet-najava-box a {
    padding-left: 15px;
    margin-left: 30px;
    font-size: 18px;
}

#mWalletApp .appMWallet-najava-box ul {
    margin-bottom: 30px;
}

#mWalletApp .mWalletApp-intro .appMWalletCarouselRightBox img {
    width: 281px;
    padding-top: 35px;
}

#mWalletApp .mWalletApp-intro .appMWalletCarouselRightBox {
    text-align: center;
}

#mWalletApp .mWalletApp-intro .mWalletBoxApp h3 {
    font-family: 'teleNeo-medium' !important;
    margin-bottom: 20px;
}

#mWalletApp .mWalletApp-intro .mWalletBoxApp img {
    width: 180px;
}

    #mWalletApp .mWalletApp-intro .mWalletBoxApp img:first-of-type {
        margin-right: 5px;
    }

#mWalletApp div#appMWalletCarousel h4 {
    color: #000000;
    line-height: 1.42857143;
    width: 85%;
    margin: 0;
}

#mWalletApp div#appMWalletCarousel .carousel-indicators {
    bottom: -85px;
}

    #mWalletApp div#appMWalletCarousel .carousel-indicators li {
        background-image: url('../content/images/mk-app-smetka/bullets-app.png') !important;
    }

#mWalletApp div#appMWalletCarousel .appMWalletCarouselRightBox h4 {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    min-height: 103px;
}

/*#mWalletApp .mWalletApp-intro .mWalletCarouselSlide1 .appMWalletCarouselRightBox img {
    width: 396px;
}*/

#mWalletApp .appMWallet-najava {
    padding: 60px 0;
}

    #mWalletApp .appMWallet-najava .appMWallet-najava-box {
        width: 100%;
        margin: 0 auto;
    }

        #mWalletApp .appMWallet-najava .appMWallet-najava-box .appMWallet-timeHeader {
            text-align: center;
        }


            #mWalletApp .appMWallet-najava .appMWallet-najava-box .appMWallet-timeHeader h2:first-of-type {
                font-family: 'teleNeo-medium' !important;
            }

        #mWalletApp .appMWallet-najava .appMWallet-najava-box h4 {
            font-family: 'teleNeo-medium' !important;
            color: #e20074;
            font-size: 34px;
            text-align: center;
            margin-top: 25px;
        }

            #mWalletApp .appMWallet-najava .appMWallet-najava-box h4 span {
                font-family: 'teleNeo-bold' !important;
            }

        #mWalletApp .appMWallet-najava .appMWallet-najava-box li {
            display: block;
            background-image: url(../images/list-bullet.png);
            background-position: 0px 14px;
            background-repeat: no-repeat;
            padding-left: 15px;
            line-height: 145%;
            margin-bottom: 5px;
            margin-left: 30px;
            font-size: 18px;
        }


        #mWalletApp .appMWallet-najava .appMWallet-najava-box h2 {
            margin-bottom: 30px;
            font-family: 'teleNeo-regular' !important;
            font-size: 34px;
            color: #e20074;
        }

        #mWalletApp .appMWallet-najava .appMWallet-najava-box p {
            font-size: 18px;
        }

#mWalletApp a {
    text-decoration: underline;
    /*-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;*/
    color: #333333;
}

    #mWalletApp a:hover {
        cursor: pointer;
    }

#mWalletApp .appMWallet-najava {
    position: relative;
}

    #mWalletApp .appMWallet-najava > img {
        position: absolute;
        left: 0;
        width: 22%;
        bottom: -45px;
    }

#mWalletApp {
    margin-top: 0px;
}

@media (max-width:767px) {

    #mWalletApp .mWalletApp-intro #appMWalletCarousel .item li, #mWalletApp .appMWallet-najava .appMWallet-najava-box li {
        font-size: 17px;
    }

    #mWalletApp .appMWallet-najava .appMWallet-najava-box h4 {
        margin-top: 35px;
    }

    #mWalletApp {
        margin-top: -1px;
    }

        #mWalletApp .mWalletApp-intro .appMWalletCarouselRightBox img {
            width: 270px;
            padding-top: 40px;
        }

        #mWalletApp .mWalletApp-intro {
            padding: 25px 0 80px;
        }

            #mWalletApp .mWalletApp-intro h1 {
                font-size: 28px;
            }

        #mWalletApp div#appMWalletCarousel h4 {
            width: 95%;
            font-size: 17px;
        }

        #mWalletApp .mWalletApp-intro .mWalletBoxApp h3 {
            font-size: 20px;
        }

        #mWalletApp .mWalletApp-intro .mWalletBoxApp img {
            width: 48%;
        }

        #mWalletApp .mWalletApp-intro .mWalletBoxApp img {
            width: 150px;
        }

        #mWalletApp div#appMWalletCarousel .appMWalletCarouselRightBox h4 {
            font-size: 15px;
            min-height: initial;
        }

        #mWalletApp .mWalletApp-intro .appMWalletCarouselRightBox img {
            width: 230px;
        }

        #mWalletApp .appMWallet-najava .appMWallet-najava-box h2 {
            font-size: 26px;
        }

        #mWalletApp .appMWallet-najava {
            padding: 45px 0;
        }

            #mWalletApp .appMWallet-najava .appMWallet-najava-box p {
                font-size: 17px;
            }

        #mWalletApp .appMWallet-najava {
            padding: 45px 0 30px 0;
        }

            #mWalletApp .appMWallet-najava .appMWallet-najava-box h4 {
                font-size: 26px;
            }

        #mWalletApp div#appMWalletCarousel .carousel-indicators {
            bottom: -70px;
        }
}



@media screen and (min-width: 768px) and (max-width: 991px) {

    #mWalletApp .mWalletApp-intro {
        padding: 0px 0px 90px 0px;
    }

    #mWalletApp .appMWallet-najava .appMWallet-najava-box {
        width: 90%;
    }

    #mWalletApp .appMWallet-najava {
        padding: 50px 0 30px 0;
    }

    #mWalletApp .mWalletApp-intro .appMWalletCarouselRightBox img {
        width: 280px;
        margin-top: 20px;
    }

    div#mWalletApp {
        margin-top: -85px;
    }

    #mWalletApp .mWalletApp-intro .mWalletBoxApp h3 {
        font-size: 21px;
    }

    #mWalletApp div#appMWalletCarousel .appMWalletCarouselRightBox h4 {
        min-height: 59px !important;
    }

    #mWalletApp div#appMWalletCarousel h4 {
        width: 90%;
    }

    #mWalletApp .mWalletBoxApp {
        text-align: center;
    }
}







/*#endregion mWallet app*/


@media (max-width:767px) {


    .slider-naslovna2 div#myCarousel2 .item.iphone-8-mobile.active {
        background: url(../content/banners/2017/i8mob-iPhone-8-A1-baner-Naskoro.png) no-repeat !important;
        background-position: 10% 0 !important;
    }
}


@media (max-width:374px) {

    .slider-naslovna2 div#myCarousel2 .item.iphone-8-mobile.active {
        background: url(../content/banners/2017/i8mob-iPhone-8-A1-baner-5.png) no-repeat !important;
        background-position: 10% 0 !important;
    }

    #mWalletApp .mWalletApp-intro .mWalletBoxApp img {
        width: 120px;
    }

    #mWalletApp .mWalletApp-intro .mWalletBoxApp h3 {
        font-size: 19px;
    }

    #mWalletApp .appMWallet-najava .appMWallet-najava-box h2 {
        font-size: 21px;
    }
}



/*iphone sporedba*/


.iphoneSporedbi2017 .btn-grey.btn-iphone {
    font-size: 12px;
    font-family: "HelveticaNeueCyr-Light", Helvetica, Arial !important;
    padding: 5px 2px !important;
    min-width: 90px;
    color: #999 !important;
    border: 1px solid #999 !important;
    background: white;
}

    .iphoneSporedbi2017 .btn-grey.btn-iphone:hover {
        background: #999 !important;
        color: white !important;
    }

.iphoneSporedbi2017 .imgiphoneX {
    width: 88%;
}

.iphoneSporedbi2017 a.btn.btn-grey.btn-iphone.btn-iphone-kupi {
    margin-top: 20px;
    margin-bottom: 7px;
}




.iphoneSporedbi2017 table.table-blue > tbody > tr > td, .iphoneSporedbi2017 table.table-blue td + td + td {
    vertical-align: top;
    font-family: "HelveticaNeueCyr-Light", Helvetica, Arial !important;
    font-size: 13px;
}

.iphoneSporedbi2017 strong, .iphoneSporedbi2017 b {
    font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
}

.iphoneSporedbi2017 table.table-blue thead tr th {
    font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
}

table.table-blue > tbody > tr > td.iphoneSporedbi2017border {
    border-bottom: 1px solid #dcdcdc !important;
    padding-bottom: 30px;
}

.iPhone8sporedbaText {
    background: #f2f2f2;
    padding: 20px 20px 20px 5px;
    font-family: "HelveticaNeueCyr-Light", Helvetica, Arial !important;
    font-size: 13px;
}

    .iPhone8sporedbaText ol li {
        padding-left: 10px;
        color: #959595;
        margin-bottom: 5px;
    }

.slider-naslovna2 .item.iphone8-BannerMob {
    background-position: 96% 0 !important;
}


/*internet bezbednost*/

.komunikacija-boxes-wrapper.internetBezbednostNew .komunikacija-content img {
    display: block;
    margin: 0 auto;
    width: 80px;
    height: auto;
}

.komunikacija-boxes-wrapper.internetBezbednostNew {
    width: 100% !important;
    max-width: initial;
}

    .komunikacija-boxes-wrapper.internetBezbednostNew .komunikacija-content h2 {
        padding-bottom: 10px;
        padding-top: 20px;
    }

    .komunikacija-boxes-wrapper.internetBezbednostNew .komunikacija-content {
        min-height: 320px;
        padding: 15px;
    }

        .komunikacija-boxes-wrapper.internetBezbednostNew .komunikacija-content p {
            margin-bottom: 0;
            position: relative;
        }

@media (max-width: 991px) and (min-width: 768px) {

    /*.komunikacija-boxes-wrapper.internetBezbednostNew .komunikacija-content {
    min-height: 350px;
}*/

    .komunikacija-boxes-wrapper.internetBezbednostNew .komunikacija-content p {
        font-size: 16px;
    }
}



@media (min-width: 768px) {

    .iphoneSporedbi2017 .floatThead-container.floated {
        top: 62px !Important;
    }
}


/*internet paketi dopolnitelni informacii*/


#internet-paketi-boxes {
    position: relative;
    padding-bottom: 60px;
}

    /*#internet-paketi-boxes .intrenetDopInfoPdf {
    position: absolute;
    right: -30%;
    bottom: 0;
}*/

    #internet-paketi-boxes .intrenetDopInfoPdf a {
        text-decoration: none;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

    #internet-paketi-boxes .no-promo {
        text-decoration: line-through;
    }

    #internet-paketi-boxes p.promoCopyText {
        padding-top: 30px;
    }

    #internet-paketi-boxes .intrenetDopInfoPdf > a > div.info-pluss-box {
        background-color: white;
        background-image: url(../images/magenta1Calc/arrow-font-right.png);
        background-repeat: no-repeat;
        background-position: 90% center;
        /* height: 85px; */
        cursor: pointer;
        display: table;
        -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.34);
        -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.34);
        box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.34);
        padding: 20px 25% 20px 9%;
        margin: 0 auto;
    }

    #internet-paketi-boxes .intrenetDopInfoPdf {
        position: relative;
    }

    #internet-paketi-boxes .intrenetDopInfoPdf {
        position: relative;
    }

        #internet-paketi-boxes .intrenetDopInfoPdf .info-pluss-box-img {
            display: table-cell;
            vertical-align: middle;
        }

        #internet-paketi-boxes .intrenetDopInfoPdf .info-pluss-box-text {
            display: table-cell;
            vertical-align: middle;
        }

        #internet-paketi-boxes .intrenetDopInfoPdf .info-pluss-box-img img {
            /*margin-right: 25px;*/
            margin-right: 1vw;
        }

        #internet-paketi-boxes .intrenetDopInfoPdf .info-pluss-box-text h4 {
            /*font-size: 1vw;*/
            font-size: 17px;
            padding: 0;
            margin: 0;
        }

    #internet-paketi-boxes .internet-tv-paketi-boxes ul li {
        background: none;
        padding-left: 0;
        margin-bottom: 7px;
        margin-left: 0;
    }

    #internet-paketi-boxes .internet-tv-paketi-boxes .magenta-internet-title img {
        width: 41px;
    }

@media (min-width:1200px) and (max-width:1399px) {

    .internet-tv-paketi-boxes .imgDesc span {
        font-size: 21px;
    }
}


/*@media (min-width:1200px) {

    #internet-paketi-boxes .internet-tv-paketi-boxes ul li {
        font-size: 17px;
    }
}*/



@media (min-width:992px) and (max-width:1199px) {

    .internet-tv-paketi-boxes .imgDesc span {
        font-size: 19px;
    }

    #internet-paketi-boxes .intrenetDopInfoPdf > a > div.info-pluss-box {
        padding: 20px 15% 20px 7%;
    }

    .internet-tv-paketi-boxes .promena-na-sirina {
        padding-right: 0;
    }
}


@media (min-width:768px) and (max-width:991px) {

    #internet-paketi-boxes p.promoCopyText {
        padding-top: 10px;
    }

    .internet-tv-paketi-boxes {
        margin-bottom: 35px;
    }

    #internet-paketi-boxes .intrenetDopInfoPdf {
        margin-bottom: 30px;
    }

    .internet-tv-paketi-boxes .magenta-box-choose {
        margin-bottom: 30px;
    }

    #internet-paketi-boxes .intrenetDopInfoPdf a {
        position: relative;
    }

    .internet-tv-paketi-boxes .calcTariffToChoose img.ecPromotivnoNoemvri {
        right: -20px;
        top: -47px;
        width: 80px;
    }
}


@media (max-width:767px) {


    .iphoneSporedbi2017 a.btn.btn-grey.btn-iphone.btn-iphone-kupi {
        margin-top: 10px;
    }

    .iphoneSporedbi2017 a.btn.btn-grey.btn-iphone {
        width: 100%;
    }


    #internet-paketi-boxes .intrenetDopInfoPdf > a > div.info-pluss-box {
        width: 100%;
    }

    .internet-tv-paketi-boxes .magenta-box-choose {
        margin-bottom: 20px;
    }

    #internet-paketi-boxes .internet-tv-paketi-boxes {
        margin-bottom: 30px !important;
    }

    #internet-paketi-boxes .intrenetDopInfoPdf {
        margin-bottom: 30px;
    }

        #internet-paketi-boxes .intrenetDopInfoPdf a {
            position: relative;
        }

    .internet-tv-paketi-boxes .calcTariffToChoose img.ecPromotivnoNoemvri {
        right: -30px;
        top: -47px;
        width: 80px;
    }
}



/*#region iPhone8*/


/*.iphoneSporedbi2017 .table-blue tbody tr td {
    font-family: "Arial" !important;
}*/


@media(min-width:768px) and (max-width:1199px) {
    .iphoneSporedbi2017 .table-responsive {
        width: 100%;
        overflow-x: auto;
    }

    /*.iphoneSporedbi2017 .btn-grey.btn-iphone {
    white-space: initial;
    word-break: break-all;
}*/

}

@media(min-width:1200px) {
    .iphoneSporedbi2017 .table-responsive {
        overflow-x: hidden;
    }
}

div#iphone8 {
    /*font-family: 'Arial' !important;*/
    font-family: "Helvetica Neue", Helvetica, Arial !important;
}

    div#iphone8 h1, div#iphone8 .h1, div#iphone8 h2, div#iphone8 .h2, div#iphone8 p {
        /*font-family: 'Arial' !important;*/
        font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
    }

#iphone8 .iphone8-logo {
    max-width: 130px;
}

#iphone8 .full-article {
    padding: 0 !important;
}

#iphone8 .inner-content-container {
    padding-bottom: 0 !important;
}

#iphone8 .roseGoldSection {
    background: #fae8de;
    padding-top: 135px;
    padding-bottom: 60px;
}

    #iphone8 .roseGoldSection .row, .goldSection .row, #iphone8 .whiteSection .row {
        max-width: 1160px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

#iphone8 .preorderBtn, .preorderBtn:hover, .preorderBtn:focus, #iphone8 .preorderBtn:active {
    background: none;
    border: 2px solid #949596 !important;
    border-radius: 7px !important;
    color: #838384;
    font-size: 22px !important;
    width: auto;
    padding: 10px 30px !important;
    position: relative;
}

#iphone8 sup {
    font-size: 12px;
}

#iphone8 .blackLet {
    color: black;
    font-size: 48px;
    text-align: center;
    padding-bottom: 50px;
    padding-top: 20px;
    line-height: 37px;
}

#iphone8 .iPhone8Compare {
    color: #0070c9;
    font-size: 25px;
    text-align: center;
    width: 100%;
    display: block;
    padding-bottom: 50px;
}

#iphone8 .brownLet {
    color: #a66142;
}

    #iphone8 .brownLet.naslov {
        text-align: center;
        padding-bottom: 50px;
        padding-top: 20px;
        font-size: 72px;
        text-transform: none !important;
    }

#iphone8 .whiteSection.greyBackground {
    background-color: #fdfdfd;
    padding-bottom: 0px;
}

#iphone8 .photoUpper.rowSlika {
    padding-top: 90px;
}

#iphone8 p.secondHalf {
    line-height: 1.25;
    font-size: 24px;
    /*font-family: 'teleNeo-medium' !important;*/
    color: black;
    margin-top: 5px;
}

#iphone8 p.firstHalf {
    line-height: 1;
    font-size: 21px;
    /*font-family: 'teleNeo-medium' !important;*/
    color: black;
}

#iphone8 .whiteSection.pt0, #iphone8 .rowTekst.pt0 {
    padding-top: 0px;
}

#iphone8 .iphoneImg50 {
    width: 50%;
}

#iphone8 .row.rowTekst .col-sm-2 {
    width: 19%;
}

#iphone8 .pt0 {
    padding-top: 0px;
}

#iphone8 .brownLet.naslov2 {
    font-size: 60px;
    text-align: center;
    padding-bottom: 50px;
    padding-top: 0px;
    /*font-family: 'teleNeo-medium' !important;*/
    line-height: 1;
}

    #iphone8 .brownLet.naslov2.retinaHD {
        padding-bottom: 0px;
    }

#iphone8 .brownLet.naslov1 {
    font-size: 27px;
    margin-bottom: 25px;
    /*font-family: 'teleNeo-medium' !important;*/
}

#iphone8 .pt60 {
    padding-top: 60px;
}

#iphone8 .brownLet.logoNaslov {
    font-size: 40px;
}

#iphone8 .magenta-btn {
    border: none !important;
    border-radius: 0 !important;
    padding: 12px 40px !important;
    width: 100%;
    max-width: 319px;
    margin-top: 5px !important;
}

#iphone8 .iphoneImg40 {
    width: 40%;
}

#iphone8 .iphoneImg30 {
    width: 30%;
}

#iphone8 .iphoneImg70 {
    width: 70%;
}

#iphone8 .iphoneImg80 {
    width: 80%;
}

#iphone8 .iphoneImg50 {
    width: 50%;
}

#iphone8 .iphoneImg20 {
    width: 20%;
}

#iphone8 .iphoneImg60 {
    width: 60%;
}

#iphone8 .brownLet.opis {
    max-width: 640px;
    padding-bottom: 40px;
    padding-top: 10px;
    line-height: 1.2;
    font-size: 24px;
    /*font-family: 'teleNeo-medium' !important;*/
    margin-left: auto;
    margin-right: auto;
}

#iphone8 .goldSection {
    background: #fceee3;
    padding-top: 80px;
}

#iphone8 .whiteSection {
    background: #fff;
    padding-top: 80px;
    padding-bottom: 60px;
}

#iphone8 .graySection {
    background: #ededed;
    padding: 40px 25px 100px 25px;
    color: #888888;
    margin-bottom: 100px;
    font-family: "HelveticaNeueCyr-Light", Helvetica, Arial !important;
}

    #iphone8 .graySection p {
        font-family: "HelveticaNeueCyr-Light", Helvetica, Arial !important;
        font-size: 13px;
    }

#iphone8 a.btn.btn-grey.btn-iphone8 {
    display: block !important;
    padding: 10px 0 !important;
}

#iphone8 a.btn-iphone8 {
    margin: 0 auto;
    display: inline !important;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    color: #999 !important;
    border: 1px solid #999 !important;
    font-weight: 500 !important;
    font-size: 17px !important;
    padding: 10px !important;
    width: 170px !important;
    background: white;
    line-height: 1.2;
    font-family: "HelveticaNeueCyr-Light", Helvetica, Arial !important;
}

    #iphone8 a.btn-iphone8:hover {
        background: #999 !important;
        color: white !important;
    }

#iphone8 .iphone8-btnIntro a {
    background: transparent !important;
    border: 1px solid #a7623f !important;
    color: #a7623f !important;
}

    #iphone8 .iphone8-btnIntro a:hover {
        background: #fceee3 !important;
        color: #a7623f !important;
    }


#iphone8 .iphone8-btnIntro {
    margin-top: -15px;
}

#iphone8 .iphone8-introBox {
    position: relative;
}

    #iphone8 .iphone8-introBox img.iphone8-imgBoxEC {
        position: absolute;
        width: 120px;
        right: 12%;
        top: 10%;
    }

#iphone8 .firstHalf {
    font-size: 18px;
    text-align: left;
}

#iphone8 .secondHalf {
    font-size: 20px;
    text-align: left;
}

.whiteSection .rowTekst {
    padding-top: 50px;
}

#iphone8 .whiteSection .rowTekst.forGreyBackgroundSection {
    padding-top: 0;
    padding-bottom: 10px;
}

#iphone8 .mr0 {
    margin-right: 0 !important;
}

#iphone8 .flR {
    float: right;
}

#iphone8 .pb60 {
    padding-bottom: 60px;
}

#iphone8 .m {
    margin: auto;
}

#iphone8 .block {
    display: block;
}


#iphone8 .iPhoneLinks a {
    color: black;
    font-size: 48px;
    text-align: center;
    padding-top: 70px;
    line-height: 1;
    text-decoration: none;
    padding-bottom: 40px;
    display: block;
    /*font-family: 'teleNeo-medium' !important;*/
}

#iphone8 .pt30 {
    padding-top: 30px;
}

#iphone8 .graySection .row {
    text-align: left !important;
    font-size: 18px;
    line-height: 1.3;
    max-width: 960px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

    #iphone8 .graySection .row p {
        font-size: 18px;
        line-height: 1.3;
    }

#iphone8 .graySection ol {
    list-style: decimal;
    padding-left: 16px;
}

    #iphone8 .graySection ol li {
        padding-bottom: 15px;
        font-size: 16px;
    }


@media (min-width:768px) and (max-width:991px) {


    #iphone8 .roseGoldSection {
        padding-top: 100px;
        padding-bottom: 35px;
    }

    #iphone8 .brownLet.naslov {
        font-size: 50px;
    }

    #iphone8 .brownLet.opis {
        font-size: 22px;
    }

    #iphone8 .brownLet.naslov1 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    #iphone8 .brownLet.naslov2 {
        font-size: 50px;
    }

    #iphone8 section.boxSectionWithHeader h1, #iphone8 h1 {
        font-size: 50px;
    }

    #iphone8 section.boxSectionWithHeader p {
        font-size: 26px;
        margin-bottom: 10px;
    }

    #iphone8 .whiteSection {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #iphone8 p.secondHalf {
        font-size: 22px;
    }

    #iphone8 p.firstHalf {
        font-size: 19px;
    }
}






@media (max-width:767px) {

    #iphone8 .row.rowTekst .col-xs-12 {
        width: 100% !important;
    }

    #iphone8 .pt60 {
        padding-top: 30px;
    }

    .iphoneSporedbi2017 .table-responsive .table.table-blue.mceItemTable thead tr th img {
        width: 100%;
    }

    #iphone8 .iphone8-introBox img.iphone8-imgBoxEC {
        width: 85px;
        right: 9%;
    }

    #iphone8 .iphone8-btnIntro {
        margin-top: -20px;
        padding-bottom: 20px;
    }

    #iphone8 .iphoneImg90 {
        width: 90% !important;
    }

    #iphone8 .brownLet.logoNaslov {
        font-size: 38px;
    }

    #iphone8 .brownLet.naslov {
        font-size: 34px;
        line-height: 1;
    }

    #iphone8 .iphone8-logo {
        max-width: 115px;
    }

    #iphone8 .brownLet.opis {
        font-size: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    #iphone8 p.secondHalf {
        font-size: 20px;
    }

    /*#iphone8 .pb60 {
    padding-bottom: 30px;
}*/

    #iphone8 .photoUpper.rowSlika {
        padding-top: 50px;
    }

    #iphone8 .brownLet.naslov1 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    #iphone8 .brownLet.naslov2 {
        font-size: 35px;
        padding-right: 10px;
        padding-left: 10px;
    }

    #iphone8 .brownLet.naslov2 {
        font-size: 33px;
        padding-bottom: 30px;
    }

    #iphone8 p.firstHalf {
        font-size: 18px;
    }

    #iphone8 .roseGoldSection {
        padding-top: 50px;
        padding-bottom: 10px;
    }

    #iphone8 .goldSection {
        padding-top: 50px;
    }

    #iphone8 .whiteSection {
        padding-top: 40px;
        padding-bottom: 20px;
    }

        #iphone8 .whiteSection .rowTekst {
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 30px;
        }

    #iphone8 .graySection {
        padding: 20px 25px 25px 20px;
    }

    #iphone8 .whiteSection.greyBackground .rowTekst.pb60 .col-sm-2.col-sm-offset-2.pb60 {
        padding-bottom: 0px;
    }

    #iphone8 .graySection .row, .graySection .row p {
        font-size: 16px;
    }

    #iphone8 .iPhoneLinks a {
        padding-top: 35px;
        padding-bottom: 0;
        font-size: 33px;
        line-height: 1.1;
    }
}


/*#region iPhone* compare*/
#iphone8 .iphone8-models {
    font-family: tele-groteskhalregular;
    margin-top: 0px;
    padding-bottom: 40px;
    background: #fff;
}

    #iphone8 .iphone8-models h1 {
        margin: 30px 0 50px;
    }


#iphone8 .reserveiPhone8 {
    font-size: 17px;
    line-height: 1.52947;
    font-weight: 400;
    letter-spacing: -.021em;
    font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    background-color: #0070c9;
    background: -webkit-linear-gradient(#42a1ec,#0070c9);
    background: linear-gradient(#42a1ec,#0070c9);
    border-color: #07c;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    display: inline-block;
    min-width: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 4px;
    text-align: center;
    white-space: nowrap;
}

    #iphone8 .reserveiPhone8 > a {
        color: white;
    }

        #iphone8 .reserveiPhone8 > a:hover, #iphone8 .reserveiPhone8 > a:focus, #iphone8 .reserveiPhone8 > a:active {
            color: white;
        }

    #iphone8 .reserveiPhone8:hover {
        background-color: #147bcd;
        background: -webkit-linear-gradient(#51a9ee,#147bcd);
        background: linear-gradient(#51a9ee,#147bcd);
        border-color: #1482d0;
        text-decoration: none;
    }

#iphone8 .reservishi {
    text-align: center;
}

    #iphone8 .reservishi p {
        font-size: 22px;
        line-height: 1;
        font-family: tele-groteskfetregular;
        letter-spacing: .012em;
        text-align: center;
        display: block;
        padding-bottom: 17px;
    }

        #iphone8 .reservishi p span {
            margin-top: 4px;
            font-size: 18px;
            font-family: tele-groteskhalregular;
            display: block;
        }

#iphone8 .row.table {
    display: table;
    table-layout: fixed;
    vertical-align: middle;
}

    #iphone8 .row.table div {
        display: table-cell;
        float: none;
        vertical-align: middle;
    }

    #iphone8 .row.table > div {
        width: 50%;
    }






@media (max-width:991px) {
    .prepaid-box-redesign.prepaid-nov-broj:after,
    .prepaid-box-redesign.prepaid-cool-plus:after {
        content: '';
        display: none;
    }

    .prepaid-box-redesign.prepaid-nov-broj {
        padding: 30px;
    }

    #iphone8 .reservishi p {
        font-size: 18px;
    }

        #iphone8 .reservishi p span {
            font-size: 15px;
        }

    #iphone8 .row.table .tab2 {
        margin-top: 45px;
    }

    .num-instalments .p-rates, .num-instalments span {
        display: inline-block;
        color: #e20074;
    }

    #homepageTabs-accordion .phone-box .p-uredi-cena span.num-instalments {
        display: block;
        font-size: 12px;
        line-height: 13px;
        text-transform: uppercase;
    }

    #homepageTabs-accordion .phone-box .p-uredi-cena .num-instalments .p-rates, #homepageTabs-accordion .phone-box .p-uredi-cena .num-instalments span {
        color: #383838;
        font-family: teleNeo-bold !important;
    }

    #homepageTabs-accordion .phone-box .p-uredi-cena .p-currency, #homepageTabs-accordion .phone-box .p-uredi-cena .p-rates, #homepageTabs-accordion .phone-box .p-uredi-cena .p-rates > span {
        color: #383838;
        font-family: teleNeo-bold !important;
    }
}

@media (max-width:767px) {
    #iphone8 .row.table {
        display: block;
        margin: 0px;
    }

        #iphone8 .row.table div {
            display: table-cell;
            float: none;
            vertical-align: middle;
        }

        #iphone8 .row.table > div {
            display: table !important;
            width: 100%;
        }



    #iphone8 .reservishi {
        text-align: center;
        display: block !important;
    }

    #iphone8 .fr-xs {
        float: right !important;
    }

    #iphone8 .fl-xs {
        float: left !important;
        text-align: center;
    }

    #iphone8 .mb40-xs {
        margin-bottom: 40px;
    }

    #iphone8 .pull-right.pullReset-xs {
        float: none !important;
    }
}











/*#endregion iPhone8*/













/*#region iPhoneX*/


div#iphoneX {
    /*font-family: 'Arial' !important;*/
    font-family: "Helvetica Neue", Helvetica, Arial !important;
}

    div#iphoneX h1, div#iphoneX .h1, div#iphoneX h2, div#iphoneX .h2, div#iphoneX p {
        /*font-family: 'Arial' !important;*/
        font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
    }

#iphoneX .iphoneX-logo {
    max-width: 190px;
    margin-bottom: 55px !important;
}

#iphoneX .firstBoxSection {
    padding: 135px 20px 60px 20px;
    margin-bottom: 100px;
}

#iphoneX section#section1 a.btn-iphoneX {
    margin-top: 50px;
}



#iphoneX .firstBoxSection .firstBox.opis {
    max-width: 90%;
    margin-bottom: 100px;
    line-height: 1.2;
    font-size: 24px;
    margin: 0 auto;
    margin-top: 100px;
    color: black;
}


#iphoneX .firstBoxSection img {
    margin: 0 auto;
    display: block;
}


    #iphoneX .firstBoxSection img:last-of-type {
        width: 35%;
    }

#iphoneX .iphoneImg35 {
    width: 35%;
}

#iphoneX .full-article {
    padding: 0 !important;
}

#iphoneX .inner-content-container {
    padding-bottom: 0 !important;
}

#iphoneX .roseGoldSection {
    background: #fae8de;
    padding-top: 135px;
    padding-bottom: 60px;
}

    #iphoneX .roseGoldSection .row, .goldSection .row, #iphoneX .whiteSection .row {
        max-width: 1160px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

#iphoneX .preorderBtn, .preorderBtn:hover, .preorderBtn:focus, #iphoneX .preorderBtn:active {
    background: none;
    border: 2px solid #949596 !important;
    border-radius: 7px !important;
    color: #838384;
    font-size: 22px !important;
    width: auto;
    padding: 10px 30px !important;
    position: relative;
}

#iphoneX sup {
    font-size: 12px;
}

#iphoneX .blackLet {
    color: black;
    font-size: 48px;
    text-align: center;
    padding-bottom: 50px;
    padding-top: 20px;
    line-height: 37px;
}

#iphoneX .iphoneXCompare {
    color: #0070c9;
    font-size: 25px;
    text-align: center;
    width: 100%;
    display: block;
    padding-bottom: 50px;
}



#iphoneX .whiteSection.greyBackground {
    background-color: #fdfdfd;
    padding-bottom: 0px;
}

#iphoneX .photoUpper.rowSlika {
    padding-top: 90px;
}

#iphoneX p.secondHalf {
    line-height: 1.25;
    font-size: 24px;
    /*font-family: 'teleNeo-medium' !important;*/
    color: black;
    margin-top: 5px;
}

#iphoneX p.firstHalf {
    line-height: 1.1;
    font-size: 21px;
    /*font-family: 'teleNeo-medium' !important;*/
    color: black;
}

#iphoneX section.boxSectionWithHeader p {
    font-size: 27px;
    margin-bottom: 22px;
    color: black;
}

#iphoneX section.boxSectionWithHeader h1, #iphoneX h1 {
    font-size: 60px;
    text-align: center;
    padding-bottom: 80px;
    padding-top: 0px;
    line-height: 1;
    color: black;
    text-transform: none;
    width: 75%;
    margin: 0 auto;
}

#iphoneX h1 {
    padding-bottom: 50px;
}




#iphoneX section.boxSectionWithHeader.grayBox {
    background: #fafafa;
}

    #iphoneX section.boxSectionWithHeader.grayBox h1 {
        padding-bottom: 35px;
    }




#iphoneX .whiteSection.pt0, #iphoneX .rowTekst.pt0 {
    padding-top: 0px;
}

#iphoneX .iphoneImg50 {
    width: 50%;
}



#iphoneX .row.rowTekst .col-sm-2 {
    width: 19%;
}

#iphoneX .pt0 {
    padding-top: 0px;
}


#iphoneX .pt60 {
    padding-top: 60px;
}



#iphoneX .magenta-btn {
    border: none !important;
    border-radius: 0 !important;
    padding: 12px 40px !important;
    width: 100%;
    max-width: 319px;
    margin-top: 5px !important;
}

#iphoneX .iphoneImg40 {
    width: 40%;
}

#iphoneX .iphoneImg30 {
    width: 30%;
}

#iphoneX .iphoneImg70 {
    width: 70%;
}

#iphoneX .iphoneImg80 {
    width: 80%;
}

#iphoneX .iphoneImg50 {
    width: 50%;
}

#iphoneX .iphoneImg20 {
    width: 20%;
}

#iphoneX .iphoneImg60 {
    width: 60%;
}



#iphoneX .goldSection {
    background: #fceee3;
    padding-top: 80px;
}

#iphoneX .whiteSection {
    background: #fff;
    padding-top: 80px;
    padding-bottom: 60px;
}

#iphoneX .graySection {
    background: #ededed;
    padding: 40px 25px 50px 25px;
    color: #888888;
    margin-bottom: 100px;
    font-family: "HelveticaNeueCyr-Light", Helvetica, Arial !important;
}

    #iphoneX .graySection p {
        font-family: "HelveticaNeueCyr-Light", Helvetica, Arial !important;
        font-size: 13px;
    }

#iphoneX .firstHalf {
    font-size: 18px;
    text-align: left;
}

#iphoneX .secondHalf {
    font-size: 20px;
    text-align: left;
}

.whiteSection .rowTekst {
    padding-top: 50px;
}

#iphoneX .whiteSection .rowTekst.forGreyBackgroundSection {
    padding-top: 0;
    padding-bottom: 10px;
}

#iphoneX .mr0 {
    margin-right: 0 !important;
}

#iphoneX .flR {
    float: right;
}

#iphoneX .pb60 {
    padding-bottom: 60px;
}

#iphoneX .m {
    margin: auto;
}

#iphoneX .block {
    display: block;
}

#iphoneX a.btn-iphoneX {
    margin: 0 auto;
    display: block !important;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    color: #999 !important;
    border: 1px solid #999 !important;
    font-weight: 500 !important;
    font-size: 17px !important;
    padding: 10px 0 10px 0 !important;
    width: 170px !important;
    background: white;
    line-height: 1.2;
    font-family: "HelveticaNeueCyr-Light", Helvetica, Arial !important;
}

#iphoneX .iphoneXlinkBox {
    padding: 60px 0;
}

    #iphoneX .iphoneXlinkBox img {
        padding: 60px 0;
    }

    #iphoneX .iphoneXlinkBox a.btn-iphoneX {
        margin-bottom: 50px;
    }

#iphoneX a.btn-iphoneX:hover {
    background: #999 !important;
    color: white !important;
}


#iphoneX .iPhoneLinks a {
    color: black;
    font-size: 48px;
    text-align: center;
    padding-top: 70px;
    line-height: 1;
    text-decoration: none;
    padding-bottom: 40px;
    display: block;
    /*font-family: 'teleNeo-medium' !important;*/
}

#iphoneX .pt30 {
    padding-top: 30px;
}

#iphoneX .graySection .row {
    text-align: left !important;
    font-size: 18px;
    line-height: 1.3;
    max-width: 960px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

    #iphoneX .graySection .row p {
        font-size: 18px;
        line-height: 1.3;
    }

#iphoneX .graySection ol {
    list-style: decimal;
    padding-left: 16px;
}

    #iphoneX .graySection ol li {
        padding-bottom: 15px;
        font-size: 16px;
    }




@media (min-width:768px) and (max-width:991px) {


    #iphoneX .firstBoxSection {
        padding: 85px 20px 10px 20px;
    }

        #iphoneX .firstBoxSection .firstBox.opis {
            font-size: 22px;
            margin-top: 60px;
        }

    #iphoneX section.boxSectionWithHeader h1, #iphoneX h1 {
        font-size: 50px;
    }

    #iphoneX section.boxSectionWithHeader p {
        font-size: 26px;
        margin-bottom: 10px;
    }

    #iphoneX .whiteSection {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #iphoneX p.secondHalf {
        font-size: 22px;
    }

    #iphoneX p.firstHalf {
        font-size: 19px;
    }
}





@media (max-width:767px) {

    #iphoneX .row.rowTekst .col-xs-12 {
        width: 100% !important;
    }

    #iphoneX .firstBoxSection {
        padding: 55px 20px 20px 20px;
        margin-bottom: 50px;
    }

        #iphoneX .firstBoxSection .firstBox.opis {
            max-width: 100%;
            margin-bottom: 0px;
            font-size: 20px;
            margin-top: 50px;
        }

    #iphoneX section.boxSectionWithHeader h1, #iphoneX h1 {
        font-size: 34px;
        padding-bottom: 60px;
        line-height: 1.1;
        width: 95%;
    }

    /*#iphoneX .iphoneImg90 {
    width: 100% !important;
}*/

    #iphoneX .pt60 {
        padding-top: 30px;
    }

    #iphoneX .iphoneXlinkBox a.btn-iphoneX {
        margin-bottom: 25px;
    }

    #iphoneX .iphoneXlinkBox {
        padding: 30px 0 10px 0;
    }

    #iphoneX section.boxSectionWithHeader p {
        font-size: 20px;
        margin-bottom: 10px;
    }


    #iphoneX .iphoneImg90 {
        width: 90% !important;
    }

    #iphoneX .iphoneX-logo {
        max-width: 125px;
    }

    #iphoneX p.secondHalf {
        font-size: 20px;
    }



    #iphoneX .roseGoldSection {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #iphoneX .goldSection {
        padding-top: 50px;
    }

    #iphoneX .whiteSection {
        padding-top: 40px;
        padding-bottom: 20px;
    }

        #iphoneX .whiteSection .rowTekst {
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 30px;
        }

    #iphoneX .graySection {
        padding: 20px 25px 25px 20px;
    }

    #iphoneX .whiteSection.greyBackground .rowTekst.pb60 .col-sm-2.col-sm-offset-2.pb60 {
        padding-bottom: 0px;
    }

    #iphoneX .graySection .row, .graySection .row p {
        font-size: 16px;
    }

    #iphoneX .iPhoneLinks a {
        font-size: 35px;
        padding-top: 35px;
        padding-bottom: 0;
    }

    #iphoneX p.firstHalf {
        font-size: 18px;
    }

    #iphoneX section.boxSectionWithHeader.grayBox h1 {
        padding-bottom: 33px;
    }

    /*#iphoneX .imgFullWidth {
    width: 100% !important;
}*/



}


@media (max-width: 374px) {


    #iphoneX section.boxSectionWithHeader h1, #iphoneX h1 {
        font-size: 26px;
    }

    #iphoneX .firstBoxSection .firstBox.opis {
        font-size: 19px;
    }

    #iphoneX section.boxSectionWithHeader p {
        font-size: 20px;
    }

    #iphoneX p.secondHalf {
        font-size: 19px;
    }


    #iphoneX p.firstHalf {
        font-size: 16px;
    }

    #iphoneX .graySection {
        padding-top: 20px;
        padding-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }
}




/*#endregion iPhoneX*/


.item.iphoneX {
    background: url(/content/banners/2017/iX-mob-23195_96602_PowerPoint_RGB_2019-09-01.jpg) no-repeat !important;
    background-position: 100% 0 !important;
}





/*#region smartPlatinum*/

#smartPlatinum .smartPlatinumPridobivki {
    background: #ed008c;
    background: -moz-linear-gradient(45deg, #ed008c 0%, #ed008c 49%, #d3006c 66%, #ed008c 89%, #dc0071 100%);
    background: -webkit-linear-gradient(45deg, #ed008c 0%,#ed008c 49%,#d3006c 66%,#ed008c 89%,#dc0071 100%);
    background: linear-gradient(45deg, #ed008c 0%,#ed008c 49%,#d3006c 66%,#ed008c 89%,#dc0071 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed008c', endColorstr='#dc0071',GradientType=1 );
    padding: 50px 35px 30px;
}

    #smartPlatinum .smartPlatinumPridobivki > p {
        color: white;
    }

    #smartPlatinum .smartPlatinumPridobivki .sp-container {
        width: 85%;
        margin: 0 auto;
    }

#smartPlatinum .smartPlatinumIntro {
    background: black;
    padding: 20px;
}

    #smartPlatinum .smartPlatinumIntro h2 {
        margin: 0;
        color: white;
        font-family: 'teleNeo-regular' !important;
        text-transform: uppercase;
        font-size: 27px;
    }

        #smartPlatinum .smartPlatinumIntro h2 span {
            display: block;
            text-align: center;
            color: #e20074;
            font-family: 'teleNeo-ultra' !important;
            font-size: 33px;
        }

#smartPlatinum .smartPlatinumPridobivki .sp-pridobivkiBox {
    text-align: center;
    margin-bottom: 60px;
    padding: 0 15px;
    cursor: pointer;
}

#smartPlatinum .smartPlatinumPovekje {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 100px;
}

#smartPlatinum .smartPlatinumVideo video.img-responsive {
    width: 100%;
}

#smartPlatinum .smartPlatinumVideo img {
    width: 100%;
}

#smartPlatinum .smartPlatinumPovekje a {
    background: #c7c7c7;
    border: 1px solid #b2b2b2;
    color: #3e3e3e !important;
    font-size: 20px;
    font-family: 'teleNeo-regular' !important;
    outline: none !important;
    margin-bottom: 30px;
}

    #smartPlatinum .smartPlatinumPovekje a span.ion-ios-arrow-down {
        display: none;
    }

    #smartPlatinum .smartPlatinumPovekje a.collapsed span.ion-ios-arrow-down {
        display: inline-block;
    }

    #smartPlatinum .smartPlatinumPovekje a span.ion-ios-arrow-up {
        display: inline-block;
    }


    #smartPlatinum .smartPlatinumPovekje a.collapsed span.ion-ios-arrow-up {
        display: none;
    }

    #smartPlatinum .smartPlatinumPovekje a span {
        padding-left: 15px;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

#smartPlatinum .sp-pridobivkiBoxHover {
    display: none;
    position: absolute;
    width: 200px !important;
    /*bottom: auto !important;*/
    /* left: 70px !important; */
    top: -15px;
    left: 25% !important;
    background: rgba(255,255,255,0.9) !important;
    border: 1px solid #da1372 !important;
    border-radius: 6px !important;
    padding: 10px !important;
    font-size: 13px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    z-index: 100;
}

    #smartPlatinum .sp-pridobivkiBoxHover p {
        font-size: 16px;
        color: black;
    }

@media (min-width: 768px) {

    #smartPlatinum .sp-pridobivkiBox:hover .sp-pridobivkiBoxHover {
        visibility: visible;
        display: block;
        opacity: 1;
    }
}


#smartPlatinum .smartPlatinumPridobivki h1 {
    color: white;
    text-align: center;
    font-family: teleNeo-ultra !important;
    font-size: 46px;
    margin-bottom: 55px;
}


#smartPlatinum .smartPlatinumPridobivki img {
    width: 25%;
}

#smartPlatinum .smartPlatinumPridobivki h3 {
    color: black;
    font-size: 20px;
}

    #smartPlatinum .smartPlatinumPridobivki h3 span.white-text {
        color: white;
        font-size: 24px;
    }

#smartPlatinum .smartPlatinumPridobivki .sp-pridobivkiBox {
    position: relative;
}




@media (min-width:768px) and (max-width:991px) {

    #smartPlatinum .smartPlatinumPridobivki .sp-container {
        width: 90%;
    }
}



@media (max-width:767px) {

    #smartPlatinum .smartPlatinumIntro {
        text-align: center;
    }

        #smartPlatinum .smartPlatinumIntro h2 {
            font-size: 19px;
        }

    #smartPlatinum .smartPlatinumPridobivki h3 span.white-text {
        font-size: 22px;
    }

    #smartPlatinum .smartPlatinumPridobivki h3 {
        font-size: 19px;
    }

    #smartPlatinum .smartPlatinumIntro h2 span {
        font-size: 28px;
    }

    #smartPlatinum .smartPlatinumPridobivki {
        padding: 30px 15px 20px;
    }

        #smartPlatinum .smartPlatinumPridobivki img {
            width: 30%;
        }

        #smartPlatinum .smartPlatinumPridobivki .sp-container {
            width: 100%;
        }

        #smartPlatinum .smartPlatinumPridobivki .row > div:last-of-type .sp-pridobivkiBox {
            margin-bottom: 30px;
        }

    #smartPlatinum .smartPlatinumPovekje a {
        font-size: 16px;
    }

    #smartPlatinum .smartPlatinumPridobivki h1 {
        font-size: 41px;
    }

    #smartPlatinum .sp-pridobivkiBoxHover {
        left: 0 !important;
        right: 0 !important;
        width: 90% !important;
        margin: 0 auto;
    }

    #smartPlatinum .smartPlatinumPridobivki .sp-pridobivkiBox {
        position: relative;
    }

    #smartPlatinum .sp-pridobivkiBox.show-tooltip .sp-pridobivkiBoxHover {
        visibility: visible;
        display: block;
        opacity: 1;
    }

    #smartPlatinum .smartPlatinumPovekje a {
        font-size: 18px;
        white-space: initial;
        width: 70%;
    }
}


@media (max-width: 374px) {

    #smartPlatinum .smartPlatinumPovekje a {
        font-size: 17px;
        white-space: initial;
    }

    #smartPlatinum .smartPlatinumIntro h2 {
        font-size: 21px;
    }

    #smartPlatinum .smartPlatinumPridobivki h1 {
        font-size: 37px;
    }
}


.slider-naslovna2 .item.black-friday-button {
    background: url(../content/banners/2017/Black_friday-mob-banner.jpg) no-repeat !important;
    background-position: 84% 0 !important;
    background-size: cover !important;
    height: 100%;
}





/*#endregion smartPlatinum*/


/*#region tring kanali*/

.channels-gray .p-left {
    float: none !important;
    display: inline-block;
}

.channels-gray .p-right {
    float: none !important;
    display: inline-block;
    padding-left: 2px;
}

.channels-gray .p-uredi-cena {
    text-align: right;
    position: relative;
    margin-bottom: 10px;
}

.channels-gray.tring-channels .p-uredi-cena {
    text-align: left;
}

.channels-gray.tring-channels img {
    position: absolute;
    width: 55px;
    right: -5px;
    bottom: -5px;
}

/*.channels-gray.tring-channels .p-uredi-cena:first-of-type {
    padding-top: 25px;
}*/

.channels-gray.tring-channels .p-uredi-cena.tring-popust {
    border-top: none;
    /*margin-bottom: 20px;*/
    display: table;
}

.channels-gray.tring-channels .p-uredi-cena .p-right {
    padding-right: 10px;
}

.channels-gray.tring-channels .p-uredi-cena .one-t-dicklaimer {
    left: 0;
    display: inline-block;
    top: -6px;
    text-align: center;
}

.channels-gray.tring-channels span.price2 {
    font-size: 34px !important;
}

.tring-paketTitle {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 33%;
    /*font-family: 'teleNeo-bold' !important;*/
}

    .tring-paketTitle span {
        font-family: 'teleNeo-bold' !important;
    }

    .tring-paketTitle p {
        margin: 0;
        padding-right: 5px;
        line-height: 1.1;
    }

.channels-gray {
    padding: 10px 15px;
}

    .channels-gray a.absolute-btn {
        position: absolute;
        bottom: 20px;
        z-index: 5;
    }

p.tring-footer {
    padding-left: 15px;
}

@media (min-width: 768px) and (max-width: 991px) {

    .channels-gray.tring-channels img {
        left: auto;
        right: 25%;
    }

    .channels-gray {
        margin-bottom: 10px;
    }
}

@media (max-width: 374px) {

    .channels-gray.tring-channels span.price2 {
        font-size: 33px !important;
    }


    .channels-gray.tring-channels img {
        left: -5px;
        width: 55px;
    }
}


/*#endregion tring kanali*/

#smartTooltip span.smartBoxBold {
    font-family: 'teleNeo-bold' !important;
    font-size: 17px;
    text-transform: uppercase;
}

#smartTooltip .smart-minuti-box {
    padding: 10px 20px 10px !important;
    min-height: 80px;
    /*min-height: 60px;*/
    line-height: 1.2;
}

#smartTooltip .smart-maxTV-go-box {
    padding: 10px 20px !important;
    line-height: 1.2;
    min-height: 40px;
}

#smartTooltip .five-g-box {
    min-height: 80px;
    margin: auto 0;
    top: 0;
    bottom: 0;
    padding: 20px !important;
}

    #smartTooltip .five-g-box > span {
        font-size: 26px;
        font-family: 'teleNeo-bold' !important;
        line-height: 1.2;
    }

.xmasPromobuttonSmart .one-t-dicklaimer.max, #smartTooltip .xmasPromobuttonSmart .one-t-dicklaimer {
    width: 19px;
    height: 19px;
    top: 0px;
    left: 3px;
}

.xmasPromobuttonSmart .one-t-dicklaimer-message:before {
    left: 33% !important;
}

.xmasPromobuttonSmart {
    text-align: center;
}



.smart-razgovori-box span.smartBoxMinutes {
    display: block;
    margin-top: 20px;
}

.smart-tarifi-wrapper .smart-table .smart-mart-black-price.smart-priceBox {
    -webkit-box-shadow: inset 0 5px 10px -8px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 5px 10px -8px rgba(0,0,0,.3);
    /*box-shadow: inset 0px 5px 15px -8px rgba(0,0,0,0.3);*/
    box-shadow: inset 0 5px 10px -8px rgba(0,0,0,.3);
    padding: 15px 20px 0;
    margin-top: 5px;
}

.smart-tarifi-wrapper .smart-table span.price2 {
    font-size: 29px;
    font-weight: initial;
}

.smart-tarifi-wrapper .smart-table .smart-priceWraper {
    display: inline-block;
    margin: 0 auto;
}

@media (min-width: 992px) and (max-width: 1199px) {

    .smart-xmas2017 .smart-table.smartPovlastenaProverka .smart-razgovori-box {
        /*min-height: 81px;*/
        min-height: 0;
    }

    #smartTooltip .smart-minuti-box {
        /*min-height: 80px;*/
        min-height: 100px;
    }
}


@media (max-width: 767px) {

    .smart-xmas2017 .xmas-box .btn.xmas-smart-button {
        margin-bottom: 0;
    }

    .smart-xmas2017 .smart-table p {
        margin: 0px !important;
    }

    .smart-xmas2017 .smart-table .smart-internet-box, .smart-xmas2017 .smart-table .smart-sms-box,
    #smartTooltip .smart-minuti-box, #smartTooltip .smart-maxTV-go-box {
        padding: 10px 20px 5px !important;
    }

    .smart-xmas2017 .smart-table .xmas-box, .smart-xmas2017 .smart-table .smart-razgovori-box {
        padding: 15px 20px 5px !important;
    }

    #smartTooltip .smart-minuti-box {
        min-height: 0;
    }

    .smart-tarifi-wrapper .smart-table > div:not(:last-of-type) {
        text-align: left;
    }

    .promotion-march-osiguruvanje {
        margin-bottom: 20px;
    }
}




/*#region business tariffs*/


.businessTariffsDecember2017 .product-item.lg-phones h3 {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 35px;
    margin-top: 30px;
    font-family: 'teleNeo-medium';
    font-size: 17px;
}

.businessTariffsDecember2017 .product-item.lg-phones .webshop-device-thumbnail {
    display: block;
    margin: 0 auto;
}

#poseben-box.business-izmeni-mart {
    background: #f8f8f8;
}

.BusinessLPromocijaTitle h2 {
    padding-top: 0;
}

span.decemberBusinessNoPromo {
    text-decoration: line-through;
}

span.decemberBusinessPromo {
    display: block;
    color: #e20074;
    font-family: 'teleNeo-bold' !important;
}

.magenta1b-box-new-april .magenta1b-box-newPhoneDisclaimer {
    padding: 0px 80px 30px;
    text-align: left;
}

    .magenta1b-box-new-april .magenta1b-box-newPhoneDisclaimer p {
        margin-top: 0;
    }

.business-p-center {
    text-align: center;
}


.biznisUslugi-internetPromo {
    position: relative;
    margin-top: 40px;
}

    .biznisUslugi-internetPromo img {
        position: absolute;
        right: 70px;
        bottom: -5px;
    }

.p-uredi-cena.edenDenarCena .p-left {
    float: left;
    width: 43%;
    text-align: right;
    padding-right: 5px;
}

.p-uredi-cena.edenDenarCena .p-right {
    float: right;
    width: 57%;
}



.businessTariffsDecember2017 .p-uredi-cena {
    max-width: 90%;
}

    .businessTariffsDecember2017 .p-uredi-cena .tarifaCena {
        margin-top: 42px;
    }


@media (min-width: 768px) and (max-width: 991px) {

    .biznisUslugi-internetPromo p.business-p-center {
        text-align: center;
        width: 50%;
        margin: 0 auto;
    }
}


.telekom-NoPromo {
    text-decoration: line-through;
}

.telekom-MagentaPromo {
    color: #e20074;
    font-family: 'teleNeo-bold' !important;
}

/*#endregion business tariffs*/


.slider-naslovna2 .item.iphoneX-mobile {
    background: url(/content/banners/2017/iphone-x-banner-mobile.jpg) no-repeat !important;
    background-position: 71% 0 !important;
}
/*#region smart xmas 2017 dekemvri*/
.smartPovlastenaProverka.smart-table .opcijaSmartType .p-left-smart {
    font-size: 16px;
}

#smartTooltip.redesign-prices .smart-table.smartPovlastenaProverka .smart-mart-black-price .opcijaSmartType .p-left-smart span.price2 {
    font-size: 27px;
}

#smartTooltip.redesign-prices .smart-table.smartPovlastenaProverka .opcijaSmartType .p-right-smart {
    margin-left: 5px;
    padding-top: 2px;
}

.smart-table.smartPovlastenaProverka .opcijaSmartType .p-right-smart span.p-currency {
    margin-top: 2px;
    font-size: 10px;
    line-height: 9px;
}

.smart-table.smartPovlastenaProverka .opcijaSmartType .p-right-smart span.p-rates {
    font-size: 10px;
    line-height: 14px;
}

#smartTooltip.redesign-prices .smartPovlastenaProverka .panel-body {
    padding: 3px 20px 8px;
}

.smartPovlastenaProverka .opcijaSmartType .optionName {
    padding-right: 5px;
    line-height: 1;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    text-transform: initial;
    font-size: 15px;
    word-wrap: break-word;
}

.smartPovlastenaProverka .opcijaSmartType .optionPrice {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

#smart-l-tab .smartPovlastenaProverka .opcijaSmartType .optionName {
    width: 51%;
}

#smart-l-tab .smartPovlastenaProverka .opcijaSmartType .optionPrice {
    width: 49%;
}

.smart-cool-table-box span.smartBoxBold {
    font-family: 'teleNeo-ultra' !important;
    font-size: 22px;
    text-transform: uppercase;
}

#smartTooltip.redesign-prices .smartPovlastenaProverka .panel-group#accordion .panel-heading > .panel-title > a.collapsed, #smartTooltip.redesign-prices .smartPovlastenaProverka .panel-group#accordion .panel-heading > .panel-title > a {
    position: relative;
    display: inline-block;
}

#smartTooltip.redesign-prices .panel-group#accordion .panel-heading > .panel-title > a.collapsed:after {
    /*content: ']$';
    font-family: 'teleicon-outline';*/
    content: "\f3d0";
    font-family: "Ionicons";
    position: absolute;
    color: #888888;
    font-size: 20px;
    top: 6px;
    right: 0;
    margin: auto;
    /*transform: rotateZ(0deg);*/
}

#smartTooltip.redesign-prices .panel-group#accordion .panel-heading > .panel-title > a:after {
    /*content: ']$';
    font-family: 'teleicon-outline';*/
    content: "\f3d8";
    font-family: "Ionicons";
    position: absolute;
    color: #e20074;
    font-size: 20px;
    top: 6px;
    right: 0;
    margin: auto;
    /*transform: rotateZ(-180deg);*/
    transition-property: transform;
    transition-duration: .25s;
}

.smartPovlastenaProverka .povlastenaPretplataAcc {
    padding-right: 20px;
}

.smartPovlastenaProverka .opcijaSmartType {
    padding: 10px 0px;
    display: table;
    width: 100%;
}

    .smartPovlastenaProverka .opcijaSmartType:after, .opcijaSmartType:before {
        display: table;
        content: '';
        clear: both;
    }

#smartTooltip.redesign-prices .smart-table .opcijaSmartType .smart-msg {
    padding-top: 0px;
}





@media(max-width: 1199px) and (min-width:992px) {

    #smartTooltip.redesign-prices .smartPovlastenaProverka .panel-body {
        padding: 3px 15px 8px;
    }

    .smartPovlastenaProverka .opcijaSmartType .optionName {
        width: 59%;
    }

    .smartPovlastenaProverka .opcijaSmartType .optionPrice {
        width: 41%;
    }

    #smart-l-tab .smartPovlastenaProverka .opcijaSmartType .optionName {
        width: 50%;
    }

    #smart-l-tab .smartPovlastenaProverka .opcijaSmartType .optionPrice {
        width: 50%;
    }
}




@media (min-width:768px) and (max-width:991px) {

    .smartPovlastenaProverka .opcijaSmartType .optionName {
        width: 41%;
    }

    .smartPovlastenaProverka .opcijaSmartType .optionPrice {
        width: 59%;
    }

    #smartTooltip.redesign-prices .smart-table.smartPovlastenaProverka .smart-mart-black-price .opcijaSmartType .p-left-smart span.price2 {
        font-size: 21px;
    }

    #smart-l-tab .smartPovlastenaProverka .opcijaSmartType .optionName {
        width: 35%;
    }

    #smart-l-tab .smartPovlastenaProverka .opcijaSmartType .optionPrice {
        width: 65%;
    }
}

@media(max-width: 374px) {

    .smartPovlastenaProverka .opcijaSmartType .optionName, #smart-l-tab .smartPovlastenaProverka .opcijaSmartType .optionName {
        width: 42%;
    }

    .smartPovlastenaProverka .opcijaSmartType .optionPrice, #smart-l-tab .smartPovlastenaProverka .opcijaSmartType .optionPrice {
        width: 58%;
    }
}

/*#endregion smart xmas 2017 dekemvri*/

/*business office complete mob*/

@media(max-width:767px) {

    .office-new-pack .magenta-one-footer > div .p-uredi-cena .p-right {
        width: 50%;
    }

        .office-new-pack .magenta-one-footer > div .p-uredi-cena .p-right .p-currency {
            margin-left: 0px;
        }

    .office-new-pack .p-currency2 {
        max-width: 100%;
    }
}

/*business office complete mob*/




/*#region fb kampanja*/


/*fb kampanja*/

#fb-kampanja .fb-button {
    position: relative;
    margin-bottom: 100px;
}

.fb-button .fb-counter, .fb-button-al .fb-counter {
    position: absolute;
    right: 30px;
    /*bottom: 20px;*/
    color: white;
}

    .fb-button .fb-counter span, .fb-button-al .fb-counter span {
        background-color: #e20074;
        color: white;
        border-radius: 10px;
        margin-right: 10px;
        width: 50px;
        height: 50px;
        padding: 5px;
        font-family: 'teleNeo-ultra';
        font-size: 35px;
        line-height: 1.1;
        display: inline-block;
        text-align: center;
    }

a.third.btn.btn-magen.left.showfbMore {
    /*bottom: 50px;*/
}

.hide-more-fb {
    display: none;
}

#fb-kampanja .fb-button a.third.btn.btn-magen.left {
    position: absolute;
    bottom: 0;
    z-index: 5;
    left: 0;
    opacity: 0;
    transition: all ease-in 0.5s;
}


#fb-kampanja .mobile-box {
    border: 1px solid #ededed;
    padding: 15px 18px 20px;
    margin-bottom: 14px;
    min-height: 330px;
}

#fb-kampanja .phone-header h1 {
    font-size: 20px;
    color: #383838;
    height: 55px;
    /*padding-left: 10px;*/
    padding-right: 30px;
    text-align: left;
    margin-top: 5px !important;
    line-height: 20px;
    padding-bottom: 0px;
    overflow: hidden;
    width: 80%;
}

#fb-kampanja .mobile-detailsTable {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#fb-kampanja .mobileImgBox {
    display: table-cell;
    vertical-align: top;
    padding-right: 0px;
    position: relative;
    width: 45%;
}

#fb-kampanja .mobileDetailsBox {
    display: table-cell;
    vertical-align: top;
    width: 55%;
}

#fb-kampanja .mobileImgBox img {
    width: 165px;
    max-width: 240px;
    margin-left: -34px;
}

    #fb-kampanja .mobileImgBox img.fb-ec {
        position: absolute;
        width: 65px !important;
        right: 12px;
        top: -14px;
    }

#fb-kampanja .priceTable {
    display: table;
    margin: 0;
    width: 100%;
}

#fb-kampanja .price {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 0px solid #cdcdcd;
    width: 34%;
    text-align: right;
}

    #fb-kampanja .price span {
        font-size: 30px;
        font-family: teleNeo-medium;
        color: #e20074;
        padding: 5px 3px 5px 0;
        letter-spacing: -2px;
    }

#fb-kampanja .priceTable .price-right {
    display: table-cell;
    vertical-align: middle;
    padding-top: 0px;
    padding-left: 5px;
}

    #fb-kampanja .priceTable .price-right span.currency {
        display: block;
        text-align: left;
        line-height: 1.2;
        font-size: 12px;
        border-bottom: 1px solid #999;
        width: 42px;
    }

#fb-kampanja .priceTable .price-right-full {
    display: table-cell;
    vertical-align: middle;
    padding-top: 30px;
    padding-left: 5px;
    font-size: 17px;
}

#fb-kampanja .priceTable .oldPriceMobileBox {
    margin-bottom: -8px;
}

#fb-kampanja .priceTable .price-right span.installments {
    display: block;
    text-align: left;
    line-height: 1.2;
    font-size: 12px;
}

#fb-kampanja .mobileDetailsBox .tarrif {
    border-top: 1px solid #cdcdcd;
}

    #fb-kampanja .mobileDetailsBox .tarrif span {
        text-align: left;
        font-size: 13px;
        color: #4a4b4c;
        padding: 5px 3px;
    }

#fb-kampanja .mobileDetailsBox .freeDelivery {
    width: 100%;
    position: relative;
    margin-bottom: 3px;
    font-size: 13px;
    padding-left: 30px;
    color: #7c7c7c;
    line-height: 24px;
    margin-top: 20px;
}

    #fb-kampanja .mobileDetailsBox .freeDelivery:before {
        background: url(../content/images/delivery-free.png) no-repeat center 0;
        content: '';
        position: absolute;
        left: 0;
        width: 25px;
        height: 25px;
    }

#fb-kampanja .availableMobileColors {
    text-align: center;
    margin: 15px auto;
    height: 20px;
}

    #fb-kampanja .availableMobileColors .color-box-mobile {
        width: 18px;
        height: 18px;
        display: inline-block;
        padding: 1px;
        border-radius: 3px;
        cursor: pointer;
        position: relative;
    }

#fb-kampanja .oldPriceMobile {
    font-size: 19px;
    color: #999;
    font-family: teleNeo-medium;
    position: relative;
    display: inline-block;
    width: auto;
}

    #fb-kampanja .oldPriceMobile:after {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        right: 0;
        border-top: 1px solid;
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
        transform: rotate(-14deg);
    }


#fb-kampanja .availableMobileColors .color-box-mobile.black {
    background-color: rgb(38, 39, 41);
}

#fb-kampanja .availableMobileColors .color-box-mobile.gold {
    background-color: rgb(230, 212, 192);
}

#fb-kampanja .availableMobileColors .color-box-mobile.silver {
    background-color: rgb(203, 204, 206);
}

#fb-kampanja .availableMobileColors .color-box-mobile.jet-black {
    background-color: rgb(0, 0, 0);
}

#fb-kampanja .availableMobileColors .color-box-mobile.rose-gold {
    background-color: rgb(230, 190, 184);
}

#fb-kampanja .availableMobileColors .color-box-mobile.space-gray {
    background-color: rgb(135, 133, 136);
}

#fb-kampanja .availableMobileColors .color-box-mobile.blue {
    background-color: rgb(3, 49, 194);
}

#fb-kampanja .availableMobileColors .color-box-mobile.white {
    background-color: rgb(245, 245, 245);
}

#fb-kampanja .availableMobileColors .color-box-mobile.sapphire-blue {
    background-color: #547ad0;
}

#fb-kampanja .availableMobileColors .color-box-mobile.amazing-silver {
    background-color: #b9cbe3;
}

#fb-kampanja .availableMobileColors .color-box-mobile.brilliant-black {
    background-color: #38423a;
}

#fb-kampanja .availableMobileColors .color-box-mobile.lava-red {
    background-color: #8e151b;
}

#fb-kampanja .availableMobileMemory {
    text-align: center;
    margin: 0 auto 20px;
    height: 24px;
}


    #fb-kampanja .availableMobileMemory .memory-box-mobile {
        border: 1px solid #afafaf;
        border-radius: 5px;
        padding: 1px 0;
        min-width: 44px;
        text-align: center;
        display: inline-block;
        font-size: 14px;
        margin: 0 2px;
        letter-spacing: -1px;
    }

#fb-kampanja .detailsMobileButton {
    text-align: center;
}

#fb-kampanja .tooltip-box-mobile {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=0);
    opacity: 0;
    padding: 5px 0;
    margin-top: 5px;
    width: auto;
    /*opacity: 1;*/
    top: -36px;
    left: -12px;
}

#fb-kampanja .color-box-mobile.black.black.sky .tooltip-box-mobile, #fb-kampanja .color-box-mobile.lava-red .tooltip-box-mobile {
    left: -20px;
}

#fb-kampanja .color-box-mobile.sapphire-blue .tooltip-box-mobile, #fb-kampanja .color-box-mobile.amazing-silver .tooltip-box-mobile, #fb-kampanja .color-box-mobile.brilliant-black .tooltip-box-mobile {
    left: -31px;
}

#fb-kampanja .tooltip-text-mobile {
    max-width: 200px;
    padding: 5px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    white-space: nowrap;
}

#fb-kampanja .availableMobileColors .color-box-mobile:hover .tooltip-box-mobile {
    opacity: 1 !important;
}

#fb-kampanja .tooltip-arrow-mobile {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

#fb-kampanja #fbBannerCounter {
    background: #e20074;
    padding: 15px 20px;
    margin-bottom: 45px;
}


#fb-kampanja div#testCounter {
    background: #7b6d74; /* Old browsers */
    background: -moz-linear-gradient(top, #7b6d74 0%, #3b3b3d 3%, #2c2c2e 13%, #232325 71%, #1f1f21 98%, #141416 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #7b6d74 0%,#3b3b3d 3%,#2c2c2e 13%,#232325 71%,#1f1f21 98%,#141416 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #7b6d74 0%,#3b3b3d 3%,#2c2c2e 13%,#232325 71%,#1f1f21 98%,#141416 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b6d74', endColorstr='#141416',GradientType=0 ); /* IE6-9 */
    padding: 12px 41px 19px;
    text-align: center;
    border-radius: 6px;
    display: inline-block;
}

#fb-kampanja .fbBannerrow {
    display: table;
    width: 100%;
}

#fb-kampanja .fbBannerLeft, #fb-kampanja .fbBannerCounteText {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}


#fb-kampanja div#testCounter p {
    font-size: 16px;
    margin: 0;
    text-align: left;
    font-family: 'teleNeo-medium' !important;
    margin-bottom: 10px;
    padding-left: 7px;
}


#fb-kampanja div#testCounter > div {
    display: block !important;
    margin: 0 auto;
    margin-right: auto !important;
}

#fb-kampanja #fbBannerCounter h1 {
    color: white;
    font-family: 'teleNeo-ultra' !important;
    font-size: 54px;
    line-height: 1;
}

#fb-kampanja div#fbBannerCounter {
    color: white;
    font-family: 'teleNeo-ultra' !important;
}

#fb-kampanja div#testCounter span {
    color: white !important;
    font-size: 14px;
    font-family: 'teleNeo-regular' !important;
}

#fb-kampanja .fb-banner-promo {
    margin-bottom: 70px;
    position: relative;
}

    #fb-kampanja .fb-banner-promo a.btn {
        position: absolute;
        right: 11.4%;
        bottom: 21px;
    }

.slider-naslovna2 .item.fbButtonBanner a.third.btn.btn-magen.left.white-btn {
    color: #fff;
    border: 2px solid #fff;
    background: transparent;
    font-family: teleNeo-bold;
    position: absolute;
    bottom: 20px !important;
    z-index: 5;
    left: auto;
    right: 5%;
}


@media (min-width:768px) and (max-width:991px) {


    #fb-kampanja #fbBannerCounter h1 {
        font-size: 40px;
    }

    #fb-kampanja div#testCounter {
        padding: 12px 10px 19px;
    }

    #fb-kampanja .fb-banner-promo a.btn {
        right: 8.3%;
        bottom: 8px;
    }
}

@media (max-width:767px) {

    .slider-naslovna-full-width-wraper.slider-naslovna2 .item.fbButtonBanner {
        background-position: 31% 0 !important;
    }

    #fb-kampanja .fb-banner-promo {
        margin-bottom: 0;
        position: relative;
        margin-top: 15px;
        padding-bottom: 30px;
        border-bottom: 1px solid #ededed;
    }

    #fb-kampanja .mobile-box {
        border: 0px solid #ededed;
        border-bottom: 1px solid #ededed;
        padding: 30px;
        margin-bottom: 0;
    }

    #fb-kampanja .fb-banner-promo a.btn {
        right: 6%;
        bottom: 30px;
    }

    #fb-kampanja .mobileImgBox img {
        margin-left: -30px;
    }

    #fb-kampanja .fbBannerrow {
        display: block;
    }

    #fb-kampanja .fbBannerLeft, #fb-kampanja .fbBannerCounteText {
        display: block;
        width: 100%;
    }

    #fb-kampanja div#testCounter {
        padding: 12px 5px 19px;
        display: block;
    }

    #fb-kampanja #fbBannerCounter {
        padding: 15px 15px;
    }

        #fb-kampanja #fbBannerCounter h1 {
            font-size: 37px;
            margin-top: 15px;
            margin-bottom: 0;
        }

    #fb-kampanja #fbBannerCounter {
        margin-bottom: 5px;
    }
}

@media (max-width:374px) {

    #fb-kampanja .fb-banner-promo a.btn {
        right: 6%;
        bottom: 22px;
    }

    #fb-kampanja .mobileImgBox img {
        margin-left: -50px;
    }

    #fb-kampanja div#testCounter > div > div div {
        background-size: 23px !important;
        width: 23px !important;
        height: 38px !important;
    }

    #fb-kampanja div#testCounter > div > div:nth-of-type(3) {
        left: 71px !important;
    }

    #fb-kampanja div#testCounter > div > div:nth-of-type(5) {
        left: 140px !important;
    }

    #fb-kampanja div#testCounter > div > div:nth-of-type(7) {
        left: 210px !important;
    }

    #fb-kampanja #fbBannerCounter {
        padding: 15px 10px;
        margin-left: -15px;
        margin-right: -15px;
    }

    #fb-kampanja div#testCounter > div > div:nth-of-type(2), #fb-kampanja div#testCounter > div > div:nth-of-type(4), #fb-kampanja div#testCounter > div > div:nth-of-type(6), #fb-kampanja div#testCounter > div > div:nth-of-type(8) {
        width: 65px !important;
    }


    #fb-kampanja div#testCounter > div > div:nth-of-type(4) {
        left: 69px !important;
    }

    #fb-kampanja div#testCounter > div > div:nth-of-type(6) {
        left: 138px !important;
    }

    #fb-kampanja div#testCounter > div > div:nth-of-type(8) {
        left: 210px !important;
    }

    /*#fb-kampanja div#testCounter > div > div:nth-of-type(3) > div > div > div:nth-of-type(2) {
    left: 5px !important;
}

#fb-kampanja div#testCounter > div > div:nth-of-type(5) > div > div > div:nth-of-type(2) {
    left: 5px !important;
}

#fb-kampanja div#testCounter > div > div:nth-of-type(7) > div > div > div:nth-of-type(2) {
    left: 5px !important;
}*/


}


/*#fb-kampanja div#testCounter > div > div:nth-of-type(1) {
    display: none !important;
}

#fb-kampanja div#testCounter > div > div:nth-of-type(2) {
    display: none !important;
}*/

.flashBannerText {
    /*border: 1px solid #e0e0e0;
    background-color: #f8f8f8;*/
    border: 1px solid #e6d3aa;
    background-color: rgba(252, 241, 227, 0.35);
    padding: 15px 25px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 45px;
    margin-top: 80px;
    max-width: 500px;
    border-radius: 4px;
}



/*#endregion fb kampanja*/



.prepaid-card-box-redesign span.sim-newInternet {
    color: #e20074 !important;
    font-family: 'teleNeo-bold' !important;
}


.prepaid-card-box-redesign span.sim-oldInternet {
    text-decoration: line-through;
}

span.oldInfoLineThrough {
    text-decoration: line-through;
}

span.NewInfoPromoMagenta {
    color: #e20074 !important;
    font-family: 'teleNeo-bold' !important;
}


.item.iphoneSE-popust a.btn.btn-magen.left {
    left: auto !important;
    right: 11.5% !important;
}

@media (max-width: 1199px) {
    .item.iphoneSE-popust a.btn.btn-magen.left {
        right: 9.5% !important;
    }
}

@media (max-width: 991px) {

    .slider-naslovna-full-width-wraper.slider-naslovna2 .item.iphoneSE-popust {
        background-position: 27% 0 !important;
    }
}


/*#region dopolnitelni-uslugi-delovni*/

.dopolnitelni-uslugi-delovni .dopolnitelni-uslugi-delovni-box {
    border: 1px solid #dcdcdc;
    margin-bottom: 30px;
}

.dopolnitelni-uslugi-delovni .dopolnitelni-uslugi-delovni-intro {
    padding: 23px 20px 0px;
    text-align: center;
}

    .dopolnitelni-uslugi-delovni .dopolnitelni-uslugi-delovni-intro h1 {
        /*border-bottom: 1px solid #dcdcdc;*/
        padding-bottom: 17px;
        margin-bottom: 5px !important;
        margin-top: 0 !important;
    }

.dopolnitelni-uslugi-delovni .dopolnitelni-uslugi-delovni-more {
    /*border-top: 1px solid #dcdcdc;*/
    padding: 10px 20px 20px;
    text-align: center;
}

.dopolnitelni-uslugi-delovni .dopolnitelni-uslugi-delovni-intro p {
    min-height: 63px;
    margin-top: 10px;
}

.dopolnitelni-uslugi-delovni {
    margin-top: 37px;
}

@media (max-width:767px) {

    .dopolnitelni-uslugi-delovni {
        margin-top: 25px;
    }
}

/*#endregion dopolnitelni-uslugi-delovni*/

@media (max-width: 991px) {

    .slider-naslovna-full-width-wraper.slider-naslovna2 .item.valentine-samsung-sale {
        background: url(/content/banners/2018/valentine-postpejd-samsung-mob.jpg) no-repeat !important;
        background-position: 64% 0 !important;
    }

    .slider-naslovna-full-width-wraper.slider-naslovna2 .item.valentine-samsung-sale-sq {
        background: url(/content/banners/2018/valentine-postpejd-samsung-mob-sq.jpg) no-repeat !important;
        background-position: 64% 0 !important;
    }

    .slider-naslovna-full-width-wraper.slider-naslovna2 .item.valentine-huawei-sale {
        background: url(/content/banners/2018/valentine-postpejd-huawei-mob.jpg) no-repeat !important;
        background-position: 64% 0 !important;
    }

    .slider-naslovna-full-width-wraper.slider-naslovna2 .item.valentine-huawei-sale-sq {
        background: url(/content/banners/2018/valentine-postpejd-huawei-mob-sq.jpg) no-repeat !important;
        background-position: 64% 0 !important;
    }
}

/*.carousel-inner .item .full-link-mb[href="\#"], a[href=""] {
    cursor: default !important;
}*/



/*#region AR app*/

#appAR {
    margin-top: -35px;
}

    #appAR .appAR-intro {
        position: relative;
        padding: 50px 0 110px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#faf6fb+0,f5f3f9+26,eeedf5+60,fdfbfd+80,fdfbfd+100 */
        background: #faf6fb; /* Old browsers */
        background: -moz-linear-gradient(-45deg, #faf6fb 0%, #f5f3f9 26%, #eeedf5 60%, #fdfbfd 80%, #fdfbfd 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, #faf6fb 0%,#f5f3f9 26%,#eeedf5 60%,#fdfbfd 80%,#fdfbfd 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, #faf6fb 0%,#f5f3f9 26%,#eeedf5 60%,#fdfbfd 80%,#fdfbfd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf6fb', endColorstr='#fdfbfd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }


        #appAR .appAR-intro span.appAR-Bold {
            font-family: 'teleNeo-ultra' !important;
        }

        #appAR .appAR-intro h1 {
            font-size: 38px;
        }

    #appAR #appAR-Carousel h4 {
        color: #4a494b;
    }

    #appAR #appAR-Carousel h4 {
        color: #4a494b;
        line-height: 1.2;
        width: 88%;
        margin: 0;
    }

#appAR-Carousel ul {
    margin-top: 20px;
    margin-bottom: 25px;
}

    #appAR-Carousel ul li {
        color: #4a494b;
        line-height: 1.2;
        padding-bottom: 5px;
        width: 88%;
        margin: 0;
        font-size: 18px;
    }

#appAR .appAR-intro .appAR-BoxApp h3 {
    font-family: 'teleNeo-medium' !important;
    margin-bottom: 15px;
    font-size: 22px;
}

#appAR .appAR-intro .appAR-BoxApp img:first-of-type {
    margin-right: 5px;
}

#appAR #appAR-Carousel .carousel-indicators li {
    background-image: url(../content/images/ar-app/ar-app-bullets.png) !important;
}

#appAR #appAR-Carousel .carousel-indicators {
    bottom: -110px;
}

#appAR .appAR-magic {
    padding: 60px 0;
}

    #appAR .appAR-magic h2 {
        font-family: 'teleNeo-regular' !important;
        font-size: 34px;
        text-transform: uppercase;
        color: #e20074;
        width: 80%;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 50px;
    }

    #appAR .appAR-magic p {
        font-size: 18px;
    }

#appAR .appAR-imgTxtBox img {
    display: inline-block;
}

#appAR #appAR-Carousel .appAR-imgTxtBox h4 {
    padding-top: 0;
}

#appAR #appAR-Carousel .appAR-imgTxtBox {
    display: table;
    width: 90%;
    margin-top: 65px;
    margin-bottom: 65px;
}

#appAR #appAR-Carousel .appAR-imgBox {
    display: table-cell;
    width: 27%;
    vertical-align: top;
}

#appAR #appAR-Carousel .appAR-TxtBox {
    display: table-cell;
    width: 70%;
    vertical-align: top;
}

#appAR .item.mWalletCarouselSlide1 h4:first-of-type {
    padding-bottom: 7px;
}






@media (min-width: 768px) and (max-width: 991px) {

    #appAR {
        margin-top: -85px;
    }

    .appAR-BoxApp {
        margin-bottom: 45px;
        text-align: center;
    }

    #appAR .appAR-intro .appAR-BoxApp h3 {
        font-size: 20px;
    }

    #appAR .appAR-RightBox img {
        margin: 0 auto;
        display: block;
    }

    #appAR .appAR-intro {
        padding: 50px 0 90px;
    }

    #appAR #appAR-Carousel .carousel-indicators {
        bottom: -90px;
    }

    #appAR .appAR-magic {
        padding: 50px 0;
    }

        #appAR .appAR-magic h2 {
            width: 90%;
        }

    #appAR #appAR-Carousel .appAR-TxtBox {
        padding-left: 30px;
    }

    #appAR #appAR-Carousel .appAR-imgBox {
        text-align: right;
    }

    #appAR #appAR-Carousel .appAR-imgTxtBox {
        margin: 0 auto;
        margin-top: 65px;
        margin-bottom: 65px;
    }

    #appAR .appAR-intro h1 {
        text-align: center;
    }

    #appAR #appAR-Carousel .appAR-imgTxtBox {
        margin-top: 55px;
        margin-bottom: 60px;
    }

    #appAR #appAR-Carousel h4 {
        width: 75%;
        margin: 0 auto;
    }

    #appAR-Carousel ul li {
        width: 75%;
        margin: 0 auto;
    }
}



@media (max-width: 767px) {


    #appAR {
        margin-top: 0;
    }

        #appAR .appAR-intro h1 {
            font-size: 28px;
        }

        #appAR #appAR-Carousel h4 {
            width: 100%;
        }


    #appAR-Carousel ul li {
        width: 100%;
    }

    #appAR .appAR-intro .appAR-BoxApp h3 {
        font-size: 20px;
    }

    #appAR .appAR-intro .appAR-BoxApp img {
        width: 150px;
    }

    #appAR .appAR-intro .appAR-BoxApp {
        margin-bottom: 45px;
    }

    #appAR .appAR-magic h2 {
        font-size: 26px;
        width: 90%;
        margin-bottom: 35px;
    }

    #appAR .appAR-magic {
        padding: 35px 0;
    }

    #appAR #appAR-Carousel .appAR-imgTxtBox {
        width: 100%;
    }

    #appAR #appAR-Carousel .appAR-imgBox {
        width: 30%;
    }

    #appAR #appAR-Carousel .appAR-imgTxtBox h4 {
        padding-left: 20px;
    }

    #appAR #appAR-Carousel .appAR-imgTxtBox {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    #appAR .appAR-intro {
        padding: 30px 0 75px;
        background: #faf6fb; /* Old browsers */
        background: -moz-linear-gradient(-45deg, #faf6fb 0%, #f5f3f9 26%, #eeedf5 47%, #fdfbfd 58%, #eeedf5 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, #faf6fb 0%,#f5f3f9 26%,#eeedf5 47%,#fdfbfd 58%,#eeedf5 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, #faf6fb 0%,#f5f3f9 26%,#eeedf5 47%,#fdfbfd 58%,#eeedf5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf6fb', endColorstr='#eeedf5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }

    #appAR #appAR-Carousel .carousel-indicators {
        bottom: -81px;
    }

    #appAR .appAR-RightBox img {
        width: 92%;
        margin: 0 auto;
        display: block;
    }
}

@media (max-width: 374px) {

    #appAR .appAR-intro .appAR-BoxApp img {
        width: 120px;
    }
}




/*#endregion AR app*/


.dimension-free.mobAppBoxIntro p {
    /*min-height: 130px;*/
    min-height: 195px;
}



/*#region banner video*/

.item.video-banner .slider-bg-image, .item.video-banner-sq .slider-bg-image {
    position: relative;
}

    .item.video-banner .slider-bg-image video, .item.video-banner-sq .slider-bg-image video {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: auto;
        width: 100% !important;
    }

.item.video-banner a.third.btn.btn-magen.left.white-btn, .item.video-banner-sq a.third.btn.btn-magen.left.white-btn {
    bottom: 85px !IMPORTANT;
    right: 0;
    left: auto;
}

@media(max-width:991px) {
    .item.video-banner .slider-bg-image, .item.video-banner-sq .slider-bg-image {
        position: initial;
    }

        .item.video-banner .slider-bg-image video, .item.video-banner-sq .slider-bg-image video {
            width: 100% !important;
        }
}


@media (min-width:1600px) {
    .item.video-banner a.third.btn.btn-magen.left.white-btn, .item.video-banner-sq a.third.btn.btn-magen.left.white-btn {
        bottom: 45px !IMPORTANT;
    }

    #carousel-redesign .urediLandingTextSlider .item.iphone-13-green .black-text-wrap {
        width: 40%;
    }

        #carousel-redesign .urediLandingTextSlider .item.iphone-13-green .black-text-wrap img {
            width: 40%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-13-green .right-img-wrap {
        background-size: contain !important;
        width: 60% !important;
        position: relative;
    }
}


@media (min-width:1399px) and (max-width:1599px) {
    .item.video-banner a.third.btn.btn-magen.left.white-btn, .item.video-banner-sq a.third.btn.btn-magen.left.white-btn {
        bottom: 80px !IMPORTANT;
    }
}

@media (min-width:999px) and (max-width:1199px) {
    .item.video-banner a.third.btn.btn-magen.left.white-btn, .item.video-banner-sq a.third.btn.btn-magen.left.white-btn {
        bottom: 25px !IMPORTANT;
    }
}

.video-banner .video-box-v1 {
    max-width: 100%;
}

.video-banner .video-box-v1, .video-banner .video-box-v2 {
    text-align: center;
}

    .video-banner .video-box-v1 video {
        max-width: 100%;
    }

.video-banner .video-box-v2 {
    height: 100%;
}

    .video-banner .video-box-v2 video {
        max-height: 100%;
        margin: auto;
    }

/*#endregion banner video*/




@media (max-width: 991px) {

    .slider-naslovna-full-width-wraper.slider-naslovna2 .item.prepaidPrviMart {
        background-position: 33% 0 !important;
    }

    .dimension-free.mobAppBoxIntro p {
        min-height: auto;
        height: auto;
    }
}



.slider-naslovna-full-width-wraper.slider-naslovna2 .item.samsungMartButton {
    background: url(/content/banners/2018/samsung-banner-promocija-mobile.jpg) no-repeat !important;
    background-position: 68% 0 !important;
}


/*#region roaming privatni landing*/


#roamingPrivatniLanding {
    margin-top: 0px;
}

    #roamingPrivatniLanding .roamingPL-banner {
        position: relative;
        background: url(../content/images/mk-roaming-privatni-landingBanner.jpg) no-repeat center;
        background-size: cover;
        padding: 6% 0 15%;
    }

        #roamingPrivatniLanding .roamingPL-banner.roamingPLPostpaid-banner {
            position: relative;
            /*background: url(../content/images/mk-roaming-privatni-landingPostpaidBanner.jpg) no-repeat center;
            padding: 6% 0 15%;*/
            background: url(../content/images/mk-roaming-privatni-landingPostpaidBanner2.jpg) no-repeat center;
            background-size: cover;
            padding: 80px 20px;
            min-height: 375px;
        }

        #roamingPrivatniLanding .roamingPL-banner h1 {
            color: white;
            font-size: 51px;
            font-family: 'teleNeo-thin' !important;
        }

        #roamingPrivatniLanding .roamingPL-banner .roamingPL-bannerBox {
            width: 40%;
        }

        #roamingPrivatniLanding .roamingPL-banner h2 {
            color: white;
            font-size: 26px;
            font-family: 'teleNeo-regular' !important;
        }

    #roamingPrivatniLanding .roamingPL-packages {
        padding: 55px 0;
    }

    #roamingPrivatniLanding .roamingPL-packagesBox {
        text-align: center;
    }

        #roamingPrivatniLanding .roamingPL-packagesBox a.btn.btn-magen {
            font-size: 18px;
            padding: 6px 20px;
        }

        #roamingPrivatniLanding .roamingPL-packagesBox img {
            margin-bottom: 10px;
        }

    #roamingPrivatniLanding .roaming-packages-info {
        width: 90%;
        margin: 0 auto;
        min-height: 155px;
        margin-bottom: 40px;
    }

        #roamingPrivatniLanding .roaming-packages-info h3 {
            font-family: 'teleNeo-medium' !important;
            color: #383838;
            margin-bottom: 25px;
            font-size: 21px;
        }



@media (min-width:768px) and (max-width:991px) {

    #roamingPrivatniLanding {
        margin-top: -35px;
    }

        #roamingPrivatniLanding .roamingPL-packages {
            padding: 50px 0;
        }

        #roamingPrivatniLanding .roamingPL-banner .roamingPL-bannerBox {
            width: 60%;
        }

        #roamingPrivatniLanding .roaming-packages-info {
            min-height: 98px;
            margin-bottom: 20px;
        }

        #roamingPrivatniLanding .roamingPL-packagesBox {
            margin-bottom: 75px;
        }

            #roamingPrivatniLanding .roamingPL-packagesBox img {
                margin-bottom: 0;
            }


        #roamingPrivatniLanding .roaming-packages-info h3 {
            margin-bottom: 15px;
        }

        #roamingPrivatniLanding .roamingPL-banner.roamingPLPostpaid-banner {
            background-position: center right 42%;
        }
}


@media (max-width:767px) {

    #roamingPrivatniLanding .roamingPL-packages {
        padding: 45px 0;
    }

    #roamingPrivatniLanding .roamingPL-banner.roamingPLPostpaid-banner {
        padding: 45px 20px;
        min-height: 240px;
        background-position: center right 37%;
    }

    #roamingPrivatniLanding {
        margin-top: 0;
    }

        #roamingPrivatniLanding .roamingPL-banner h1 {
            font-size: 41px;
            font-family: 'teleNeo-regular' !important;
        }

        #roamingPrivatniLanding .roamingPL-banner h2 {
            font-size: 20px;
        }

        #roamingPrivatniLanding .roamingPL-banner .roamingPL-bannerBox {
            width: 90%;
        }

        #roamingPrivatniLanding .roaming-packages-info {
            min-height: auto;
            margin-bottom: 20px;
        }

            #roamingPrivatniLanding .roaming-packages-info h3 {
                margin-bottom: 10px;
            }

        #roamingPrivatniLanding .roamingPL-packagesBox img {
            margin-bottom: 0;
        }

        #roamingPrivatniLanding .roamingPL-packagesBox {
            text-align: center;
            margin-bottom: 60px;
        }
}



/*#endregion roaming privatni landing*/



/*#region business call povekje kanali*/

.business-call-povekjeKanali-TabsBox {
    margin-top: 40px;
}

.business-call-povekjeKanali h1 {
    text-align: center;
    text-transform: none;
}

.business-call-povekjeKanali h3 {
    text-align: center;
    font-family: 'teleNeo-thin' !important;
    color: #e20074;
    font-size: 22px;
    margin-top: 0;
}

.business-call-povekjeKanali-TabsBox .nav-tabs > li > a {
    padding-left: 45px;
    background: url(../images/radio-false.png) no-repeat 10px 10px;
    color: #333 !important;
    font-size: 17px;
}

.business-call-povekjeKanali-TabsBox .nav-tabs > li.active > a {
    background: url(../images/radio-true.png) no-repeat 10px 10px;
    color: #e20074 !important;
}

.business-call-povekjeKanali-TabsBox .nav-tabs {
    border-bottom: none;
    display: table;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .business-call-povekjeKanali-TabsBox .nav-tabs > li > a, .business-call-povekjeKanali-TabsBox .nav-tabs > li > a:hover, .business-call-povekjeKanali-TabsBox .nav-tabs > li > a:focus {
        border: none;
    }

.business-call-povekjeKanali-TabsBox .p-left {
    width: 65%;
}

.business-call-povekjeKanali-TabsBox .tab-content > .active {
    overflow: auto;
}

.business-radio-button-design ul.list-inline {
    margin-top: 30px;
}

.r-tabs-panel .business-radio-button-design ul.list-inline {
    margin-top: 7px;
}

.tab-content .business-radio-button-design ul.list-inline {
    margin-top: 7px;
}


.businessCallMoreDopolnitelni p {
    margin-top: 0;
    padding-left: 0;
}

@media (min-width:768px) and (max-width:991px) {

    .business-call-povekjeKanali-TabsBox .nav-tabs > li.active > a {
        background: url(../images/radio-true.png) no-repeat 5px 10px;
    }

    .business-call-povekjeKanali-TabsBox .nav-tabs > li > a {
        background: url(../images/radio-false.png) no-repeat 5px 10px;
    }

    .business-call-povekjeKanali-TabsBox .nav-tabs > li > a {
        padding-left: 40px;
    }

    .business-call-povekjeKanali-TabsBox .p-left {
        width: 50%;
    }

    .business-call-povekjeKanali-TabsBox .magenta-one-footer .price2 {
        font-size: 26px;
    }

    .business-call-povekjeKanali-TabsBox .magenta-one-footer .p-currency2 {
        margin: 0;
    }

    .business-call-povekjeKanali-TabsBox .magenta-one-footer .p-currency, .business-call-povekjeKanali-TabsBox .office-new-pack .magenta-one-footer .p-rates, .business-call-povekjeKanali-TabsBox .magenta-one-footer .p-currency2 {
        font-size: 12px;
        line-height: 12px;
        padding-left: 5px;
    }
}


@media (max-width:767px) {

    .business-call-povekjeKanali-TabsBox .nav-tabs > li.active > a {
        background: url(../images/radio-true.png) no-repeat 5px 10px;
    }

    .business-call-povekjeKanali-TabsBox .nav-tabs > li > a {
        background: url(../images/radio-false.png) no-repeat 5px 10px;
    }

    .business-call-povekjeKanali-TabsBox .nav-tabs > li > a {
        padding-left: 40px;
        font-size: 14px;
    }

    .business-call-povekjeKanali-TabsBox .nav > li {
        border-bottom: none;
        min-width: 170px;
    }

    .business-call-povekjeKanali-TabsBox .p-left {
        width: 50%;
    }
}




/*#endregion business call povekje kanali*/




.phone-list-unavailable-content {
    margin-bottom: 350px;
    margin-top: 40px;
    padding: 25px;
    max-width: 500px;
    margin: 43px auto 24px;
    color: #383838;
    background-color: white;
    border: 1px solid white;
    border-radius: 4px;
    text-align: center;
    z-index: 3;
    position: relative;
}

    .phone-list-unavailable-content p {
        margin: 0;
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 30px;
    }

.phone-list-wraper-unavailable {
    position: relative;
}

#backdrop-system-upgrade {
    position: fixed;
    background: #333;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: .2;
}


/*#region samsung banner so dve buttons*/

a.third.btn.btn-magen.left-samsung-s9-button, a.third.btn.btn-magen.left-samsung-s9-button-sq {
    display: none;
}

a.third.btn.btn-magen.left.left-samsung-s9plus-more, a.third.btn.btn-magen.left.left-samsung-s9-more {
    background: white !important;
    color: #383838;
    font-size: 16px;
    border: 1px solid #bbbbbb !important;
    padding: 8px 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ie-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    a.third.btn.btn-magen.left.left-samsung-s9plus-more:hover, a.third.btn.btn-magen.left.left-samsung-s9-more:hover {
        background: #d1d1d1 !important;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

a.third.btn.btn-magen.left.left-samsung-s9plus-more {
    left: 19%;
}

.slider-naslovna-full-width-wraper.slider-naslovna2 .item.samsungMartButton {
    background: url(/content/banners/2018/samsung-banner-promocija-mobile.jpg) no-repeat !important;
    background-position: 68% 0 !important;
}

.slider-naslovna-full-width-wraper.slider-naslovna2 .item.samsungAvgustBaner {
    background: url(/content/banners/2018/a1-baner-za-Samsung-J6-i-Samsung-A6_6-mob.jpg) no-repeat !important;
    background-position: 31% 0 !important;
}

.slider-naslovna-full-width-wraper.slider-naslovna2 .item.maxTV-10god {
    background: url(/content/banners/2018/mob-maxTV-rodenden-a1-business.jpg) no-repeat !important;
    background-position: 64% 0 !important;
}


.urediLandingTextSlider .item.samsungAvgustBaner .sliderUrediTxt-image.hidden-xs {
    background-image: url(../content/banners/2018/a1-baner-za-Samsung-J6-i-Samsung-A6_6.jpg) !important;
}

a.third.btn.btn-magen.left-samsung-button, a.third.btn.btn-magen.left-samsung-button-sq {
    display: none;
}

a.third.btn.btn-magen.left.left-samsung-j6-more {
    left: 19%;
}


@media (max-width: 990px) and (min-width: 768px) {

    #myCarousel2.homepage-slider-full a.third.btn.btn-magen.left.left-samsung-a6-more, #myCarousel2.homepage-slider-full a.third.btn.btn-magen.left.left-samsung-j6-more {
        display: block;
    }

    a.third.btn.btn-magen.left.left-samsung-j6-more {
        left: 24%;
    }
}


@media (max-width: 767px) {
    a.third.btn.btn-magen.left.left-samsung-a6-more, a.third.btn.btn-magen.left.left-samsung-j6-more {
        display: inline-block;
        width: 110px;
        height: 40px;
        left: 4% !important;
        right: auto !important;
        top: auto;
        bottom: 27%;
        text-align: center;
        background-color: #e20074 !important;
        border: 1px solid #af005a !important;
        color: white;
        font-size: 16px;
        padding: 5px 10px;
        line-height: 1.7;
    }

    a.third.btn.btn-magen.left.left-samsung-j6-more {
        left: 37% !important;
    }
}

@media (max-width: 374px) {

    a.third.btn.btn-magen.left.left-samsung-j6-more {
        left: 42% !important;
    }
}





@media (min-width: 768px) and (max-width: 990px) {

    #myCarousel2.homepage-slider-full a.third.btn.btn-magen.left.left-samsung-s9plus-more, #myCarousel2.homepage-slider-full a.third.btn.btn-magen.left.left-samsung-s9-more {
        display: block;
    }

    a.third.btn.btn-magen.left.left-samsung-s9plus-more {
        left: 23%;
    }

    #myCarousel2.homepage-slider-full a.third.btn.btn-magen.left.left-samsung-s9-more {
        top: 220px;
    }
}

@media (max-width:767px) {

    a.third.btn.btn-magen.left.left-samsung-s9-more {
        display: inline-block;
        width: 150px;
        height: 40px;
        right: 6%;
        left: auto !important;
        top: 120px;
    }

    a.third.btn.btn-magen.left.left-samsung-s9-more, a.third.btn.btn-magen.left.left-samsung-s9plus-more {
        display: inline-block;
        width: 125px;
        height: 40px;
        right: 10%;
        left: auto !important;
    }

    a.third.btn.btn-magen.left.left-samsung-s9plus-more, a.third.btn.btn-magen.left.left-samsung-s9-more {
        padding: 8px 12px;
    }

    a.third.btn.btn-magen.left.left-samsung-s9-more {
        top: 125px;
    }

    a.third.btn.btn-magen.left.left-samsung-s9plus-more {
        top: 175px;
    }
}


/*#endregion samsung banner so dve buttons*/





/*#region Family share*/

#familyShareLanding .familyShare-banner {
    position: relative;
}

    #familyShareLanding .familyShare-banner h1 {
        font-family: 'teleNeo-ultra' !important;
        background: white;
        display: inline-block;
        padding: 0 22px;
        font-size: 5.5vw;
    }

#familyShareLanding .familyShare-bannerBox {
    position: absolute;
    bottom: 5%;
    right: 0;
    left: 0;
    text-align: center;
}

#familyShareLanding .familyShare-introBox {
    padding: 50px 0;
}

    #familyShareLanding .familyShare-introBox h1 {
        color: black;
        font-size: 35px;
        text-align: center;
        font-family: 'teleNeo-regular' !important;
        margin-bottom: 80px;
    }

        #familyShareLanding .familyShare-introBox h1 span {
            font-family: 'teleNeo-ultra' !important;
        }

    #familyShareLanding .familyShare-introBox .familyShareApp-Box .familyShareApp-BoxIcon img {
        margin-bottom: 40px;
    }

    #familyShareLanding .familyShare-introBox .familyShareApp-Box p {
        text-align: left;
        color: #000000;
        font-size: 17px;
        line-height: 1.2;
    }

    #familyShareLanding .familyShare-introBox .familyShareApp-Box a img {
        max-width: 130px;
        margin-top: 10px;
    }

    #familyShareLanding .familyShare-introBox .familyShareApp-BoxIcon {
        text-align: center;
    }

    #familyShareLanding .familyShare-introBox .familyShareApp-Box a:first-of-type {
        margin-right: 7px;
    }

    #familyShareLanding .familyShare-introBox .familyShareApp-BoxTxt {
        min-height: 120px;
    }

#familyShareLanding .familyShare-Phone h1 {
    color: black;
    font-size: 35px;
    text-align: center;
    font-family: 'teleNeo-regular' !important;
    margin-bottom: 35px;
}

#familyShareLanding .familyShare-PhoneBox {
    text-align: center;
}

    #familyShareLanding .familyShare-PhoneBox .fS-PhoneBoxText p {
        color: #000000;
        font-size: 17px;
        line-height: 1.2;
    }

    #familyShareLanding .familyShare-PhoneBox .fS-PhoneBoxText {
        display: table-cell;
        width: 85%;
        vertical-align: bottom;
    }

    #familyShareLanding .familyShare-PhoneBox .fS-PhoneBoxTxtNumber {
        display: table-cell;
        width: 15%;
        vertical-align: bottom;
    }

        #familyShareLanding .familyShare-PhoneBox .fS-PhoneBoxTxtNumber p {
            color: #e20074;
            font-size: 45px;
        }

#familyShareLanding .familyShare-Phone {
    padding: 50px 0;
    margin-bottom: 50px;
}

    #familyShareLanding .familyShare-Phone .fS-PhoneBoxText img {
        margin-bottom: 25px;
    }

#familyShareLanding .familyShare-Video {
    background-color: #e20074;
    padding: 50px 0;
}

    #familyShareLanding .familyShare-Video h1 {
        color: white;
        font-size: 35px;
        font-family: 'teleNeo-regular' !important;
        margin-bottom: 60px;
    }

#familyShareLanding .familyShare-AppVideo {
    position: relative;
}

#familyShareLanding .familyShare-VideoWrapper {
    background: url(../content/images/fs-phone-video.png) no-repeat center;
    background-size: auto;
    min-height: 285px;
    padding: 16px 0;
    width: 585px;
    position: relative;
    z-index: 10 !important;
}

#familyShareLanding .familyShare-VideoBox {
    width: 450px;
    margin: 0 auto;
}

#familyShareLanding .familyShare-VideoTxtBox {
    position: absolute;
    background: url(../content/images/fs-phone-video-play1.png) no-repeat center;
    background-size: auto;
    padding: 9% 14% 9% 30px;
    right: 8%;
    top: -65px;
    z-index: 9 !important;
    width: 376px;
}

    #familyShareLanding .familyShare-VideoTxtBox p {
        margin: 0;
        color: #000000;
        font-size: 18px;
        line-height: 1.2;
        font-family: 'teleNeo-medium' !important;
    }

#familyShareLanding .letterSpacingNumber {
    letter-spacing: -8px;
}


@media (min-width:992px) and (max-width:1199px) {

    #familyShareLanding .familyShare-introBox .familyShareApp-Box .familyShareApp-BoxIcon img {
        width: 130px;
    }

    #familyShareLanding .familyShare-VideoTxtBox {
        right: 3%;
        padding: 10% 14% 10% 30px;
    }

        #familyShareLanding .familyShare-VideoTxtBox p {
            font-size: 17px;
        }
}


@media (min-width:768px) and (max-width:991px) {

    #familyShareLanding .familyShare-introBox .familyShareApp-Box .familyShareApp-BoxIcon img {
        margin-bottom: 15px;
        width: 120px;
    }

    #familyShareLanding .familyShare-introBox h1 {
        font-size: 31px;
    }

    #familyShareLanding .familyShare-VideoTxtBox {
        position: relative;
        background: none;
        background-size: auto;
        padding: 20px 20px 0 0px;
        right: auto;
        top: auto;
        width: 80%;
        margin: 0 auto;
    }

    #familyShareLanding .familyShare-Video h1 {
        margin-bottom: 35px;
        text-align: center;
    }

    #familyShareLanding .familyShare-VideoWrapper {
        margin: 0 auto;
    }

    #familyShareLanding .familyShare-VideoTxtBox p {
        text-align: center;
    }

    #familyShareLanding .familyShare-Phone h1 {
        font-size: 31px;
    }

    #familyShareLanding .familyShare-Phone .fS-PhoneBoxText img {
        margin-bottom: 15px;
    }
}



@media (max-width:767px) {

    #familyShareLanding .familyShare-banner {
        background: url(../content/images/family-share-banner.jpg) no-repeat center;
        background-size: cover;
        min-height: 210px;
        background-position: right -100px center;
    }

        #familyShareLanding .familyShare-banner h1 {
            font-size: 37px;
        }

    #familyShareLanding .familyShare-introBox {
        padding: 30px 0;
    }

        #familyShareLanding .familyShare-introBox h1 {
            font-size: 24px;
            margin-bottom: 40px;
        }

        #familyShareLanding .familyShare-introBox .familyShareApp-Box .familyShareApp-BoxIcon img {
            margin-bottom: 5px;
            width: 120px;
        }

    #familyShareLanding .familyShareApp-Box {
        margin-bottom: 45px;
        text-align: center;
    }

    #familyShareLanding .familyShare-Video h1 {
        font-size: 24px;
        margin-bottom: 35px;
    }

    #familyShareLanding .familyShare-introBox .familyShareApp-BoxTxt {
        min-height: auto;
    }

    #familyShareLanding .familyShare-VideoWrapper {
        min-height: auto;
        background-size: contain;
        padding: 10px;
        max-width: 344px;
        margin: 0 auto;
    }

    #familyShareLanding .familyShare-VideoBox {
        width: 263px;
    }

    #familyShareLanding .familyShare-VideoTxtBox {
        position: relative;
        background: none;
        background-size: auto;
        padding: 20px 20px 0 20px;
        right: auto;
        top: auto;
        width: auto;
    }

    #familyShareLanding .familyShare-Video {
        padding: 25px 0 35px;
    }

    #familyShareLanding .familyShare-Phone h1 {
        margin-bottom: 35px;
        font-size: 24px;
    }

    #familyShareLanding .familyShare-Phone .fS-PhoneBoxText img {
        margin-bottom: 5px;
    }

    .familyShare-PhoneBoxTxt {
        position: relative;
    }

    #familyShareLanding .familyShare-PhoneBox .fS-PhoneBoxText p {
        color: #000000;
        font-size: 17px;
        line-height: 1.2;
        padding: 0 35px 0 55px;
    }

    #familyShareLanding .familyShare-PhoneBox .fS-PhoneBoxText {
        display: block;
        width: auto;
    }

    #familyShareLanding .familyShare-PhoneBox .fS-PhoneBoxTxtNumber {
        display: block;
        width: auto;
        position: absolute;
        bottom: -20px;
        left: 15px;
    }

    #familyShareLanding .familyShare-VideoTxtBox p {
        text-align: center;
    }

    #familyShareLanding .familyShare-PhoneBox {
        margin-bottom: 40px;
    }

    #familyShareLanding .familyShare-Phone {
        margin-bottom: 0;
    }
}


@media (min-width:500px) and (max-width:767px) {

    #familyShareLanding .familyShare-banner {
        background-position: right 0 center;
    }
}

@media (max-width:320px) {

    #familyShareLanding .familyShare-VideoWrapper {
        max-width: 290px;
    }

    #familyShareLanding .familyShare-VideoBox {
        width: 225px;
    }
}


/*#endregion Family share*/


/*#region uredi Landing 2018*/

#urediLandingMart2018 .slider-naslovna2 {
    margin: 0 !important;
}

#urediLandingMart2018 #urediLandingMartIndicators {
    border-bottom: 3px solid #c1c1c1;
    margin-bottom: 55px;
}

#urediLandingMart2018 .urediLandingMart-Carousel .carousel-indicators li.active {
    border-top: 3px solid #e20074;
}

#urediLandingMart2018 .urediLandingMart-Carousel .carousel-indicators li {
    width: 20%;
    height: 50px;
    background: white;
    border-top: 2px solid #c1c1c1;
}

#urediLandingMart2018 .urediLandingMart-Carousel .carousel-indicators {
    bottom: -67px;
}

#uredi-landing-phones .carousel-inner .item.active {
    display: block !important;
}

#uredi-landing-phones .left.carousel-control,
#uredi-landing-phones .right.carousel-control {
    display: none !important;
}

#uredi-landing-phones h4.phone-name {
    font-size: 20px;
    width: 70%;
    color: #383838;
    line-height: 20px;
    min-height: 40px;
    font-family: 'teleNeo-medium';
    margin-bottom: 40px;
}

#uredi-landing-phones .phone-box {
    height: auto;
}

#uredi-landing-phones #uredi-phones-naslovna {
    border: 1px solid #ebebeb;
    padding: 30px 20px 25px;
}

    #uredi-landing-phones #uredi-phones-naslovna .btnMoreWrapper-landing {
        text-align: center;
    }

#uredi-landing-phones span.num-instalments span {
    font-family: 'teleNeo-regular';
    font-size: 15px;
    display: table-cell;
}

#uredi-landing-phones .num-instalments span, #uredi-landing-phones .p-currency {
    line-height: 13px;
    font-size: 12px !important;
    text-transform: uppercase;
    font-family: teleNeo-medium !important;
    color: #383838;
}

#uredi-landing-phones .p-rates {
    color: #383838;
    font-family: teleNeo-medium !important;
    line-height: 13px;
}

#uredi-landing-phones .p-uredi-cena span.num-instalments {
    display: table;
    margin: auto;
}

#uredi-landing-phones .p-uredi-cena {
    margin: 0px auto;
    width: auto;
    max-width: none;
    display: table;
}

    #uredi-landing-phones .p-uredi-cena .p-right {
        float: none;
        display: table-cell;
        width: auto;
        vertical-align: middle;
    }

    #uredi-landing-phones .p-uredi-cena .p-left {
        float: none;
        padding-right: 5px;
        display: table-cell;
        vertical-align: middle;
        width: auto;
    }

#uredi-landing-phones .phone-box .txt-cena-naslovna {
    display: block;
    margin-top: 10px;
    border-top: 1px solid #ebebeb;
    font-size: 15px;
    color: #343434;
    margin-bottom: 10px;
}

#uredi-landing-phones .p-uredi-cena .p-left span.price2 label {
    font-family: 'teleNeo-regular' !important;
    margin-bottom: 0 !important;
}

#uredi-landing-phones .product-home-img .mob-img img {
    /*height: auto;*/
    max-height: 250px;
    max-width: initial;
}

#uredi-landing-phones .dopolnitelna-oprema#uredi-phones-naslovna .product-home-img .mob-img img {
    width: 100%;
}

#uredi-landing-phones .product-home-img {
    /*height: 250px;*/
    /*width: auto;
    max-width: none;*/
}

#uredi-landing-phones .phone-box {
    padding: 0px 12px;
}

    #uredi-landing-phones .phone-box:hover .table-img {
        transform: none;
    }

#uredi-landing-phones #uredi-phones-naslovna:hover .table-img {
    transform: scale(1.05);
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.urediLandingCategory .urediLandingCategoryGreyBox, .urediLandingCategory .urediLandingCategoryWhiteBox {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.urediLandingCategory .urediLandingCategoryBox {
    text-align: center;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    display: table-cell;
}

    .urediLandingCategory .urediLandingCategoryBox .urediLandingCategoryTitle h3 {
        color: #000000;
        text-transform: uppercase;
        font-size: 16px;
        font-family: 'teleNeo-medium' !important;
        min-height: 34px;
    }

    .urediLandingCategory .urediLandingCategoryBox a:hover {
        text-decoration: none !important;
    }

.urediLandingCategory .urediLandingCategoryImgBox {
    padding: 40px 20px 20px;
    position: relative;
}


.urediLandingCategory .urediLandingCategoryGrey, .urediLandingCategory .urediLandingCategoryWhite {
    position: relative;
    padding: 50px 0;
    display: table-cell;
}

.urediLandingCategory .urediLandingCategoryGrey {
    background-color: #4b4b4b;
    padding-right: 90px;
    width: 42%;
}

.urediLandingCategory .urediLandingCategoryWhite {
    background-color: #f5f5f5;
    width: 58%;
}

.urediLandingCategory .urediLandingCategoryGrey:before {
    content: "";
    position: absolute;
    left: calc(-100% - 15px);
    top: 0;
    height: 100%;
    width: calc(100% + 15px);
    background-color: #4b4b4b;
}

.urediLandingCategory .urediLandingCategoryWhite:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #f5f5f5;
}

.urediLandingCategory h1 {
    font-family: 'teleNeo-regular' !important;
    margin-bottom: 20px;
}

.urediLandingCategory .urediLandingCategoryGrey h1 {
    position: relative;
    color: white;
}

.urediLandingCategory .urediLandingCategoryWhite h1 {
    padding-left: 50px;
    color: #000000;
}

.urediLandingCategory .urediLandingCategoryGrey .urediLandingCategoryBox .urediLandingCategoryTitle h3 {
    color: white;
}

.urediLandingCategory .urediLandingCategoryGrey h1:after {
    content: ']B';
    font-family: 'teleicon-outline';
    position: absolute;
    color: #e20074;
    font-size: 32px;
    top: -5px;
    right: 0;
    margin: auto;
}

.urediLandingCategory .urediLandingCategoryBox .urediLandingCategoryImg {
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.urediLandingCategory .urediLandingCategoryBox .urediLandingCategoryTitle {
    padding: 0 5px;
}

.urediLandingCategory .urediLandingCategoryBox .mobileTabletsIcon .urediLandingCategoryImg {
    background: url(../content/images/urediLanding2018/uredi-landing-mobilni-i-tablet.png) no-repeat center;
}

.urediLandingCategory .urediLandingCategoryBox .tvIcon .urediLandingCategoryImg {
    background: url(../content/images/urediLanding2018/uredi-landing-tv.png) no-repeat center;
}

.urediLandingCategory .urediLandingCategoryBox .dopOpremaIcon .urediLandingCategoryImg {
    background: url(../content/images/urediLanding2018/uredi-landing-dop-oprema.png) no-repeat center;
}

.urediLandingCategory .urediLandingCategoryBox .pcIcon .urediLandingCategoryImg {
    background: url(../content/images/urediLanding2018/uredi-landing-pc.png) no-repeat center;
}

.urediLandingCategory .urediLandingCategoryBox .belaTehnikaIcon .urediLandingCategoryImg {
    background: url(../content/images/urediLanding2018/uredi-landing-bela-tehnika.png) no-repeat center;
}

.urediLandingCategory .urediLandingCategoryBox .ostanatiUrediIcon .urediLandingCategoryImg {
    background: url(../content/images/urediLanding2018/uredi-landing-ostanatiUredi.png) no-repeat center;
}

.urediLandingCategory .urediLandingCategoryBox:hover .mobileTabletsIcon .urediLandingCategoryImg {
    background: url(../content/images/urediLanding2018/uredi-landing-mobilni-i-tablet-magen.png) no-repeat center;
}

.urediLandingCategory .urediLandingCategoryBox:hover .tvIcon .urediLandingCategoryImg {
    background: url(../content/images/urediLanding2018/uredi-landing-tv-magen.png) no-repeat center;
}

.urediLandingCategory .urediLandingCategoryBox:hover .dopOpremaIcon .urediLandingCategoryImg {
    background: url(../content/images/urediLanding2018/uredi-landing-dop-oprema-magen.png) no-repeat center;
}

.urediLandingCategory .urediLandingCategoryBox:hover .pcIcon .urediLandingCategoryImg {
    background: url(../content/images/urediLanding2018/uredi-landing-pc-magen.png) no-repeat center;
}

.urediLandingCategory .urediLandingCategoryBox:hover .belaTehnikaIcon .urediLandingCategoryImg {
    background: url(../content/images/urediLanding2018/uredi-landing-bela-tehnika-magen.png) no-repeat center;
}

.urediLandingCategory .urediLandingCategoryBox:hover .ostanatiUrediIcon .urediLandingCategoryImg {
    background: url(../content/images/urediLanding2018/uredi-landing-ostanatiUredi-magen.png) no-repeat center;
}


.urediLandingCategory .urediLandingCategoryBox:hover .urediLandingCategoryImg {
    -webkit-transition: all 0.25s linear;
    -moz-transition: allr 0.25s linear;
    -o-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    transition: all 0.25s linear;
}


.urediLandingBenefits {
    background: #d0d873;
    padding: 45px 0 22px;
}

    .urediLandingBenefits h2 {
        font-family: 'teleNeo-regular' !important;
        color: #000000;
        text-align: center;
        font-size: 30px;
        text-transform: uppercase;
        margin-bottom: 60px;
    }

    .urediLandingBenefits .urediLandingBenefitsBox {
        text-align: center;
    }

        .urediLandingBenefits .urediLandingBenefitsBox p {
            font-size: 18px;
            line-height: 1.2;
            color: #000000;
            min-height: 42px;
        }

    .urediLandingBenefits .urediLandingBenefitsBoxButton {
        text-align: center;
        margin-top: 15px;
    }

        .urediLandingBenefits .urediLandingBenefitsBoxButton .btn.btn-grey {
            background: #ffffff;
            border: 1px solid #b3b3b3;
            padding: 8px 20px;
        }

            .urediLandingBenefits .urediLandingBenefitsBoxButton .btn.btn-grey:hover {
                background: #ebebeb !important;
            }

.uredi-smartCasovnici-banner {
    background: url(../content/images/uredi-smart-casovnivi-background.jpg) no-repeat center;
    background-size: cover;
    padding: 40px 0 30px;
}

    .uredi-smartCasovnici-banner a.btn.btn-magen {
        padding: 8px 20px;
    }

    .uredi-smartCasovnici-banner h2 {
        color: white;
        margin-bottom: 20px;
        text-transform: uppercase;
        font-size: 25px;
    }

.urediLandingPhonesTitle h1, .urediLandingPhonesTitle h2 {
    color: #000000;
    text-align: center;
    text-transform: none;
}

.urediLandingPhonesTitle h1 {
    font-family: 'teleNeo-thin' !important;
    font-size: 34px;
    padding: 0 80px;
}

.urediLandingPhonesTitle h2 {
    font-family: 'teleNeo-thin' !important;
    font-size: 21px;
}

.urediLandingPhonesTitle {
    position: relative;
    margin-top: 60px;
    margin-bottom: 60px;
}

    .urediLandingPhonesTitle img {
        position: absolute;
        right: 12px;
        top: 0px;
    }

.urediLandingLinkMore {
    text-align: center;
    padding: 35px 0 60px;
    font-size: 16px;
    text-decoration: underline;
}

    .urediLandingLinkMore a {
        background: #ffffff !important;
        padding: 8px 20px;
    }

.urediLandingBannersBox {
    border: 1px solid #ebebeb;
}

    .urediLandingBannersBox .urediLandingBannersLeftOne {
        background: url(../content/images/urediLanding2018/baner-iphone-X-uredi.png) no-repeat center;
        height: 410px;
        /*background-position: right 25% center;
        background-size: cover;
        padding: 30px 0;*/
        background-position: center bottom;
        background-size: auto;
        padding: 30px 0;
        background-color: #fafafa;
    }

        .urediLandingBannersBox .urediLandingBannersLeftOne .urediLandingBannersTitle {
            text-align: center;
        }

            .urediLandingBannersBox .urediLandingBannersLeftOne .urediLandingBannersTitle a, .urediLandingBannersBox .urediLandingBannersLeftTwo .urediLandingBannersTitle a {
                display: block;
                font-size: 16px;
                text-decoration: underline;
            }

    .urediLandingBannersBox .urediLandingBannersLeftTwo {
        background: url(../content/images/urediLanding2018/webshop-uredi-banner-left2.jpg) no-repeat center;
        height: 205px;
        background-position: left;
        background-size: cover;
        padding: 30px 0;
    }

        .urediLandingBannersBox .urediLandingBannersLeftTwo .urediLandingBannersTitle {
            padding-left: 5%;
            text-align: center;
            float: left;
        }

    .urediLandingBannersBox .urediLandingBannersLeftThree {
        background: url(../content/images/urediLanding2018/webshop-uredi-banner-left3.jpg) no-repeat center;
        /*background: url(../content/images/urediLanding2018/uredi-banner-iphone-sporedi.png) no-repeat center;*/
        height: 205px;
        background-position: right 25% center;
        background-size: cover;
    }

    .urediLandingBannersBox .urediLandingBannersLeftThree {
        position: relative;
    }

        .urediLandingBannersBox .urediLandingBannersLeftThree .urediLandingBannersTitle a {
            position: absolute;
            bottom: 25px;
            right: 7%;
            background: transparent !important;
            padding: 8px 20px;
        }

            .urediLandingBannersBox .urediLandingBannersLeftThree .urediLandingBannersTitle a:hover {
                background: #d1d1d1 !important;
            }

    .urediLandingBannersBox .urediLandingBannersRight {
        background: url(../content/images/urediLanding2018/uredi-iphone-SE.png) no-repeat center;
        height: 410px;
        background-position: bottom center;
        background-color: #fafafa;
        position: relative;
    }

        .urediLandingBannersBox .urediLandingBannersRight a {
            font-size: 16px;
            text-decoration: underline;
        }

        .urediLandingBannersBox .urediLandingBannersRight .urediLandingBannersTitle {
            position: absolute;
            left: 0;
            right: 0;
            top: 30px;
            text-align: center;
        }

        .urediLandingBannersBox .urediLandingBannersRight h1 {
            font-family: 'teleNeo-regular' !important;
            font-size: 27px;
            color: #000000;
            margin-top: 0;
            margin-bottom: 5px;
        }

            .urediLandingBannersBox .urediLandingBannersRight h1 span {
                font-family: 'teleNeo-thin' !important;
            }

    .urediLandingBannersBox .urediLandingBannersTitle img {
        margin-bottom: 10px;
        width: 130px;
    }

#uredi-landing-phones .dopolnitelna-oprema h4.phone-name {
    width: 100%;
}

#uredi-landing-phones .dopolnitelna-oprema#uredi-phones-naslovna {
    border: none;
    padding: 30px 20px 25px;
}

#uredi-landing-phones .dopolnitelna-oprema .product-home-img {
    height: 200px;
}

#uredi-landing-phones .dopolnitelna-oprema .btnOrderWraper {
    text-align: center;
}

.uredlanding-gray-background {
    background-color: #f7f7f7;
}

.urediLandingOsiguruvanjeBanner {
    background-color: #ededed;
    margin-top: 0;
}

    .urediLandingOsiguruvanjeBanner a:hover {
        text-decoration: none !IMPORTANT;
    }

    .urediLandingOsiguruvanjeBanner h1 {
        font-family: 'teleNeo-regular' !important;
        color: #000000;
        font-size: 26px;
        text-transform: uppercase;
        margin: 0;
        margin-bottom: 15px;
    }

    .urediLandingOsiguruvanjeBanner .urediLandingOsiguruvanjeBannerBox {
        background: url(../content/images/urediLanding2018/skrshen-ekran.png) no-repeat center;
        background-position: left 50px center;
        position: relative;
    }

#uredi-landing-phones .carousel-inner > .item {
    display: none !important;
}

.urediLandingOsiguruvanje {
    padding: 60px 0;
}

    .urediLandingOsiguruvanje .urediLandingOsiguruvanjeBox {
        position: relative;
        border: 1px solid #d0d0d0;
        display: table;
        width: 100%;
        padding: 35px 45px 30px 45px;
    }

    .urediLandingOsiguruvanje .urediLandingOsiguruvanjeBoxImg {
        display: table-cell;
        vertical-align: middle;
        width: 23%;
    }

    .urediLandingOsiguruvanje .urediLandingOsiguruvanjeBox h3 {
        display: table-cell;
        vertical-align: middle;
        text-transform: uppercase;
        font-size: 22px;
        color: #000000;
    }

.urediLandingOsiguruvanjeBox:hover {
    background: #ebebeb;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.urediLandingOsiguruvanjeBox:after {
    content: ']$';
    font-family: 'teleicon-outline';
    position: absolute;
    font-size: 31px;
    color: #000000;
    top: 50%;
    right: 20px;
    margin: auto;
    transform: translate(0, -50%) rotate(-90deg);
}

.urediLandingOsiguruvanje a:hover {
    text-decoration: none;
}

.urediLandingOsiguruvanjeBanner .urediOsiguruvanjeBox {
    padding: 40px 0 25px;
    padding-left: 25%;
    text-align: center;
}

    .urediLandingOsiguruvanjeBanner .urediOsiguruvanjeBox a {
        background: #ffffff;
        border: 1px solid #b3b3b3;
        padding: 8px 20px;
    }


@media (min-width: 768px) {

    #urediLandingMart2018 .urediLandingCategory .col-lg-2 {
        width: 20%;
    }
}

@media (min-width: 992px) {

    #uredi-landing-phones .carousel-inner .item {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .urediLandingBannersBox .urediLandingBannersLeftOne {
        background-size: 90%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .uredi-smartCasovnici-banner {
        padding: 30px 0 25px;
        background-position: right 41% center;
    }

    .urediLandingCategory .urediLandingCategoryGrey {
        padding: 50px 10px 40px 0;
        width: 42%;
    }

    .urediLandingCategory h1 {
        font-size: 20px;
    }

    .urediLandingCategory .urediLandingCategoryGrey h1:after {
        top: -45px;
        right: 5px;
    }

    .urediLandingCategory .urediLandingCategoryWhite {
        padding: 50px 0 40px;
    }

    #urediLandingMart2018 .pl0-sm {
        padding-left: 0px !important;
    }

    #urediLandingMart2018 .pr0-sm {
        padding-right: 0px !important;
    }

    .urediLandingCategory .plr-sm {
        padding-left: 4.5px;
        padding-right: 4.5px;
    }

    .urediLandingCategory .mlr-sm {
        margin-left: 4.5px;
        margin-right: 4.5px;
    }

    .urediLandingCategory .urediLandingCategoryImgBox {
        padding: 30px 20px;
    }

    .urediLandingCategory .urediLandingCategoryBox .urediLandingCategoryTitle h3 {
        text-transform: none;
        font-size: 16px;
        margin-top: 15px;
    }

    /*.urediLandingCategory {
        padding: 40px 0 15px;
    }*/

    .urediLandingBenefits .urediLandingBenefitsBox p {
        font-size: 17px;
    }

    .urediLandingOsiguruvanje {
        padding: 45px 0;
    }

        .urediLandingOsiguruvanje .urediLandingOsiguruvanjeBox {
            padding: 30px 20px;
        }

            .urediLandingOsiguruvanje .urediLandingOsiguruvanjeBox h3 {
                font-size: 20px;
            }

    .urediLandingBenefits h1 {
        font-size: 30px;
    }

    .urediLandingBenefits {
        padding: 35px 0 22px;
    }

    .urediLandingPhonesTitle h1 {
        font-size: 30px;
    }

    .urediLandingPhonesTitle img {
        width: 40px;
    }

    .urediLandingCategory .urediLandingCategoryBox .urediLandingCategoryTitle {
        padding: 0px 0px;
    }

    .urediLandingOsiguruvanjeBanner .urediLandingOsiguruvanjeBannerBox {
        background-size: 250px;
        background-position: left center;
    }

    .urediLandingCategoryImgBox.mobileTabletsIcon:after, .urediLandingCategoryImgBox.dopOpremaIcon:after {
        font-size: 25px;
        top: 0px;
        right: 4px;
    }

    .urediLandingOsiguruvanjeBanner h1 {
        font-size: 24px;
    }
}


@media (max-width: 767px) {

    .urediLandingCategory .urediLandingCategoryGrey, .urediLandingCategory .urediLandingCategoryWhite {
        display: block;
    }

    .urediLandingCategory .container {
        padding-left: 0;
        padding-right: 0;
    }

    .urediLandingCategory h1 {
        font-size: 21px;
    }

    .urediLandingCategory .urediLandingCategoryGrey h1 {
        padding-right: 40px;
        text-align: center;
        display: table;
        margin: 0 auto;
        margin-top: 5px;
        margin-bottom: 20px;
    }

    .urediLandingCategory .urediLandingCategoryGrey {
        padding-right: 0;
        width: 100%;
        padding: 35px 20px 15px;
    }

    .urediLandingCategory .urediLandingCategoryWhite h1 {
        padding-left: 0;
        text-align: center;
    }

    .urediLandingCategory .urediLandingCategoryWhite {
        width: 100%;
        padding: 35px 5px 15px;
    }

        .urediLandingCategory .urediLandingCategoryWhite:before {
            display: none;
        }

    .urediLandingCategory .plr-xs {
        padding-left: 4.5px;
        padding-right: 4.5px;
    }

    .urediLandingCategory .mlr-xs {
        margin-right: -10px;
        margin-left: -10px;
    }

    #urediLandingMart2018 .pl0-xs {
        padding-left: 0px !important;
    }

    #urediLandingMart2018 .pr0-xs {
        padding-right: 0px !important;
    }

    .urediLandingCategory .urediLandingCategoryBox .urediLandingCategoryTitle h3 {
        margin-top: 9px;
        font-size: 16px;
        min-height: 51px;
        text-transform: none;
    }

    .urediLandingCategory .urediLandingCategoryBox {
        margin-bottom: 20px;
    }

    .urediLandingBenefits {
        padding: 35px 0 22px;
    }

        .urediLandingBenefits h1 {
            font-size: 27px;
            margin-bottom: 50px;
        }

        .urediLandingBenefits .urediLandingBenefitsBox p {
            font-size: 16px;
        }

    .urediLandingBannersBox .urediLandingBannersLeftOne {
        height: 260px;
        background-position: center bottom -80px;
        padding: 30px 0;
    }

    .urediLandingBannersBox .urediLandingBannersLeftTwo {
        padding: 30px 10px;
    }

    .urediLandingOsiguruvanje .urediLandingOsiguruvanjeBox {
        padding: 30px 45px 30px 20px;
        margin-bottom: 15px;
    }

    .urediLandingOsiguruvanjeBox:after {
        right: 15px;
    }


    .urediLandingOsiguruvanje .urediLandingOsiguruvanjeBox h3 {
        font-size: 19px;
    }

    .urediLandingOsiguruvanje .urediLandingOsiguruvanjeBoxImg {
        width: 25%;
    }

    .urediLandingOsiguruvanje {
        padding: 45px 0;
    }

    .urediLandingBannersBox .urediLandingBannersRight {
        height: 290px;
        position: relative;
        background-size: 75%;
    }

    .urediLandingCategory .urediLandingCategoryImgBox {
        padding: 25px 20px;
    }

    .urediLandingCategory .urediLandingCategoryBox .urediLandingCategoryTitle {
        padding: 0 0px;
    }

    .urediLandingBannersBox .urediLandingBannersTitle img {
        width: 120px;
    }

    .urediLandingBenefits .urediLandingBenefitsBox {
        margin-bottom: 25px;
    }

    .urediLandingOsiguruvanjeBanner .urediLandingOsiguruvanjeBannerBox {
        background-position: left center;
        background-size: 130px;
    }

    .urediLandingOsiguruvanjeBanner a:hover {
        text-decoration: none;
    }

    .urediLandingPhonesTitle h1 {
        font-size: 27px;
        padding: 0 40px;
    }

    .urediLandingPhonesTitle img {
        right: 10px;
        top: 5px;
        width: 30px;
    }

    .urediLandingPhonesTitle {
        margin-top: 40px;
        margin-bottom: 30px;
    }

        .urediLandingPhonesTitle h2 {
            font-size: 18px;
        }

    .urediLandingOsiguruvanjeBanner h1 {
        font-size: 18px;
    }

    .urediLandingLinkMore {
        padding: 25px 0 60px;
    }

    .urediLandingCategoryImgBox.mobileTabletsIcon:after, .urediLandingCategoryImgBox.dopOpremaIcon:after {
        font-size: 22px;
        top: 0px;
        right: 6px;
    }

    .urediLandingCategory {
        margin-top: 0px;
    }

    #uredi-landing-phones h4.phone-name {
        margin-bottom: 0px !important;
    }

    #uredi-landing-phones .p-uredi-cena {
        margin-top: 15px !important;
        visibility: visible !important;
    }

    #uredi-phones-naslovna .hover-transparent .hover-bcg:before {
        visibility: visible !important;
        transform: scaleY(1);
    }

    #uredi-landing-phones #uredi-phones-naslovna h4.phone-name {
        color: white !important;
    }

    #uredi-landing-phones h5.manufacturer {
        color: white !important;
    }

    #uredi-landing-phones .dopolnitelna-oprema h4.phone-name {
        margin-bottom: 0;
    }

    .urediLandingOsiguruvanjeBanner .urediOsiguruvanjeBox {
        padding: 27px 0 22px;
        text-align: left;
        padding-left: 40%;
    }

    .urediLandingBannersBox .urediLandingBannersRight h1 {
        font-size: 22px;
    }

    .urediLandingBannersBox .urediLandingBannersRight .urediLandingBannersTitle {
        top: 15px;
    }

    .uredi-smartCasovnici-banner {
        background-position: right 34% center;
        padding: 25px 0 20px;
    }

        .uredi-smartCasovnici-banner h2 {
            font-size: 21px;
        }
}


@media (max-width: 374px) {

    .urediLandingCategory .urediLandingCategoryGrey h1 {
        padding-right: 30px;
        padding-left: 30px;
    }
}



@media (max-width: 320px) {

    .urediLandingCategory .urediLandingCategoryBox .urediLandingCategoryTitle h3 {
        min-height: 51px;
    }

    .urediLandingOsiguruvanjeBoxImg img {
        width: 45px;
    }
}











/*#endregion uredi Landing 2018*/







.slider-naslovna-full-width-wraper.slider-naslovna2 .item.easter-button {
    background-position: 31% 0 !important;
}


.slider-naslovna-full-width-wraper.slider-naslovna2 .item.proletnaPromoButton {
    background: url(/content/banners/2018/PriletnaPromocijaA1baner-mob.jpg) no-repeat !important;
    background-position: 50% 0 !important;
}

.slider-naslovna-full-width-wraper.slider-naslovna2 .item.proletnaPromoButton-sq {
    background: url(/content/banners/2018/PriletnaPromocijaA1baner-mob-sq.jpg) no-repeat !important;
    background-position: 50% 0 !important;
}


/*#region stream on landing*/

#streamON-landing .streamON-landing-faq .panel.panel-default {
    border: none;
    box-shadow: none;
    margin-top: 0;
}

#streamON-landing .streamON-landing-faq .panel-default > .panel-heading {
    background-color: white;
    border-color: #bfbfbf;
    border-top: 1px solid #f6b3d8;
    position: relative;
    padding: 0;
}

#streamON-landing .streamON-landing-faq .panel-group .panel.panel-default:first-of-type > .panel-heading {
    border-top: 1px solid #fff;
}

#streamON-landing .streamON-landing-faq h4.panel-title a {
    display: block;
    padding: 25px 30px 25px 20px;
    font-family: 'teleNeo-medium' !important;
    font-size: 19px;
    color: white;
    text-decoration: none;
    background-color: #e20074;
}

#streamON-landing .streamON-landing-faq .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: white;
    border: none;
    color: white;
    font-size: 17px;
    line-height: 1.2;
    padding: 0px 30px 25px 20px;
    background-color: #e20074;
}




#streamON-landing .streamON-landing-faq .panel-default > .panel-heading > .panel-title > a:after {
    content: ']$';
    font-family: 'teleicon-outline';
    position: absolute;
    color: white;
    font-size: 22px;
    top: 27px;
    right: 20px;
    margin: auto;
    transform: rotateZ(-180deg);
    transition-property: transform;
    transition-duration: 0.25s;
}

#streamON-landing .streamON-landing-faq .panel-title {
    padding: 0;
}

#streamON-landing .streamON-landing-faq .panel-default > .panel-heading > .panel-title > a.collapsed:after {
    content: ']$';
    font-family: 'teleicon-outline';
    position: absolute;
    color: white;
    font-size: 22px;
    top: 27px;
    right: 20px;
    margin: auto;
    transform: rotateZ(0deg);
}

#streamON-landing h1 {
    color: black;
    font-size: 35px;
    text-align: center;
    font-family: 'teleNeo-regular' !important;
    margin-bottom: 40px;
}

    #streamON-landing h1 span {
        font-family: 'teleNeo-ultra' !important;
    }

#streamON-landing .streamON-landing-faq h1 span {
    font-family: 'teleNeo-thin' !important;
    color: white;
}

#streamON-landing .streamON-faq-box {
    width: 82%;
    margin: 0 auto;
}

#streamON-landing .streamON-landing-faq:before {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    content: "";
    border-top: 30px solid white;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
}

#streamON-landing .streamON-landing-intro p, #streamON-landing .streamON-whiteBox {
    color: #000000;
    font-size: 17px;
    line-height: 1.2;
    position: relative;
}

#streamON-landing .streamON-landing-intro, #streamON-landing .streamON-whiteBox {
    padding: 50px 0;
    background: white;
    text-align: center;
    position: relative;
}

    #streamON-landing .streamON-landing-intro .container {
        position: relative;
    }

.streamON-landing-intro .container > img {
    position: absolute;
    right: 30px;
    top: -20px;
}

#streamON-landing .streamON-landing-banner {
    position: relative;
    background: url(../content/images/smart-Video-banner.jpg) no-repeat center;
    background-size: cover;
    height: 375px;
}

.streamON-landing-sq#streamON-landing .streamON-landing-banner {
    position: relative;
    background: url(../content/images/smart-Video-banner-sq.jpg) no-repeat center;
    background-size: cover;
    height: 375px;
}

#streamON-landing .streamON-landing-faq {
    padding: 50px 0;
    background-color: #e20074;
    position: relative;
}

#streamON-landing .streamON-landing-pdf-box {
    padding: 25px 0 60px;
}


    #streamON-landing .streamON-landing-pdf-box a {
        padding-left: 20px;
    }

    #streamON-landing .streamON-landing-pdf-box a {
        padding-left: 20px;
        display: table;
    }

        #streamON-landing .streamON-landing-pdf-box a span, #streamON-landing .streamON-landing-pdf-box a img {
            display: table-cell;
            vertical-align: middle;
            font-family: 'teleNeo-medium' !important;
        }

        #streamON-landing .streamON-landing-pdf-box a img {
            padding-left: 5px;
            margin-top: 6px;
        }

    #streamON-landing .streamON-landing-pdf-box a {
        font-size: 17px;
        float: right;
        color: #241f20;
        text-decoration: none;
    }



@media (min-width:768px) and (max-width:991px) {

    #streamON-landing .streamON-landing-banner, .streamON-landing-sq#streamON-landing .streamON-landing-banner {
        background-position: left 39% center;
    }

    #streamON-landing .streamON-landing-intro h1 {
        width: 60%;
        margin: 0 auto;
        margin-bottom: 40px;
    }
}



@media (max-width:767px) {

    #streamON-landing {
        margin-top: 0;
    }

        #streamON-landing .streamON-landing-banner {
            background: url(../content/images/smart-Video-banner-mob.jpg) no-repeat center;
            height: 300px;
            background-size: cover;
            background-position: left center;
        }

    .streamON-landing-sq#streamON-landing .streamON-landing-banner {
        background: url(../content/images/smart-Video-banner-mob-sq.jpg) no-repeat center;
        height: 300px;
        background-size: cover;
        background-position: left center;
    }

    #streamON-landing .streamON-landing-intro {
        padding: 30px 0;
    }

    #streamON-landing h1 {
        font-size: 29px;
        margin-bottom: 30px;
    }

    #streamON-landing .streamON-landing-faq {
        padding: 30px 0;
    }

        #streamON-landing .streamON-landing-faq h4.panel-title a {
            padding: 25px 20px 25px 0px;
            font-size: 17px;
        }

        #streamON-landing .streamON-landing-faq .panel-default > .panel-heading > .panel-title > a:after, #streamON-landing .streamON-landing-faq .panel-default > .panel-heading > .panel-title > a.collapsed:after {
            right: 0px;
        }


        #streamON-landing .streamON-landing-faq .panel-default > .panel-heading + .panel-collapse > .panel-body {
            font-size: 16px;
        }

    .streamON-landing-pdf-box a {
        padding-left: 0;
    }

    #streamON-landing .streamON-faq-box {
        width: 90%;
    }

    #streamON-landing .streamON-landing-intro, #streamON-landing .streamON-whiteBox {
        padding: 30px 0;
    }

    #streamON-landing .streamON-landing-pdf-box a img {
        padding-left: 4px;
        margin-top: 5px;
        width: 50px;
    }

    #streamON-landing .streamON-landing-pdf-box a {
        font-size: 16px;
    }
}



@media (max-width:374px) {


    #streamON-landing .streamON-landing-pdf-box a {
        font-size: 16px;
        float: right;
        color: #241f20;
        text-decoration: none;
    }
}


/*#endregion stream on landing*/


.smart-table.smart-tariff-m.xmas2017 img.smart-xmas-ec {
    position: absolute;
    right: -5%;
    z-index: 999;
    top: -26px;
    width: 80px;
}

.smart-opcijaVideo a:hover, .smart-maxTV-go-box a:hover {
    text-decoration: none;
}

.smart-opcijaVideo a, .smart-maxTV-go-box a {
    color: #333;
}

    .smart-opcijaVideo a img {
        margin-bottom: 4px;
    }

.smart-table > div.smart-opcijaVideo {
    padding: 10px 20px 15px;
    min-height: 84px;
}


.navbar-default .navbar-nav > li.fiksniD:hover > .dropdown-menu > li, .navbar-default .navbar-nav > li.fiksniD.active > .dropdown-menu > li {
    width: 20%;
}



/*#region slider uredi landing*/
.urediLandingTextSlider .carousel-inner {
    height: 100%;
    z-index: 0;
}


.homepage-wrapper .urediLandingTextSlider .carousel-inner .item a.third.btn.btn-magen.left {
    position: absolute;
    bottom: 140px;
    z-index: 5;
    left: 0;
}

.homepage-wrapper a.third.btn.btn-magen.left.iphone-xs-povekje {
    right: 49%;
    transform: translateX(100%);
    left: auto;
}

.homepage-wrapper a.third.btn.btn-magen.left.iphone-xs-kupi {
    left: 49%;
    transform: translateX(-100%);
    right: auto;
}

.homepage-wrapper .urediLandingTextSlider ol.carousel-indicators li {
    color: white;
    padding: 15px 10px;
}

.urediLandingTextSlider ol.carousel-indicators li {
    width: 20%;
    height: 50px;
    border-radius: 0;
    /* border-top: 4px solid #c1c1c1; */
    background: transparent;
    text-indent: 0;
    position: relative;
    padding: 15px;
    display: table-cell;
    width: 100%;
    float: none;
    text-align: center;
    font-size: 17px;
    line-height: 18px;
}

.urediLandingTextSlider ol.carousel-indicators {
    position: relative;
    display: table;
    width: 100%;
    table-layout: fixed;
    left: 0;
    right: 0;
    margin: 0;
    margin-top: -4px;
    bottom: 0;
}


    .urediLandingTextSlider ol.carousel-indicators li:after {
        content: "";
        display: block;
        height: 4px;
        position: absolute;
        top: 0;
        width: 100%;
        background-color: #e20074;
        left: 50%;
        max-width: 0;
        transition: all .1s ease 0s;
    }

    .urediLandingTextSlider ol.carousel-indicators li.active:after {
        left: 0;
        max-width: 100%;
        transition: all .3s ease 0s;
    }

.homepage-wrapper .urediLandingTextSlider .urediTextSliderIndicators {
    border-top: 4px solid #5a5a5a;
}

.urediLandingTextSlider .urediTextSliderIndicators {
    border-top: 4px solid #c1c1c1;
}


.homepage-wrapper .urediLandingTextSlider .urediTextSliderIndicators {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 1;
}

.urediLandingTextSlider .glyphicon-chevron-left:before {
    content: ']%';
    font-family: 'teleicon-outline';
    color: #333333;
    font-size: 80px;
}

.urediLandingTextSlider .glyphicon-chevron-right:before {
    content: ']%';
    font-family: 'teleicon-outline';
    color: #333333;
    font-size: 80px;
}

.urediLandingTextSlider .carousel-control .glyphicon-chevron-left, .urediLandingTextSlider .carousel-control .glyphicon-chevron-right, .urediLandingTextSlider .carousel-control .icon-prev, .urediLandingTextSlider .carousel-control .icon-next {
    width: 45px;
    height: 80px;
    font-size: 80px;
    top: 38%;
    text-shadow: none;
}

.homepage-wrapper .urediLandingTextSlider .carousel-control .glyphicon {
    top: 50%;
    transform: translateY(-50%);
}

    .homepage-wrapper .urediLandingTextSlider .carousel-control .glyphicon.glyphicon-chevron-right {
        transform: translateY(-50%) rotate(180deg);
    }

.urediLandingTextSlider .container.container-txt-slider-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.homepage-wrapper .urediLandingTextSlider .container.container-txt-slider-btn {
    position: relative;
    height: 100%;
}

.urediLandingTextSlider a.full-link-textSlider {
    width: 100%;
    display: block;
    height: 100%;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 0;
}

.urediLandingTextSlider .sliderUrediTxt-image.hidden-xs {
    height: 375px;
    width: 100%;
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
}

/*.urediLandingTextSlider .item.item-one .sliderUrediTxt-image.hidden-xs {
    background-image: url(../content/banners/2018/ProletnaPromocijaA1baner.jpg);
}*/

.urediLandingTextSlider .item.item-two .sliderUrediTxt-image.hidden-xs {
    background-image: url(../content/banners/2018/Huawei-P20-A1-banner.jpg);
}

.urediLandingTextSlider .item.item-three .sliderUrediTxt-image.hidden-xs {
    background-image: url(../content/banners/2018/samsung-banner-promocija.jpg);
}

.urediLandingTextSlider .item.item-four .sliderUrediTxt-image.hidden-xs {
    background-image: url(../content/banners/2018/eden-denar-telefoni-baner.jpg);
}

.urediLandingTextSlider .item.item-five .sliderUrediTxt-image.hidden-xs {
    background-image: url(../content/banners/2018/wul-Baner-1.jpg);
}

.urediLandingTextSlider .item.maj-online-rasprodazba .sliderUrediTxt-image.hidden-xs {
    background-image: url(../content/banners/2018/online-rasprodazba-2.png);
}

.urediLandingTextSlider .item.maj-online-promocija .sliderUrediTxt-image.hidden-xs {
    background-image: url(../content/banners/2018/maj-promocija-a1-baner.jpg);
}

.urediLandingTextSlider .item.item-sony-bundle .sliderUrediTxt-image.hidden-xs {
    background-image: url(../content/banners/2018/Sony-XZ2-pre-sale-kampanjaj.jpg);
}

.urediLandingTextSlider .item.online-letna-ponuda .sliderUrediTxt-image.hidden-xs {
    background-image: url(../content/banners/2018/letna-promocija-baner.jpg);
}

.urediLandingTextSlider .item.online-letna-ponuda-juli .sliderUrediTxt-image.hidden-xs {
    background-image: url(../content/banners/2018/online-letna-ponuda-juli.jpg);
}

.urediLandingTextSlider .item.samsung-note .sliderUrediTxt-image.hidden-xs {
    background-image: url(../content/banners/2018/baner-za-Samsung-NOTE-9_FIN.jpg);
}

.urediLandingTextSlider .item.samsung-note-sq .sliderUrediTxt-image.hidden-xs {
    background-image: url(../content/banners/2018/sq-baner-za-Samsung-NOTE-9_FIN.jpg);
}

.urediLandingTextSlider .item.super-popust .sliderUrediTxt-image.hidden-xs {
    background-image: url(../content/banners/2018/super-popust-na-smartfoni-baner.jpg);
}

.urediLandingTextSlider .item.sony-imajtegoPrvi .sliderUrediTxt-image.hidden-xs, .urediLandingTextSlider .item.sony-imajtegoPrvi-sq .sliderUrediTxt-image.hidden-xs {
    background-image: url(../content/banners/2018/sony-baner-imajteGoPrvi.jpg);
}

.urediLandingTextSlider .item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center !important;
}

.homepage-wrapper .urediLandingTextSlider .item.xr-banner {
    background-image: url(../content/images/xr-banner.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.xr-banner .btn {
        position: absolute;
        bottom: 200px;
        left: 0px;
    }

.homepage-wrapper .urediLandingTextSlider .btn {
    padding: 6px 20px;
    font-size: 18px !important;
    z-index: 1;
    position: relative;
    font-family: 'teleNeo-bold' !important;
}

.iphone-buttons {
    position: absolute;
    z-index: 2;
}

.homepage-wrapper .iphone-buttons .btn {
    margin: 7px;
}

.homepage-wrapper .iphone-buttons.middle {
    bottom: 152px;
    left: 50%;
    display: table;
    transform: translateX(-50%);
}

.homepage-wrapper .urediLandingTextSlider .btn-magen, .homepage-wrapper .urediLandingTextSlider .btn-grey,
.homepage-wrapper .urediLandingTextSlider .btn-white {
    position: absolute;
    bottom: 130px;
    left: 45px;
    z-index: 1;
}

.black-background {
    background-color: #000;
}

.homepage-wrapper .sliderUrediTxt-image {
    height: 100%;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.iphoneX-banner .btn {
    bottom: 200px;
    position: absolute;
}

    .iphoneX-banner .btn.left {
        left: 49%;
        transform: translateX(-100%);
    }

    .iphoneX-banner .btn.right {
        right: 49%;
        transform: translateX(100%);
    }

.btn-white-border {
    background-color: transparent;
    border: 1px solid #fff;
    color: white;
    transition: all 0.25s ease-in-out;
    font-size: 18px;
}

    .btn-white-border:hover {
        background-color: #e20074 !important;
        color: white;
        border: 1px solid white;
    }

/*.homepage-wrapper .urediLandingTextSlider .item {
    position: relative;
}*/

.homepage-wrapper .urediLandingTextSlider .item.iphoneX-banner {
    background-image: url(../content/images/iphone-xs-banner.jpg) !important;
}

.homepage-wrapper .urediLandingTextSlider .item.komunicirajte_besprekorno {
    background-image: url('../content/banners/2018/komunicirajte-besprekorno.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.komunicirajte_besprekorno .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/komunicirajte-besprekorno.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.maxTV-10god {
    background-image: url('../content/banners/2018/maxTv-10god-a1-banner.jpg') !important;
}


    .homepage-wrapper .urediLandingTextSlider .item.maxTV-10god .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/maxtv-10god-text.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.maxTV-10god.maxTV-10god-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/maxtv-10god-text-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.telekom-mk-app {
    background-image: url('../content/banners/2018/telekom-mk-app-a1-baner.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.telekom-mk-app .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/telekom-mk-app-a1-baner-text.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.telekom-mk-app.telekom-mk-app-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/telekom-mk-app-a1-baner-text-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.telekom-mk-app-1gb-roaming {
    background-image: url('../content/banners/2019/roaming-1GB-vklucen-a1-banner.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.telekom-mk-app-1gb-roaming .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/roaming-1GB-vklucen-a1-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.telekom-mk-app-1gb-roaming.telekom-mk-app-1gb-roaming-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/roaming-1GB-vklucen-a1-banner-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.telekom-mk-app-1gb,
.homepage-wrapper .urediLandingTextSlider .item.telekom-mk-app-1gb-sq {
    background-image: url('../content/banners/2018/telekom-mk-1gb-a1-baner-text.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.telekom-mk-app-1gb .sliderUrediTxt-image {
        /*background-image: url(../content/banners/2018/telekom-mk-1gb-a1-baner-text.png) !important;*/
        background-image: url(../content/banners/2018/telekom-mk-1gb-a1-baner-text-2.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.telekom-mk-app-1gb-sq .sliderUrediTxt-image {
        /*background-image: url(../content/banners/2018/telekom-mk-1gb-a1-baner-text-sq.png) !important;*/
        background-image: url(../content/banners/2018/telekom-mk-1gb-a1-baner-text-sq-2.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.tehnologijataZaDobro {
    background-image: url('../content/banners/2019/tehnologijata-za-dobro-a1-banner.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.tehnologijataZaDobro .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/tehnologijata-za-dobro-a1-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.tehnologijataZaDobro.tehnologijataZaDobro-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/tehnologijata-za-dobro-a1-banner-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsung-s10-preorder {
    background-image: url('../content/banners/2019/samsung-preorder-S10-a1-banner.jpg') !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s10-preorder .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/samsung-preorder-S10-a1-banner.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.samsung-s10-new {
    background-image: url('../content/banners/2019/samsung10-a1-banner-new-2.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s10-new .sliderUrediTxt-image {
        background-image: url('../content/banners/2019/samsung10-a1-banner-new.png') !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s10-new.samsung-s10-new-sq .sliderUrediTxt-image {
        background-image: url('../content/banners/2019/samsung10-a1-banner-new-sq.png') !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s10-new a.btn {
        left: 55%;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsung10_left {
    background-image: url(../content/images/samsung10_left.jpg) !important;
    background-position: top 45% left 0 !important;
    background-size: 85% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung10_left .sliderUrediTxt-image {
        /*background-image: url(../content/banners/2019/samsung-preorder-S10-a1-banner.png) !important;*/
        background-image: url('../content/images/samsung10_up.png') !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung10_left.samsung10_left-sq .sliderUrediTxt-image {
        background-image: url('../content/images/samsung10_up-sq.png') !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.partner-vo-digitalna-transformacija {
    background-image: url('../content/banners/2019/partner-vo-digitalna-transformacja.png') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.partner-vo-digitalna-transformacija .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/partner-vo-digitalna-transformacja-text.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.partner-vo-digitalna-transformacija.partner-vo-digitalna-transformacija-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/partner-vo-digitalna-transformacja-text-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsung10_left .btn-magen {
    bottom: 42% !important;
    right: 31% !important;
    position: absolute;
    left: auto;
}

.homepage-wrapper .urediLandingTextSlider .item.samsung10_left.samsung10_left-sq .btn-magen {
    right: 29% !important;
}

.item.samsung-s10-preorder .samsung-s10-preorder-txt {
    position: absolute;
    bottom: 100px;
    background: rgba(0,0,0,0.8);
    padding: 20px;
    left: 0;
    right: 0;
    text-align: center;
}

    .item.samsung-s10-preorder .samsung-s10-preorder-txt a {
        position: relative !important;
        bottom: auto !important;
        margin: 15px 0 0;
    }

    .item.samsung-s10-preorder .samsung-s10-preorder-txt img {
        margin: 0 auto;
        display: block;
    }

.homepage-wrapper .urediLandingTextSlider .item.kupi-online-popust {
    background-image: url(../content/banners/2018/kupi-online-popust-baner.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.kupi-online-popust .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/kupi-online-popust-txt.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.kupi-online-fati-popust {
    background-image: url(../content/banners/2019/kupi-online-fati-popust.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.kupi-online-fati-popust .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/kupi-online-fati-popust.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsung-super-popust {
    background-image: url(../content/banners/2019/samsung-super-popust-bcg.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-super-popust .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/samsung-super-popust-txt.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-super-popust.samsung-super-popust-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/samsung-super-popust-txt-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.online-super-cena {
    background-image: url(../content/banners/2019/kupi-online-fati-popust-bcg.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.online-super-cena .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/samsung-letna-promocija-a1-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-super-cena.online-super-cena-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/samsung-letna-promocija-a1-banner-sq.png) !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.nova-magenta1-plus {
    background-image: url(../content/banners/2019/magenta1-banner.png) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.nova-magenta1-plus .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/nova-magenta1-plus.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nova-magenta1-plus.nova-magenta1-plus-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/nova-magenta1-plus-sq.png) !important;
    }




.homepage-wrapper .urediLandingTextSlider .item.decata-bezbedni {
    background-image: url(../content/banners/2019/decata-bezbedni-vo-digitalniot-sveti-A1baner.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.decata-bezbedni .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/decata-bezbedni-vo-digitalniot-sveti-A1baner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.decata-bezbedni.decata-bezbedni-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/decata-bezbedni-vo-digitalniot-sveti-A1baner-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.kupi-online-fati-popust.kupi-online-fati-popust-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2019/samsung-letna-promocija-a1-banner-sq.png) !important;
}

.homepage-wrapper .urediLandingTextSlider .item.kupiOnline-dobijPopust {
    background-image: url(../content/banners/2019/kupi-online-dobij-popust-a1-banner.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.kupiOnline-dobijPopust .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/kupi-online-dobij-popust-a1-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.kupiOnline-dobijPopust.kupiOnline-dobijPopust-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/kupi-online-dobij-popust-a1-banner-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.pickbox-filmovi-bezNadomest {
    background-image: url(../content/banners/2019/pickbox-filmovi-bezNadomest-a1-banner.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.pickbox-filmovi-bezNadomest .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/pickbox-filmovi-bezNadomest-a1-banner.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.pickbox-filmovi-bezNadomest-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2019/pickbox-filmovi-bezNadomest-a1-banner-sq.png) !important;
}

.homepage-wrapper .urediLandingTextSlider .item.huawei-online-popust {
    background-image: url(../content/banners/2019/huawei-online-popust.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.huawei-online-popust .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/huawei-online-popust.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.huawei-online-popust.huawei-online-popust-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/huawei-online-popust-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.kupi-online-super-cena {
    background-image: url(../content/banners/2019/kupi-online-super-cena.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.kupi-online-super-cena .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/kupi-online-super-cena.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.kupi-online-super-cena.kupi-online-super-cena-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/kupi-online-super-cena-sq.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.online-popust-new {
    background-image: url(../content/banners/2020/online-popust-nov-2019.jpg) !important;
    background-position: bottom center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.online-popust-new .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/online-popust-nov-2019-txt.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-popust-new.online-popust-new-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/online-popust-nov-2019-txt-sq.png) !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.max-tv-broj-eden {
    background-image: url(../content/banners/2019/max-tv-broj-eden.jpg) !important;
    background-position: bottom center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.max-tv-broj-eden .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/max-tv-broj-eden.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.max-tv-broj-eden.max-tv-broj-eden-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/max-tv-broj-eden-sq.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.iphone-11-pro-a1_banner {
    background-image: url(../content/banners/2019/iphone_11-PRO-a1-banner.jpg) !important;
    background-position: center center !important;
    background-size: auto !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.iphone-11-pro-a1_banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/iphone_11-PRO-a1-banner.png) !important;
        background-position: center center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-11-pro-a1_banner.iphone-11-pro-a1_banner-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/iphone_11-PRO-a1-banner-sq.png) !important;
        background-position: center center;
    }

.homepage-wrapper .urediLandingTextSlider .item.iphone-11-a1_banner {
    background-image: url(../content/banners/2019/iphone_11-a1-banner.jpg) !important;
    background-position: center center !important;
    background-size: auto !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.iphone-11-a1_banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/iphone_11-a1-banner.png) !important;
        background-position: center center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-11-a1_banner.iphone-11-a1_banner-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/iphone_11-a1-banner-sq.png) !important;
        background-position: center center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-11-a1_banner .container.container-txt-slider-btn .btn-magen {
        left: auto;
        right: auto;
        border: 2px solid #86868b;
        border-radius: 50px;
        background: transparent !important;
        color: #86868b;
        position: relative;
        margin: 0 7px;
        bottom: auto;
        min-width: 145px;
    }

/*.homepage-wrapper .urediLandingTextSlider .item.iphone-11-a1_banner.iphone-11-a1_banner-sq .container.container-txt-slider-btn .btn-magen {
        min-width: 150px;
    }*/

.iphone11-buttons {
    position: absolute;
    bottom: auto;
    left: auto;
    right: 9%;
    z-index: 1;
    top: 50%;
    transform: translatey(-50%);
}

.homepage-wrapper .urediLandingTextSlider .item.iphone-11-pro-new {
    background-image: url(../content/banners/2019/iphone11-pro-new.jpg) !important;
    background-position: center center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.iphone-11-pro-new .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/iphone11-pro-new.png) !important;
        background-position: top center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-11-pro-new.iphone-11-pro-new-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/iphone11-pro-new-sq.png) !important;
        background-position: top center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-11-pro-new .iphone11-new-buttons {
        position: absolute;
        bottom: 100px;
        left: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-11-pro-new .container.container-txt-slider-btn .btn-magen {
        border: 2px solid #86868b;
        border-radius: 50px;
        background: transparent !important;
        color: #86868b;
        position: relative;
        bottom: auto;
        left: auto;
        margin-right: 10px;
        min-width: 130px;
    }

.homepage-wrapper .urediLandingTextSlider .item.smart-home-pameten-dom {
    background-image: url(../content/banners/2019/smart-home-pameten-dom-a1-banner.jpg) !important;
    background-position: left center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.smart-home-pameten-dom .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/smart-home-pameten-dom-a1-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smart-home-pameten-dom.smart-home-pameten-dom-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/smart-home-pameten-dom-a1-banner-sq.png) !important;
    }




.homepage-wrapper .urediLandingTextSlider .item.business-tarifa-promotion {
    background-image: url(../content/banners/2019/business-roaming-banner-image.jpg) !important;
    background-position: left center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.business-tarifa-promotion .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/business-roaming-banner-image.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-tarifa-promotion.business-tarifa-promotion-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/business-roaming-banner-image-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.m1-business-novogodishna-promocija {
    background-image: url(../content/banners/2019/m1-business-novogodishna-promocija.jpg) !important;
    background-position: left center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-novogodishna-promocija .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/m1-business-novogodishna-promocija.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-novogodishna-promocija.m1-business-novogodishna-promocija-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/m1-business-novogodishna-promocija-sq.png) !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.business-corner {
    background-image: url(../content/banners/2019/Business-Corner.jpg) !important;
    background-position: left center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.business-corner .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/business-corner-delovni.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-corner.business-corner-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/business-corner-delovni-sq.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.tehnologijataZaDobro-new {
    background-image: url(../content/banners/2019/ostvarete-se-sto-posakuvate.jpg) !important;
    background-position: left center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.tehnologijataZaDobro-new .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/ostvarete-se-sto-posakuvate.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.tehnologijataZaDobro-new.tehnologijataZaDobro-new-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/ostvarete-se-sto-posakuvate-sq.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.tehnologijataZaDobro-new h3 {
        position: absolute;
        bottom: 150px;
        color: white;
        font-family: 'teleNeo-medium' !important;
        font-size: 22px;
    }


.homepage-wrapper .urediLandingTextSlider .item.letna-promocija-2020 {
    background-image: url(../content/banners/2020/letna-promocija-banner-2020.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.letna-promocija-2020 .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/letna-promocija-banner-2020.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.letna-promocija-2020.letna-promocija-2020-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/letna-promocija-banner-2020-sq.png) !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.samsung-z-flip {
    background-image: url(../content/banners/2020/samsung-z-flip-banner.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-z-flip .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/samsung-z-flip-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-z-flip.samsung-z-flip-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/samsung-z-flip-banner-sq.png) !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.protest-televizija {
    background-image: url(../content/banners/2020/protest-televizija-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.protest-televizija .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/protest-televizija-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.protest-televizija.protest-televizija-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/protest-televizija-banner-sq.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.protest-televizija.protest-televizija-en .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/protest-televizija-banner-en.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.samsung-promotion {
    background-image: url(../content/banners/2020/samsung-promotion.jpg) !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-promotion .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/samsung-promotion.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsung-promotion-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2020/samsung-promotion-sq.png) !important;
}

.homepage-wrapper .urediLandingTextSlider .item.samsung-promotion a.inline-btn {
    position: absolute;
    bottom: 100px;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-promotion a.inline-btn:nth-child(2) {
        left: 230px !important;
    }


@media (max-width: 767px) {
    .homepage-wrapper .urediLandingTextSlider .item.samsung-promotion a.inline-btn:nth-child(2) {
        left: 170px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-promotion a.inline-btn {
        position: absolute;
        bottom: 10px !important;
        font-size: 16px;
        padding: 6px 10px !important;
    }
}

.homepage-wrapper .urediLandingTextSlider .item.vps-banner {
    background-image: url(../content/banners/2020/vps-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.vps-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/vps-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.vps-banner.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/vps-banner-sq.png) !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.vremenski-pecat-promocija {
    background-image: url(../content/banners/2020/vremenski-pecat.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.vremenski-pecat-promocija .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/vremenski-pecat.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.vremenski-pecat-promocija.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/vremenski-pecat-sq.png) !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.cisco-webex-banner {
    background-image: url(../content/banners/2020/cisco-webex-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.cisco-webex-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/cisco-webex-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.cisco-webex-banner.cisco-webex-banner-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/cisco-webex-banner-sq.png) !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.dopolnitelni-pridobivki-business {
    background-image: url(../content/banners/2020/dopolnitelni-pridobivki-business-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.dopolnitelni-pridobivki-business .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/dopolnitelni-pridobivki-business-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.dopolnitelni-pridobivki-business.dopolnitelni-pridobivki-business-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/dopolnitelni-pridobivki-business-banner-sq.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.dopolnitelni-pridobivki-business a.inline-btn {
        position: absolute;
        bottom: 100px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.dopolnitelni-pridobivki-business a.inline-btn:nth-child(2) {
            left: 160px;
        }



.homepage-wrapper .urediLandingTextSlider .item.telekommk-app-business-new {
    background-image: url(../content/banners/2020/telekommk-app-banner-new.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.telekommk-app-business-new .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/telekommk-app-banner-new.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.telekommk-app-business-new.telekommk-app-business-new-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/telekommk-app-banner-new-sq.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.telekommk-app-business {
    background-image: url(../content/banners/2020/telekom-app-business.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.telekommk-app-business .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/telekom-app-business.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.telekommk-app-business.telekommk-app-business-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/telekom-app-business-sq.png) !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.m1-business-tarifi {
    background-image: url(../content/banners/2020/m1-business-tarifi-new.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-tarifi .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/m1-business-tarifi-new-29062020.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-tarifi.m1-business-tarifi-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/m1-business-tarifi-new-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.m1-business-new {
    background-image: url(../content/banners/2020/m1-business-new-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-new .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/m1-business-new-banner-29062020.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-new.m1-business-new-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/m1-business-new-banner-sq.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.smeni-tarifa-10gb {
    background-image: url(../content/banners/2020/promocija-telekom-app.jpg) !important;
    background-position: center center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.smeni-tarifa-10gb .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/promocija-telekom-app.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.smeni-tarifa-10gb-sq {
    background-image: url(../content/banners/2020/10gb-A1-Baner-promena-na-tarifa-sq.jpg) !important;
    background-position: center center !important;
}

.homepage-wrapper .urediLandingTextSlider .item.najdobriot-fudbal-sekade {
    background-image: url(../content/banners/2020/najdobriot-fudbal-nasekade.jpg) !important;
    background-position: center center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.najdobriot-fudbal-sekade .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/najdobriot-fudbal-nasekade.png) !important;
        background-position: top center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.najdobriot-fudbal-sekade.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/najdobriot-fudbal-nasekade-sq.png) !important;
        background-position: top center !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.samsung-promocija-new {
    background-image: url(../content/banners/2020/samsung_a1_banner_newww.jpg) !important;
    background-position: 0% 37% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-promocija-new.sq {
        background-image: url(../content/banners/2020/samsung_a1_banner_newww-sq.jpg) !important;
        background-position: 0% 37% !important;
    }




.homepage-wrapper .urediLandingTextSlider .item.tvoite-90-minuti {
    background-image: url(../content/banners/2020/tvoite-90-minuti.jpg) !important;
    background-position: center center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.tvoite-90-minuti .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/tvoite-90-minuti.png) !important;
        background-position: top center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.tvoite-90-minuti.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/tvoite-90-minuti-sq.png) !important;
        background-position: top center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.pet-godini-m1 {
    background-image: url(../content/banners/2020/magenat1-5god-a1-banner.jpg) !important;
    background-position: center center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.pet-godini-m1 .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/magenat1-5god-a1-banner.png) !important;
        background-position: bottom center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.pet-godini-m1.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/magenat1-5god-a1-banner-sq.png) !important;
        background-position: bottom center !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.pet-god-m1-hbo {
    background-image: url(../content/banners/2020/magenat1-5god-hbo-banner-full.jpg) !important;
    background-position: bottom center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.pet-god-m1-hbo.sq {
        background-image: url(../content/banners/2020/magenat1-5god-hbo-banner-full-sq.jpg) !important;
        background-position: bottom center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.pet-god-m1-hbo a.inline-btn,
        .homepage-wrapper .urediLandingTextSlider .item.pet-god-m1-hbo.sq a.inline-btn {
            position: absolute;
            display: inline-block;
        }

            .homepage-wrapper .urediLandingTextSlider .item.pet-god-m1-hbo a.inline-btn:last-child,
            .homepage-wrapper .urediLandingTextSlider .item.pet-god-m1-hbo.sq a.inline-btn:last-child {
                left: 25%;
            }

.homepage-wrapper .urediLandingTextSlider .item.iphone-pretprodazba {
    background-image: url(../content/banners/2020/iPhone12-pretprodazba-new.jpg) !important;
    background-position: center top !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.iphone-pretprodazba .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/iPhone12-pretprodazba-new.png) !important;
        background-position: 0 13% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-pretprodazba.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/iPhone12-pretprodazba-sq-new.png) !important;
        background-position: 0 13% !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.iphone-pretprodazba-max-mini {
    background-image: url(../content/banners/2020/iPhone12-miniMax-pretprodazba.jpg) !important;
    background-position: center top !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.iphone-pretprodazba-max-mini .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/iPhone12-miniMax-pretprodazba.png) !important;
        background-position: 0 13% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-pretprodazba-max-mini.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/iPhone12-miniMax-pretprodazba-sq.png) !important;
        background-position: 0 13% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-pretprodazba-max-mini .absolute-box {
        position: absolute;
        right: 20%;
        bottom: 0;
        width: 16%;
    }




.homepage-wrapper .urediLandingTextSlider .item.black-friday-2020 {
    background-image: url(../content/banners/2020/black-friday-banner.jpg) !important;
    background-position: center top !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2020.sq {
        background-image: url(../content/banners/2020/black-friday-banner-sq.jpg) !important;
        background-position: center top !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2020 a.btn-magen {
        bottom: 70px;
    }



.homepage-wrapper .urediLandingTextSlider .item.praznichna-ponuda {
    background-image: url(../content/banners/2020/familija-a1-banner.jpg) !important;
    background-position: center center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.praznichna-ponuda .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/familija-a1-banner.png) !important;
        background-position: 0% 13%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.praznichna-ponuda.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/familija-a1-banner-sq.png) !important;
        background-position: 0% 13%;
    }


/*.homepage-wrapper .urediLandingTextSlider .item.samsung-s21-preorder {
    background-image: url(../content/banners/2021/samsung-S21-Pre-Order.jpg) !important;
    background-position: center 9% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s21-preorder.sq {
        background-image: url(../content/banners/2021/samsung-S21-Pre-Order-sq.jpg) !important;
        background-position: center 9% !important;
    }*/
.homepage-wrapper .urediLandingTextSlider .item.samsung-s21-preorder {
    background-image: url(../content/banners/2021/samsung-s21-banner-new.jpg) !important;
    background-position: center top !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s21-preorder img.text-one {
        position: absolute;
        right: 25%;
        top: 6%;
        width: 170px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s21-preorder img.text-two {
        position: absolute;
        left: 0;
        bottom: 15%;
        width: 300px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s21-preorder .absolute-box {
        position: absolute;
        width: 50%;
        right: 0;
        bottom: 0;
    }

.homepage-wrapper .urediLandingTextSlider .item.speak-out-banner-new {
    background-image: url(../content/banners/2021/speak-out-banner-new.jpg) !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.speak-out-banner-new.sq {
        background-image: url(../content/banners/2021/speak-out-banner-new-sq.jpg) !important;
        background-position: top center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.smart-start-banner {
    background-image: url(../content/banners/2021/smart-start-banner.jpg) !important;
    background-position: top center !important;
}



    .homepage-wrapper .urediLandingTextSlider .item.smart-start-banner a {
        left: 4% !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.novo-business-portfolio {
    background-image: url(../content/banners/2020/novo_biznis_portfolio.jpg) !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.novo-business-portfolio .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/novo_biznis_portfolio-new.png) !important;
        background-position: center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.novo-business-portfolio.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/novo_biznis_portfolio-sq-new.png) !important;
        background-position: center;
    }


.homepage-wrapper .urediLandingTextSlider .item.praznichen-bonus {
    /*background-image: url(../content/banners/2020/novi_pocetoci_a1-banner.jpg) !important;*/
    background-image: url(../content/banners/2020/novi_pocetoci_m1.jpg) !important;
    background-position: center center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.praznichen-bonus .sliderUrediTxt-image {
        /*background-image: url(../content/banners/2020/novi_pocetoci_a1-banner.png) !important;*/
        background-image: url(../content/banners/2020/novi_pocetoci_m1.png) !important;
        background-position: 0% 13%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.praznichen-bonus.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/novi_pocetoci_m1-sq.png) !important;
        background-position: 0% 13%;
    }




.homepage-wrapper .urediLandingTextSlider .item.huawei-mate-40-pro {
    background-image: url(../content/banners/2020/huawei-mate40pro-a1banner.jpg) !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.huawei-mate-40-pro.sq {
        background-image: url(../content/banners/2020/huawei-mate40pro-a1banner-sq.jpg) !important;
        background-position: top center !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.pripejd-nagradna-2020 {
    background-image: url(../content/banners/2020/nagradna-igra_a1_banner.jpg) !important;
    background-position: 0% 13% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.pripejd-nagradna-2020.sq {
        background-image: url(../content/banners/2020/nagradna-igra_a1_banner-sq.jpg) !important;
        background-position: 0% 13% !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.penzioner-tarifa {
    background-image: url(../content/banners/2020/penzioner-a1-banner.jpg) !important;
    background-position: bottom 12% center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.penzioner-tarifa .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/penzioner-a1-banner.png) !important;
        background-position: top 10% center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.penzioner-tarifa.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/penzioner-a1-banner-sq.png) !important;
        background-position: top 10% center !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.inOne-banner {
    background-image: url(../content/banners/2020/inOne-banner.jpg) !important;
    background-position: bottom 12% center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.inOne-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/inOne-banner.png) !important;
        background-position: top center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.inOne-banner.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/inOne-banner-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.iphone-pretprodazba .absolute-box {
    position: absolute;
    right: 15%;
    bottom: 0;
    width: 33%;
}



.homepage-wrapper .urediLandingTextSlider .item.pet-god-m1-business {
    background-image: url(../content/banners/2020/magenat1-business-5god-a1-banner.jpg) !important;
    background-position: center center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.pet-god-m1-business .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/magenat1-business-5god-a1-banner.png) !important;
        background-position: bottom center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.pet-god-m1-business.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/magenat1-business-5god-a1-banner-sq.png) !important;
        background-position: bottom center !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.samsung-s20-prodazba {
    background-image: url(../content/banners/2020/samsung-s20-baner-prodazba.jpg) !important;
    background-position: bottom center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s20-prodazba .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/samsung-s20-baner-prodazba.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsung-s20-prodazba-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2020/samsung-s20-baner-prodazba-sq.png) !important;
}


.homepage-wrapper .urediLandingTextSlider .item.pantheon-banner {
    background-image: url(../content/banners/2020/pantheon-banner.jpg) !important;
    background-position: 50% 90% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.pantheon-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/pantheon-banner.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.pantheon-banner-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2020/pantheon-banner-sq.png) !important;
}



.homepage-wrapper .urediLandingTextSlider .item.huawei-p40-pro {
    background-image: url(../content/banners/2020/huawei-p40-pro.jpg) !important;
    background-position: 50% 90% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.huawei-p40-pro .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/huawei-p40-pro.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.huawei-p40-pro-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2020/huawei-p40-pro-sq.png) !important;
}




.homepage-wrapper .urediLandingTextSlider .item.sedi-doma-new {
    background-image: url(../content/banners/2020/sedi-doma-new.jpg) !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.sedi-doma-new .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/sedi-doma-new.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.sedi-doma-new-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2020/sedi-doma-new-sq.png) !important;
}





.homepage-wrapper .urediLandingTextSlider .item.sedi-doma-new a.inline-btn {
    position: absolute;
    bottom: 100px;
}

    .homepage-wrapper .urediLandingTextSlider .item.sedi-doma-new a.inline-btn:nth-child(2) {
        left: 160px;
    }


.homepage-wrapper .urediLandingTextSlider .item.test-new {
    background-image: url(../content/banners/2020/test.jpg) !important;
    background-position: center top !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.test-new .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/test.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.mobile-tariff-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2020/mobile-tariff-banner-sq.png) !important;
}


.homepage-wrapper .urediLandingTextSlider .item.mobile-tariff {
    background-image: url(../content/banners/2020/mobile-tariff-banner.jpg) !important;
    background-position: center top !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.mobile-tariff .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/mobile-tariff-banner.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.mobile-tariff-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2020/mobile-tariff-banner-sq.png) !important;
}

.homepage-wrapper .urediLandingTextSlider .item.mobile-tariff a.inline-btn {
    position: absolute;
    bottom: 130px;
}

    .homepage-wrapper .urediLandingTextSlider .item.mobile-tariff a.inline-btn:nth-child(2) {
        left: 160px;
    }


.homepage-wrapper .urediLandingTextSlider .item.app-banner-naslovna {
    background-image: url(../content/banners/2020/telekom-mk-app-banner-naslovna.jpg) !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.app-banner-naslovna .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/telekom-mk-app-banner-naslovna.png) !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.letna-promocija-preku-telekom-app {
    background-image: url(../content/banners/2020/letna-promocija-preku-telekom-app-banner.jpg) !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.letna-promocija-preku-telekom-app .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/letna-promocija-preku-telekom-app-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.letna-promocija-preku-telekom-app.letna-promocija-preku-telekom-app-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/letna-promocija-preku-telekom-app-banner-sq.png) !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.smeni-tarifa-so-eden-click {
    background-image: url(../content/banners/2020/smeni-tarifa-so-eden-click-banner.jpg) !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.smeni-tarifa-so-eden-click .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/smeni-tarifa-so-eden-click-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smeni-tarifa-so-eden-click.smeni-tarifa-so-eden-click-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/smeni-tarifa-so-eden-click-banner-sq.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.samsungNote_pretprodazba {
    background-image: url(../content/banners/2020/samsung_banner_avgust.jpg) !important;
    background-position: center top !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsungNote_pretprodazba .sliderUrediTxt-image {
        background-image: none !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsungNote_pretprodazba-sq {
    background-image: url(../content/banners/2020/samsung_banner_avgust-sq.jpg) !important;
    background-position: center top !important;
}


.homepage-wrapper .urediLandingTextSlider .item.s20-fe {
    background-image: url(../content/banners/2020/samsung_a1_banner_galaxy_s20_fe.jpg) !important;
    background-position: top 10% center !important;
}

.homepage-wrapper .urediLandingTextSlider .item.s20-fe-sq {
    background-image: url(../content/banners/2020/samsung_a1_banner_galaxy_s20_fe-sq.jpg) !important;
    background-position: top 10% center !important;
}



.homepage-wrapper .urediLandingTextSlider .item.business-sekogashPovrzani {
    background-image: url(../content/banners/2020/business-a1banner-noviPaketi.jpg) !important;
    background-position: top 25% center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.business-sekogashPovrzani .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/business-a1banner-noviPaketi.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-sekogashPovrzani.business-sekogashPovrzani-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/business-a1banner-noviPaketi-sq.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.youngsters {
    background-image: url(../content/banners/2020/youngsters-banner-bcg.jpg) !important;
    background-position: center !important;
}


    .homepage-wrapper .urediLandingTextSlider .item.youngsters .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/youngsters-banner-text.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.youngsters.youngsters-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/youngsters-banner-text-sq.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.samsung_note20Ultra {
    background-image: url(../content/banners/2020/samsung_banner_note20Ultra.jpg) !important;
    background-position: center center !important;
}




.homepage-wrapper .urediLandingTextSlider .item.obnova-na-dogovor {
    background-image: url(../content/banners/2020/obnovete-dogovor.jpg) !important;
    background-position: center top !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.obnova-na-dogovor .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/obnovete-dogovor.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.obnova-na-dogovor.obnova-na-dogovor-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/obnovete-dogovor-sq.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.speak-out {
    background-image: url(../content/banners/2020/speak-out-banner-bcg.jpg) !important;
    background-position: center top !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.speak-out .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/speak-out-a1-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.speak-out.speak-out-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/speak-out-a1-banner-sq.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.speak-out .absolute-box {
        position: absolute;
        right: 15%;
        bottom: 0;
        width: 33%;
    }





.homepage-wrapper .urediLandingTextSlider .item.samsung_note20Ultra {
    background-image: url(../content/banners/2020/samsung_banner_note20Ultra.jpg) !important;
    background-position: center center !important;
}




    .homepage-wrapper .urediLandingTextSlider .item.samsung_note20Ultra .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/samsung_banner_note20Ultra.png) !important;
    }

.samsung_note20Ultra-buttons {
    position: absolute;
    right: auto;
    bottom: 130px;
    left: 0;
}

    .samsung_note20Ultra-buttons a:first-of-type {
        margin-bottom: 15px;
        display: block;
    }

.homepage-wrapper .urediLandingTextSlider .item.vikendica-banner {
    background-image: url(../content/banners/2020/vikendica-a1-banner-new.jpg) !important;
    background-position: bottom center !important;
}


    .homepage-wrapper .urediLandingTextSlider .item.vikendica-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/vikendica-a1-banner-new.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.vikendica-banner.vikendica-banner.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/vikendica-a1-banner-new-sq.png) !important;
    }



.samsungNote_pretprodazba_buttons {
    position: absolute;
    right: 0;
    top: 30%;
    left: auto;
}

    .samsungNote_pretprodazba_buttons a:first-of-type {
        margin-bottom: 15px;
        display: inline-block !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsungNote_pretprodazba .btn-magen,
.homepage-wrapper .urediLandingTextSlider .item.samsungNote_pretprodazba .btn-grey,
.homepage-wrapper .urediLandingTextSlider .item.samsungNote_pretprodazba .btn-white {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    z-index: 1;
    display: block;
    width: auto;
}


.homepage-wrapper .urediLandingTextSlider .item.lekarska-ponuda {
    background-image: url(../content/banners/2020/lekarska-ponuda-a1-banner.jpg) !important;
    background-position: center center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.lekarska-ponuda .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/lekarska-ponuda-a1-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.lekarska-ponuda.lekarska-ponuda.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/lekarska-ponuda-a1-banner-sq.png) !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.pozitivni_Vibracii {
    background-image: url(../content/banners/2020/pozitivni_Vibracii_Banner.jpg) !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.pozitivni_Vibracii .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/pozitivni_Vibracii_Banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.pozitivni_Vibracii.pozitivni_Vibracii-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/pozitivni_Vibracii_Banner-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.maxtv-kino-banner {
    background-image: url(../content/banners/2020/maxtv-kino-banner.jpg) !important;
    background-position: center top !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.maxtv-kino-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/maxtv-kino-banner.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.maxtv-kino-banner-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2020/maxtv-kino-banner-sq.png) !important;
}




.homepage-wrapper .urediLandingTextSlider .item.ostani-doma-aktiviraj-smetka {
    background-image: url(../content/banners/2020/ostani-doma-aktiviraj-smetka.jpg) !important;
    background-position: 50% 90% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.ostani-doma-aktiviraj-smetka .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/ostani-doma-aktiviraj-smetka.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.ostani-doma-aktiviraj-smetka-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2020/ostani-doma-aktiviraj-smetka-sq.png) !important;
}



.homepage-wrapper .urediLandingTextSlider .item.ostani-doma-plati-online {
    background-image: url(../content/banners/2020/ostani-doma-plati-online.jpg) !important;
    background-position: 50% 75% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.ostani-doma-plati-online .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/ostani-doma-plati-online.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.ostani-doma-plati-online-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2020/ostani-doma-plati-online-sq.png) !important;
}

.homepage-wrapper .urediLandingTextSlider .item.sedi-doma {
    background-image: url(../content/banners/2020/sedi-doma.jpg) !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.sedi-doma .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/sedi-doma.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.sedi-doma-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2020/sedi-doma-sq.png) !important;
}


@media (min-width:768px) and (max-width:991px) {

    .samsungNote_pretprodazba_buttons {
        right: 0;
        top: auto;
        left: 0;
        bottom: 150px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsungNote_pretprodazba .btn-magen, .homepage-wrapper .urediLandingTextSlider .item.samsungNote_pretprodazba .btn-grey, .homepage-wrapper .urediLandingTextSlider .item.samsungNote_pretprodazba .btn-white {
        display: inline-block;
    }

    .samsungNote_pretprodazba_buttons a:first-of-type {
        margin-bottom: auto;
        margin-right: 15px;
    }
}

@media(max-width:767px) {
    .homepage-wrapper .urediLandingTextSlider .item.speak-out-banner-new {
        background-image: url(../content/banners/2021/speak-out-banner-new-mob.jpg) !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.speak-out-banner-new.sq {
            background-image: url(../content/banners/2021/speak-out-banner-new-mob-sq.jpg) !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.smart-start-banner {
        background-image: url(../content/banners/2021/smart-start-banner-mob.jpg) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s21-preorder img.text-one {
        width: 130px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s21-preorder img.text-two {
        width: 170px;
        BOTTOM: 20%;
    }
    /*.homepage-wrapper .urediLandingTextSlider .item.samsung-s21-preorder {
        background-image: url(../content/banners/2021/samsung-S21-Pre-Order-mob.jpg) !important;
        background-position: center 9% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-s21-preorder.sq {
            background-image: url(../content/banners/2021/samsung-S21-Pre-Order-sq-mob.jpg) !important;
            background-position: center 9% !important;
        }*/

    .homepage-wrapper .urediLandingTextSlider .item.pripejd-nagradna-2020 {
        background-image: url(../content/banners/2020/nagradna-igra_a1_banner-mob.jpg) !important;
        background-position: 0% 13% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.pripejd-nagradna-2020.sq {
            background-image: url(../content/banners/2020/nagradna-igra_a1_banner-mob-sq.jpg) !important;
            background-position: 0% 13% !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.huawei-mate-40-pro {
        background-image: url(../content/banners/2020/huawei-mate40pro-a1banner-mob.jpg) !important;
        background-position: top center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.huawei-mate-40-pro.sq {
            background-image: url(../content/banners/2020/huawei-mate40pro-a1banner-sq-mob.jpg) !important;
            background-position: top center !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.pet-god-m1-hbo a.inline-btn:last-child,
    .homepage-wrapper .urediLandingTextSlider .item.pet-god-m1-hbo.sq a.inline-btn:last-child {
        left: 0;
        bottom: 70px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smeni-tarifa-10gb {
        /*background-image: url(../content/banners/2020/10gb-A1-Baner-promena-na-tarifa-mob.jpg) !important;*/
        background-image: url(../content/banners/2020/promocija-telekom-app.jpg) !important;
        background-position: center center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.smeni-tarifa-10gb .sliderUrediTxt-image {
            background-image: url(../content/banners/2020/promocija-telekom-app.png) !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.smeni-tarifa-10gb-sq {
        background-image: url(../content/banners/2020/10gb-A1-Baner-promena-na-tarifa-mob-sq.jpg) !important;
        background-position: center center !important;
    }

    .samsung_note20Ultra-buttons {
        bottom: 10px;
    }

    .samsungNote_pretprodazba_buttons a:first-of-type {
        display: block !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.sedi-doma-new a.inline-btn {
        bottom: 50px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.pozitivni_Vibracii {
        background-image: url(../content/banners/2020/pozitivni_Vibracii_Banner_mob.jpg) !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.pozitivni_Vibracii .sliderUrediTxt-image {
            background-image: url(../content/banners/2020/pozitivni_Vibracii_Banner_mob.png) !important;
        }

    .samsungNote_pretprodazba_buttons {
        right: 0;
        top: auto;
        bottom: 0;
        left: 0;
        width: 85%;
        margin: 0 auto;
    }
}

.homepage-wrapper .urediLandingTextSlider .item.samsung-s20 {
    background-image: url(../content/banners/2020/samsung-s20.jpg) !important;
    background-position: bottom center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s20 .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/samsung-s20.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsung-s20-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2020/samsung-s20-sq.png) !important;
}


.homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-delovni {
    background-image: url(../content/banners/2023/best-net-banner-bg-delovni.jpg) !important;
    background-position: center center !important;
}



.homepage-wrapper .urediLandingTextSlider .item.halloween-2023 {
    background-image: url(../content/banners/2023/halloween-banner-2023.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.halloween-2023 .item-wrapper {
        justify-content: center !important;
        align-items: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.halloween-2023 .item-wrapper .white-text-wrap {
            text-align: center;
            width: 65%;
            position: relative;
            margin-top: -70px;
        }

            .homepage-wrapper .urediLandingTextSlider .item.halloween-2023 .item-wrapper .white-text-wrap .ec {
                position: absolute;
                right: 140px;
                bottom: -100px;
                width: 110px;
            }

            .homepage-wrapper .urediLandingTextSlider .item.halloween-2023 .item-wrapper .white-text-wrap h2 {
                font-size: 65px !important;
            }

            .homepage-wrapper .urediLandingTextSlider .item.halloween-2023 .item-wrapper .white-text-wrap h3 {
                font-size: 45px;
                color: white;
            }

.homepage-wrapper .urediLandingTextSlider .item.m1b-oktomvri-2024 {
    background-image: url(../content/banners/2024/m1-business-oktomvri-2024.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.m1b-oktomvri-2024 .absolute-img {
        position: absolute;
        top: 0;
        bottom: -10px;
        width: 45%;
        height: 100%;
        right: -70px;
        text-align: right;
    }

        .homepage-wrapper .urediLandingTextSlider .item.m1b-oktomvri-2024 .absolute-img img {
            height: 100%;
            width: auto;
        }

.homepage-wrapper .urediLandingTextSlider .item.safenet-office-safenet-mobile {
    background-image: url(../content/banners/2024/safenet-office-safenet-mobile-2024.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.safenet-office-safenet-mobile.sq {
        background-image: url(../content/banners/2024/safenet-office-safenet-mobile-2024-sq.jpg) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.safenet-office-safenet-mobile .white-text-wrap {
        width: 34%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.safenet-office-safenet-mobile .white-text-wrap h2 {
            font-size: 30px
        }

    .homepage-wrapper .urediLandingTextSlider .item.safenet-office-safenet-mobile .inline-buttons a:last-of-type {
        left: 200px !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.safenet-2025 .inline-buttons a:last-of-type {
    left: 200px !important;
}

.homepage-wrapper .urediLandingTextSlider .item.backup-business-2024 {
    background-image: url(../content/banners/2024/backup-business-2024.jpg) !important;
    background-position: 50% 70% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.backup-business-2024.sq {
        background-image: url(../content/banners/2024/backup-business-2024-sq.jpg) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.backup-business-2024 .white-text-wrap {
        width: 45%;
    }

.homepage-wrapper .urediLandingTextSlider .item.boc-2024 {
    background-image: url(../content/banners/2024/boc-2024.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.boc-2024.sq {
        background-image: url(../content/banners/2024/boc-2024-sq.jpg) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.boc-2024 .white-text-wrap {
        width: 50%;
    }

.homepage-wrapper .urediLandingTextSlider .item.ny-b2b-2024 {
    background-image: url(../content/banners/2024/a1-mk-ny.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.ny-b2b-2024.sq {
        background-image: url(../content/banners/2024/a1-sq-ny.jpg) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.ny-b2b-2024 .white-text-wrap {
        width: 50%;
        position: relative;
    }

        .homepage-wrapper .urediLandingTextSlider .item.ny-b2b-2024 .white-text-wrap p {
            color: white;
            font-family: 'teleNeo-extra' !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.ny-b2b-2024 .white-text-wrap .ec {
            position: absolute;
            width: 190px;
            top: -80px;
            right: 70px;
        }


.homepage-wrapper .urediLandingTextSlider .item.magenta-moments {
    background-image: url(../content/banners/2023/magenta-moments-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments .item-wrapper {
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments .item-wrapper .white-text-wrap {
            margin-left: -80px;
            width: 65%;
        }

.homepage-wrapper .urediLandingTextSlider .item.olimpijada-4k {
    background-image: url(../content/banners/2024/banner-olimpijada-4k.jpg) !important;
    background-position: center !important;
}

.homepage-wrapper .urediLandingTextSlider .item.eko-popust-flip-fold {
    background-image: url(../content/banners/2024/banner-eko-popust-flip-fold.jpg) !important;
    background-position: bottom !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.eko-popust-flip-fold.sq {
        background-image: url(../content/banners/2024/banner-eko-popust-flip-fold-sq.jpg) !important;
        background-position: bottom !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2025 {
    background-image: url(../content/banners/2024/nagradna-igra-Dekstop-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2025.sq {
        background-image: url(../content/banners/2024/Nagradna-Dekstop-banner-sq-web.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.valentines-2025 {
    background-image: url(../content/banners/2025/banner-valentines-2025.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.valentines-2025.sq {
        background-image: url(../content/banners/2025/banner-valentines-2025-sq.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.magenta-moments-nov-podarok {
    background-image: url(../content/banners/2024/banner-adventcalendar-mkd.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-nov-podarok.sq {
        background-image: url(../content/banners/2024/banner-adventcalendar-sq.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.ny-kampanja-2025-banner {
    background-image: url(../content/banners/2024/ny-kampanja-2025-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.ny-kampanja-2025-banner.sq {
        background-image: url(../content/banners/2024/ny-kampanja-2025-banner-sq.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.ny-kampanja-2025-banner-tv {
    background-image: url(../content/banners/2024/ny-kampanja-2025-banner-tv.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.ny-kampanja-2025-banner-tv.sq {
        background-image: url(../content/banners/2024/ny-kampanja-2025-banner-sq-tv.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsung-duo {
    background-image: url(../content/banners/2024/samsung-duo.jpg) !important;
    background-position: center !important;
}


.homepage-wrapper .urediLandingTextSlider .item.samsung-galaxy-ai {
    background-image: url(../content/banners/2024/samsung-galaxy-ai.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-galaxy-ai.sq {
        background-image: url(../content/banners/2024/samsung-galaxy-ai-sq.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.magenta-business-2025 {
    background-image: url(../content/banners/2025/B2B-magenta-business-2025.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-2025.sq {
        background-image: url(../content/banners/2025/B2B-magenta-business-2025-sq.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.proletna-ponuda-2025 {
    background-image: url(../content/banners/2025/proletna-ponuda-2025.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.proletna-ponuda-2025.sq {
        background-image: url(../content/banners/2025/proletna-ponuda-2025-sq.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.business-tarifi-2025 {
    background-image: url(../content/banners/2025/Business-tarifi.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-2025.sq {
        background-image: url(../content/banners/2025/Business-tarifi-sq.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.backup-business-2025 {
    background-image: url(../content/banners/2025/backup-business.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.backup-business-2025.sq {
        background-image: url(../content/banners/2025/backup-business-sq.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.boc-2025 {
    background-image: url(../content/banners/2025/product-banner-SOC.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.boc-2025.sq {
        background-image: url(../content/banners/2025/product-banner-SOC-sq.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.safenet-2025 {
    background-image: url(../content/banners/2025/safenet-adaptacija-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.safenet-2025.sq {
        background-image: url(../content/banners/2025/safenet-adaptacija-banner-web-sq.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.infobip-omni-2025 {
    background-image: url(../content/banners/2025/B2B-OMNI.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.infobip-omni-2025.sq {
        background-image: url(../content/banners/2025/B2B-OMNI-sq.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.online-popust-2025 {
    background-image: url(../content/banners/2025/online-popust.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.online-popust-2025.sq {
        background-image: url(../content/banners/2025/online-popust-sq.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.halloween-2024 {
    background-image: url(../content/banners/2024/halloween-2024.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.halloween-2024.sq {
        background-image: url(../content/banners/2024/halloween-2024-sq.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.banner-leten-podarok {
    background-image: url(../content/banners/2024/banner-leten-podarok-peshkir.jpg) !important;
    background-position: bottom !important;
}


.homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor {
    background-image: url(../content/banners/2024/bg-magenta-odmor.jpg) !important;
    background-position: bottom !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .item-wrapper {
        align-items: flex-start !important;
    }



    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .white-text-wrap {
        position: relative;
        width: 40%;
        margin-top: 100px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .white-text-wrap .header {
            position: relative;
        }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .white-text-wrap h2 {
            margin-top: 20px;
            color: black !important;
            font-size: 46px !important;
            width: 40%;
            font-family: 'teleNeo-regular' !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .item-wrapper {
        z-index: 1;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .image {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .ec {
        width: 110px;
        position: absolute;
        right: 0;
        bottom: -85px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .right-img-wrap {
        position: absolute;
        right: 0;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        margin: auto 0;
        background-image: url(../content/banners/2024/people-magenta-odmor.png);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: contain;
    }

.homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay {
    background-image: url(../content/banners/2024/bg-coldplay.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .item-wrapper {
        align-items: flex-start !important;
    }



    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .white-text-wrap {
        position: relative;
        width: 40%;
        margin-top: 100px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .white-text-wrap .header {
            position: relative;
        }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .white-text-wrap h2 {
            margin-top: 20px;
            color: black !important;
            font-size: 46px !important;
            width: 40%;
            font-family: 'teleNeo-regular' !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .item-wrapper {
        z-index: 1;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .image {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .ec {
        width: 110px;
        position: absolute;
        right: -70px;
        bottom: -120px;
    }


.homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new {
    /*background-image: url(../content/banners/2024/bg-magenta-moments-podaroci.jpg) !important;*/
    background-image: url(../content/banners/2024/bg-mm-july.jpg) !important;
    background-position: center !important;
    position: relative;
}

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new:after {
        /*background-image: url(../content/banners/2024/shape-left-magenta-moments-podaroci.png) !important;*/
        background-image: url(../content/banners/2024/shape-mm-july.png) !important;
        position: absolute;
        left: -13%;
        background-position: right;
        height: 100%;
        width: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        content: " ";
        top: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .item-wrapper {
        align-items: flex-start !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .right-img-wrap {
        position: absolute;
        right: 0;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        margin: auto 0;
        background-image: url(../content/banners/2024/shapewoman-right-magenta-moments-podaroci.png);
        background-repeat: no-repeat;
        background-position: bottom right;
        display: none;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .white-text-wrap {
        position: relative;
        width: 40%;
        margin-top: 100px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .white-text-wrap .header {
            position: relative;
        }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .white-text-wrap h2 {
            margin-top: 20px;
            color: black !important;
            font-size: 46px !important;
            width: 40%;
            font-family: 'teleNeo-regular' !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .item-wrapper {
        z-index: 1;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .image {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .ec {
        width: 110px;
        position: absolute;
        right: -70px;
        bottom: -120px;
    }

.homepage-wrapper .urediLandingTextSlider .item.junska-promocija.m1b {
    background-image: url(../content/banners/2024/m1b-bg-b-juni-2024.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija.m1b:after {
        content: '';
        position: absolute;
        background-image: url(../content/banners/2024/m1b-shape-b-juni-2024.png);
        width: 45%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        background-position: right;
        z-index: 0;
    }

.homepage-wrapper .urediLandingTextSlider .item.junska-promocija.tarifi {
    background-image: url(../content/banners/2024/img-b-mk-tarifi-juni-2024.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija.tarifi:after {
        content: '';
        position: absolute;
        background-image: url(../content/banners/2024/shape-mk-tarifi-juni-2024.png);
        width: 45%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        background-position: right;
        z-index: 0;
    }

.homepage-wrapper .urediLandingTextSlider .item.junska-promocija .item-wrapper {
    align-items: flex-start !important;
}

.homepage-wrapper .urediLandingTextSlider .item.junska-promocija .white-text-wrap {
    position: relative;
    width: 40%;
    margin-top: 100px;
}

    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija .white-text-wrap .header {
        position: relative;
    }

        .homepage-wrapper .urediLandingTextSlider .item.junska-promocija .white-text-wrap .header h3 {
            font-size: 30px !important;
            font-family: 'teleNeo-bold' !important;
            color: black !important;
            text-align: left !important;
            width: 100% !important;
            text-transform: none !important;
            margin-top: 0 !important;
        }

.homepage-wrapper .urediLandingTextSlider .item.junska-promocija .item-wrapper {
    z-index: 1;
}

.homepage-wrapper .urediLandingTextSlider .item.junska-promocija .image {
    width: 100%;
}

.homepage-wrapper .urediLandingTextSlider .item.junska-promocija .ec {
    width: 120px;
    position: absolute;
    right: -60px;
    bottom: -140px;
}

.homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 {
    background-image: url(../content/banners/2024/bg-digitalen-admin.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024:after {
        content: '';
        position: absolute;
        background-image: url(../content/banners/2024/shape-digitalen-admin.png);
        width: 55%;
        height: 80%;
        background-size: cover;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        background-position: bottom right;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 .item-wrapper {
        align-items: flex-start !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 .white-text-wrap {
        position: relative;
        width: 40%;
        margin-top: 100px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 .white-text-wrap .header {
            position: relative
        }

.homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .white-text-wrap h2 {
    margin-top: 20px;
    color: black !important;
    font-size: 46px !important;
    width: 40%;
    font-family: 'teleNeo-regular' !important;
}

.homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 .item-wrapper {
    z-index: 1;
}

.homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 .image {
    width: 100%;
}

.homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 .ec {
    width: 120px;
    position: absolute;
    right: -60px;
    bottom: -90px;
}

.homepage-wrapper .urediLandingTextSlider .item.share-with-care-banner {
    background-image: url(../content/banners/2025/share-with-care-banner-bg.jpg) !important;
    background-position: bottom !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.share-with-care-banner .item-wrapper {
        align-items: flex-start !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.share-with-care-banner .white-text-wrap {
        position: relative;
        display: flex;
        align-items: center;
        height: 100%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.share-with-care-banner .white-text-wrap .header {
            position: relative;
        }

    .homepage-wrapper .urediLandingTextSlider .item.share-with-care-banner .item-wrapper {
        z-index: 1;
    }

    .homepage-wrapper .urediLandingTextSlider .item.share-with-care-banner .image {
        width: 100%;
    }

.homepage-wrapper .urediLandingTextSlider .item.pantheon-cloud-licenci {
    background-image: url(../content/banners/2024/pantheon-cloud-licenci-bg-mk.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.pantheon-cloud-licenci.sq {
        background-image: url(../content/banners/2024/pantheon-cloud-licenci-bg-sq.jpg) !important;
        background-position: center !important;
    }


    .homepage-wrapper .urediLandingTextSlider .item.pantheon-cloud-licenci .item-wrapper {
        align-items: flex-start !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.pantheon-cloud-licenci .white-text-wrap {
        position: relative;
        width: 40%;
        margin-top: 100px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.pantheon-cloud-licenci .white-text-wrap .header {
            position: relative;
        }

    .homepage-wrapper .urediLandingTextSlider .item.pantheon-cloud-licenci .item-wrapper {
        z-index: 1;
    }

    .homepage-wrapper .urediLandingTextSlider .item.pantheon-cloud-licenci .image {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.pantheon-cloud-licenci .ec {
        width: 40%;
        position: absolute;
        right: 0;
        bottom: -50%;
    }

.homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025 {
    background-image: url(../content/banners/2025/business-travel-surf-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025:after {
        content: '';
        position: absolute;
        background-image: url(../content/banners/2025/business-travel-surf-shape.png);
        width: 50%;
        height: 75%;
        background-size: cover;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        background-position: bottom right;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025 .item-wrapper {
        align-items: flex-start !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025 .white-text-wrap {
        position: relative;
        width: 40%;
        margin-top: 100px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025 .white-text-wrap .header {
            position: relative;
        }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025 .item-wrapper {
        z-index: 1;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025 .image {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025.sq .image {
        width: 80%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025 .ec {
        width: 30%;
        position: absolute;
        right: 0;
        bottom: -50%;
    }

.homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda {
    background-image: url(../content/banners/2024/najdobra-pripejd-ponuda-bg-a1-visitors.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda:after {
        content: '';
        position: absolute;
        background-image: url(../content/banners/2024/najdobra-pripejd-ponuda-shape.png);
        width: 42%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        background-position: right;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda .item-wrapper {
        align-items: flex-start !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda .white-text-wrap {
        position: relative;
        width: 40%;
        margin-top: 100px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda .white-text-wrap .header {
            position: relative;
        }

    .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda .item-wrapper {
        z-index: 1;
    }

    .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda .image {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda .ec {
        width: 120px;
        position: absolute;
        right: 0;
        bottom: -50%;
    }

.homepage-wrapper .urediLandingTextSlider .item.magenta-moments-january {
    background-image: url(../content/banners/2024/magenta-moments-january.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-january:after {
        content: '';
        position: absolute;
        background-image: url(../content/banners/2024/magenta-moments-january-shape.png);
        width: 42%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        background-position: right;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-january .item-wrapper {
        align-items: flex-start !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-january .white-text-wrap {
        position: relative;
        width: 25%;
        margin-top: 100px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-january .white-text-wrap .header {
            position: relative;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-january .item-wrapper {
        z-index: 1;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-january .image {
        width: 100%;
    }


.homepage-wrapper .urediLandingTextSlider .item.nov-broj {
    background-image: url(../content/banners/2024/bg-A1-Banner-nov-broj.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.nov-broj .white-text-wrap {
        width: 45%;
        z-index: 5;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nov-broj .white-text-wrap .ec {
            position: relative;
            width: 120px;
            height: 120px;
            margin-top: 20px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nov-broj .right-img-wrap {
        position: absolute;
        right: 25%;
        width: 100%;
        height: 90%;
        top: 0;
        margin: auto 0;
        background-image: url(../content/banners/2024/mobile-b-nov-broj.png);
        background-repeat: no-repeat;
        background-position: top right;
        background-size: contain;
    }

.homepage-wrapper .urediLandingTextSlider .item.motorola-edge {
    background-image: url(../content/banners/2024/bg-motorola.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.motorola-edge .white-text-wrap {
        width: 45%;
        z-index: 5;
    }

    .homepage-wrapper .urediLandingTextSlider .item.motorola-edge .right-img-wrap {
        position: absolute;
        right: 10%;
        width: 40%;
        height: 100%;
        top: 0;
        bottom: 0;
        margin: auto 0;
        background-image: url(../content/banners/2024/motorola.png);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: contain;
    }

    .homepage-wrapper .urediLandingTextSlider .item.motorola-edge:after {
        content: '';
        position: absolute;
        background-image: url(../content/banners/2024/shape-motorola.png);
        width: 40%;
        height: 100%;
        background-size: cover;
        top: 0;
        left: 0;
        background-position: right;
        z-index: 0;
    }

.homepage-wrapper .urediLandingTextSlider .item.item.iPhone-15-newphoria {
    background-color: white !important;
    background-image: none !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.item.iPhone-15-newphoria .right-img-wrap {
        position: absolute;
        right: 15%;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        margin: auto 0;
        background-image: url(../content/banners/2023/phones_newphoria.png);
        background-repeat: no-repeat;
        background-position: right center;
    }

.homepage-wrapper .urediLandingTextSlider .item.item.iPhone-15 {
    background-color: black !important;
    background-image: none !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.item.iPhone-15 .right-img-wrap {
        position: absolute;
        right: 0;
        width: 55%;
        height: 100%;
        top: 0;
        z-index: 2;
        bottom: 0;
        margin: auto 0;
        background-image: url(../content/banners/2023/iphone-15.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right center;
    }


.homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni {
    background-image: url(../content/banners/2023/best-net-banner-bg.jpg) !important;
    background-position: center center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni .item-wrapper,
    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-delovni .item-wrapper {
        align-items: flex-start !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni .white-text-wrap,
    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-delovni .white-text-wrap {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni .header,
    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-delovni .header {
        z-index: 1;
        position: relative;
        height: 100%;
        margin: 30px 0 0;
    }

.home .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni a.btn-white,
.homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-delovni a.btn-white {
    z-index: 2;
}

page-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni .header img,
.homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-delovni .header img {
    width: auto;
    height: auto;
    z-index: 0;
}

.homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni:after,
.homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-delovni:after {
    content: '';
    position: absolute;
    background-image: url(../content/banners/2023/best-net-banner-shape.png) !important;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    top: 0;
    left: 0;
    z-index: 0;
    bottom: 0;
    margin: auto 0;
}

.homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni h2 {
    font-size: 72px !important;
    line-height: 1 !important;
    margin: 0;
}

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni h2 span {
        display: block;
        font-size: 24px;
        font-family: 'TeleNeo-regular' !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni h3 {
    color: white;
    font-size: 25px;
    margin: 0;
}

.homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023 {
    background-image: url(../content/banners/2023/BestNet_bg.jpg) !important;
    background-position: center center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023 .white-text-wrap {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023 .header {
        position: relative;
        margin-top: 40px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023 .header h2 {
            font-size: 78px !important;
            line-height: 1.0 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023 h3 {
        font-size: 27px;
        color: white;
        margin-bottom: 50px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023 .small {
        color: white;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023 .white-text-wrap span {
        font-family: 'teleNeo-medium' !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.best-net {
    background-image: url(../content/banners/2020/best-net-banner.jpg) !important;
    background-position: center center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.best-net .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/best-net-banner.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.best-net-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2020/best-net-sq.png) !important;
}

.homepage-wrapper .urediLandingTextSlider .item.valentine-promotion {
    background-image: url(../content/banners/2020/valentine-banner.jpg) !important;
    background-position: left center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.valentine-promotion .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/valentine-banner.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.valentine-promotion-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2020/valentine-banner-sq.png) !important;
}



.homepage-wrapper .urediLandingTextSlider .item.smart-underwear {
    background-image: url(../content/banners/2019/smart-underwear.jpg) !important;
    background-position: left center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.smart-underwear .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/smart-underwear.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.smart-underwear-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2019/smart-underwear-sq.png) !important;
}





.homepage-wrapper .urediLandingTextSlider .item.volte {
    background-image: url(../content/banners/2019/VoLTE-a1-banner.jpg) !important;
    background-position: left center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.volte .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/VoLTE-a1-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.volte.volte-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/VoLTE-a1-banner-sq.png) !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.smartphones-1-denar-new {
    /*background-image: url(../content/banners/2019/smartphones-1-denar.jpg) !important;*/
    background-image: url(../content/banners/2020/smartphones-1-denar-new.jpg) !important;
    background-position: left center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.smartphones-1-denar-new .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/smartphones-1-denar-new.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smartphones-1-denar-new.smartphones-1-denar-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2020/smartphones-1-denar-new-sq.png) !important;
    }





.homepage-wrapper .urediLandingTextSlider .item.konechno-siguren {
    background-image: url(../content/banners/2019/konecno-siguren.jpg) !important;
    background-position: left center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.konechno-siguren .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/konecno-siguren.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.konechno-siguren.konechno-siguren-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/konecno-siguren-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.black-friday-2019 .sliderUrediTxt-image {
    background-image: url(../content/banners/2019/a1baner_BlackFriday.png) !important;
    background-position: center center;
}

.homepage-wrapper .urediLandingTextSlider .item.black-friday-2019.black-friday-2019-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2019/a1baner_BlackFriday-sq.png) !important;
    background-position: center center;
}

.homepage-wrapper .urediLandingTextSlider .item.black-friday-2019 {
    background-image: url(../content/banners/2019/a1baner_BlackFriday.jpg) !important;
}

.homepage-wrapper .urediLandingTextSlider .item.magenta-1-praznicanaPonuda {
    background-image: url(../content/banners/2019/magenta-1-praznicanaPonuda.jpg) !important;
    background-position: left center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.magenta-1-praznicanaPonuda .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/magenta-1-praznicanaPonuda.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-1-praznicanaPonuda.magenta-1-praznicanaPonuda-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/magenta-1-praznicanaPonuda-sq.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.huawei-mate-plus-huawei-watch {
    background-image: url(../content/banners/2019/huawei-mate-plus-huawei-watch.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.huawei-mate-plus-huawei-watch .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/huawei-mate-plus-huawei-watch.png) !important;
        background-position: center center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.prepaid-nagradna-citroen {
    background-image: url(../content/banners/2019/prepaid-nagradna-citroen.jpg) !important;
    background-position: bottom center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.prepaid-nagradna-citroen .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/prepaid-nagradna-citroen.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.prepaid-nagradna-citroen.prepaid-nagradna-citroen-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/prepaid-nagradna-citroen-sq-1.png) !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.huawei-p30-banner {
    background-image: url(../content/banners/2019/huawei-p30-a1-banner.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.huawei-p30-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/huawei-p30-a1-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.huawei-p30-banner.huawei-p30-banner-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/huawei-p30-a1-banner-sq.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.huawei-p30-banner .container-txt-slider-btn > a:last-of-type {
        left: 140px;
    }

.homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-smetka {
    background-image: url(../content/banners/2019/nagradna-igra-smetka-a1-banner.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-smetka .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/nagradna-igra-smetka-a1-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-smetka.nagradna-igra-smetka-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/nagradna-igra-smetka-a1-banner-sq.png) !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner {
    /*background-image: url(../content/banners/2022/online-prodavnica-juli-2022.jpg) !important;*/
    background-image: url(../content/banners/2022/online-prodavnica-banner-septemvri.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner:before {
        content: '';
        position: absolute;
        width: 45% !important;
        height: 100% !important;
        background-image: url(../content/banners/2022/online-prodavnica-banner-shape.png) !important;
        background-position: left top !important;
        top: 0;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner:after {
        position: absolute;
        content: '';
        background-image: url(../content/banners/2022/online-prodavnica-banner-shape-right.png);
        right: 0;
        bottom: 40px;
        width: 50%;
        height: 90%;
        background-position: right bottom;
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 3;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .custom-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .white-text-wrap {
        position: relative;
        width: 40%;
        display: inline-block;
        margin-top: 3%;
        z-index: 2;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .right-img-wrap {
        position: relative;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .white-text-wrap .ec {
        position: absolute;
        right: -60px;
        top: 60%;
        width: 120px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner h3 {
        font-size: 75px !important;
        font-family: 'teleNeo-bold' !important;
        color: #fff;
        line-height: 1;
        margin-bottom: 0;
        margin-top: 0;
    }

        .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner h3 span {
            display: block;
            font-size: 60px;
            font-family: 'teleNeo-medium' !important;
            color: #fff;
        }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner h4 {
        font-size: 40px !important;
        font-family: 'teleNeo-regular' !important;
        color: #fff;
        margin: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/online-prodavnica-dekemvri-2021.png) !important;
        background-size: contain;
        height: 100%;
        top: -25px;
        z-index: 2;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner a {
        z-index: 3;
    }



    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .absolute-img {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 70%;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/online-prodavnica-dekemvri-2021-sq.png) !important;
        background-size: contain;
        height: 470px;
        top: -25px;
        z-index: 2;
    }

/*    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .absolute-box {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 490px;
        height: 390px;
    }*/



.homepage-wrapper .urediLandingTextSlider .item.samsung-promocija {
    background-image: url(../content/banners/2021/samsung-promotion-03-2021.jpg) !important;
    background-position: 30% 8% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-promocija.sq {
        background-image: url(../content/banners/2021/samsung-promotion-03-2021-sq.jpg) !important;
        background-position: 30% 8% !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.praznichna-promocija {
    background-image: url(../content/banners/2022/Proletna-promocija-bg.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.praznichna-promocija .white-text-wrap {
        width: 45%;
        position: relative;
        bottom: 50px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.praznichna-promocija .right-img-wrap {
        width: 55%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.praznichna-promocija h2 {
        font-family: 'teleNeo-bold' !important;
        margin-bottom: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.praznichna-promocija h3 {
        color: white;
        font-size: 35px;
        line-height: 1.2;
        font-family: 'teleNeo-thin' !important;
        margin-top: 0;
    }

.homepage-wrapper .urediLandingTextSlider .item.wow-promocija {
    background-image: url(../content/banners/2022/wow-promocija-bg.jpg) !important;
    background-position: 20% 10% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.wow-promocija .item-wrapper .white-text-wrap {
        margin-top: -70px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.wow-promocija h2 {
        font-size: 65px !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.wow-promocija h2 span {
            font-family: 'teleNeo-regular' !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.wow-promocija h3 {
        color: white;
        font-size: 51px;
        line-height: 1.1;
        font-family: 'teleNeo-thin' !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.iphone-12-airpods {
    background-image: url('../content/banners/2022/iphone12-air-pods.jpg') !important;
    background-position: center;
}

    .homepage-wrapper .urediLandingTextSlider .item.iphone-12-airpods .inline-btns a:last-of-type {
        left: 210px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-12-airpods .item-wrapper .black-text-wrap {
        width: 60%;
        margin: 0 auto;
        height: 100%;
    }

.homepage-wrapper .urediLandingTextSlider .item.oryx-assistance-banner {
    background-image: url(../content/banners/2022/oryx-banner-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.oryx-assistance-banner .white-text-wrap {
        width: 50%;
        margin-top: 0%;
    }

.homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner {
    background-image: url(../content/banners/2022/iPhone13-banner-bg.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner .full-height-wrap {
        position: relative;
        height: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner .item-wrapper .white-text-wrap {
        width: 50%;
        position: absolute;
        margin-top: 0;
        height: 100%;
        bottom: 0;
        text-align: left;
        left: 0;
        top: -60px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner .item-wrapper .right-img-wrap {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 40%;
        text-align: right;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner .inline-btns {
        position: absolute;
        width: 100%;
        left: 40px !important;
        bottom: 0 !important
    }

        .homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner .inline-btns a {
            padding: 7px 22px !important;
            font-size: 18px !important;
            position: absolute !important;
            bottom: 130px !important;
            left: 55px !important;
            z-index: 1;
            width: auto !important;
            bottom: 130px !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner .inline-btns a:last-of-type {
                left: 220px !important;
            }



.homepage-wrapper .urediLandingTextSlider .item.banner-flamingo {
    background-image: url(../content/banners/2022/nedela-na-popusti-banner.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.banner-flamingo .white-text-wrap {
        top: 50px;
        position: relative;
    }

        .homepage-wrapper .urediLandingTextSlider .item.banner-flamingo .white-text-wrap span {
            display: block;
            font-size: 105px;
            text-transform: uppercase;
            font-family: 'teleNeo-extra' !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.banner-flamingo .item-wrapper .white-text-wrap .ec {
        position: absolute;
        top: -95px;
        right: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.banner-flamingo .item-wrapper .right-img-wrap {
        position: absolute;
        right: 0;
        bottom: -10px;
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.banner-flamingo .white-text-wrap p {
        color: white;
        font-family: 'teleNeo-bold' !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.magentaTV {
    background-image: url(../content/banners/2024/magentaTv-banner-bg.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.magentaTV .white-text-wrap {
        width: 60%;
        margin-bottom: 30px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magentaTV .right-img-wrap {
        position: absolute;
        width: 50%;
        right: 0;
        bottom: 0;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsung-watch-presales {
    background-image: url(../content/banners/2022/samsung-watch5-banner.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-watch-presales.sq {
        background-image: url(../content/banners/2022/samsung-watch5-banner-sq.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.xiaomi-13 {
    background-image: url(../content/banners/2023/a1-xiaomi-mk.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.xiaomi-13.sq {
        background-image: url(../content/banners/2023/a1-xiaomi-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.magenta-moments-july {
    background-image: url(../content/banners/2025/mm-july.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-july.sq {
        background-image: url(../content/banners/2025/mm-july-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.w-tarifa-banner {
    background-image: url(../content/banners/2025/w-tarifa.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.w-tarifa-banner.sq {
        background-image: url(../content/banners/2025/w-tarifa-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.letna-roaming-ponuda-2025 {
    background-image: url(../content/banners/2025/A1-banner-roaming-web-mk.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.letna-roaming-ponuda-2025.sq {
        background-image: url(../content/banners/2025/A1-banner-roaming-web-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.samsung-presales-july-2025 {
    background-image: url(../content/banners/2025/baner-samsung-presales-mk.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-presales-july-2025.sq {
        background-image: url(../content/banners/2025/baner-samsung-presales-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.galaxy-watch-series {
    background-image: url(../content/banners/2025/galaxy-watch-series-mk.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.galaxy-watch-series.sq {
        background-image: url(../content/banners/2025/galaxy-watch-series-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }




.homepage-wrapper .urediLandingTextSlider .item.letna-prepaid-ponuda-2025 {
    background-image: url(../content/banners/2025/letna-prepaid-ponuda-banner.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.homepage-wrapper .urediLandingTextSlider .item.letna-roaming-ponuda-2025.sq {
    background-image: url(../content/banners/2025/letna-prepaid-ponuda-banner-sq.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}



.homepage-wrapper .urediLandingTextSlider .item.eco-popust-mart {
    background-image: url(../content/banners/2024/banner-eco-popust-dekstop-mk.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.eco-popust-mart.sq {
        background-image: url(../content/banners/2024/banner-eco-popust-dekstop-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.moment-samsung {
    background-image: url(../content/banners/2024/moment-samsung-mk.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.moment-samsung.sq {
        background-image: url(../content/banners/2024/moment-samsung-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.eko-popust-2024 {
    background-image: url(../content/banners/2024/ecobanner-mk.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.eko-popust-2024.sq {
        background-image: url(../content/banners/2024/ecobanner-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.presales-fold-flip-july {
    background-image: url(../content/banners/2024/fliip-fold-A1-mk.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.presales-fold-flip-july.sq {
        background-image: url(../content/banners/2024/flip-fold-A1-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.galaxy-watch-ultra-july {
    background-image: url(../content/banners/2024/watch-A1-mk.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.galaxy-watch-ultra-july.sq {
        background-image: url(../content/banners/2024/watch-A1-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.xiaomi-rn-13 {
    background-image: url(../content/banners/2024/Xiaomi-Redmi-note-13-MKD.jpeg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.xiaomi-rn-13.sq {
        background-image: url(../content/banners/2024/Xiaomi-Redmi-note-13-ALB.jpeg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.xiaomi-t-14 {
    background-image: url(../content/banners/2024/xiaomi-web-mk-14.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.xiaomi-t-14.sq {
        background-image: url(../content/banners/2024/xiaomi-web-sq-14.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.xiaomi-proletna-2025 {
    background-image: url(../content/banners/2025/xiaomi-proletna-2025.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.xiaomi-proletna-2025.sq {
        background-image: url(../content/banners/2025/xiaomi-proletna-2025-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.novi-roaming-paketi-main {
    background-image: url(../content/banners/2025/novi-roaming-paketi.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.novi-roaming-paketi-main.sq {
        background-image: url(../content/banners/2025/novi-roaming-paketi-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.magenta-moments-october {
    background-image: url(../content/banners/2024/magenta-moments-october-mk.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-october.sq {
        background-image: url(../content/banners/2024/magenta-moments-october-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .game-booster-2024 {
    background-image: url(../content/banners/2024/MKD-gamingbooster.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .game-booster-2024.sq {
        background-image: url(../content/banners/2024/ALB-gamingbooster.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .t-sport-champ {
    background-image: url(../content/banners/2024/A1-banner-t-phone-web.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}


.homepage-wrapper .urediLandingTextSlider .business-tarifi {
    background-image: url(../content/banners/2024/A1_1920x850-Business-mk-b.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.homepage-wrapper .urediLandingTextSlider .business-tarifi-sq {
    background-image: url(../content/banners/2024/A1_1920x850-Business-sq-b.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.homepage-wrapper .urediLandingTextSlider .pantheon-uslugi {
    background-image: url(../content/banners/2024/banner-mkd-pantheon-uslugi.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .pantheon-uslugi.sq {
        background-image: url(../content/banners/2024/banner-sq-pantheon-uslugi.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }



.homepage-wrapper .urediLandingTextSlider .digitalizacija-new {
    background-image: url(../content/banners/2024/banner-ookla-mk.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.homepage-wrapper .urediLandingTextSlider .digitalizacija-new-sq {
    background-image: url(../content/banners/2024/banner-ookla-sq.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}




.homepage-wrapper .urediLandingTextSlider .item.wifi-booster {
    background: #e20074 !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.wifi-booster .white-text-wrap {
        width: 35%;
        margin-bottom: 30px;
        position: relative;
    }

        .homepage-wrapper .urediLandingTextSlider .item.wifi-booster .white-text-wrap .header h1 {
            color: white;
            font-size: 50px;
            font-family: 'teleNeo-extra' !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.wifi-booster .white-text-wrap .header p {
            color: white;
        }

        .homepage-wrapper .urediLandingTextSlider .item.wifi-booster .white-text-wrap .ec {
            position: absolute;
            right: 160px;
            bottom: 40px;
            width: 100px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.wifi-booster .right-img-wrap {
        position: relative;
        right: -50px;
    }


.homepage-wrapper .urediLandingTextSlider .item.apple-august-2024 {
    background-image: url(../content/banners/2024/apple-august-2024.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.apple-august-2024.sq {
        background-image: url(../content/banners/2024/apple-august-2024-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.galaxy-a55-a35 {
    background-image: url(../content/banners/2024/samsung-a55.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.galaxy-a55-a35.sq {
        background-image: url(../content/banners/2024/samsung-a55-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.online-promo-2024 {
    background-image: url(../content/banners/2024/online-promo-2024.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.online-promo-2024.sq {
        background-image: url(../content/banners/2024/online-promo-2024-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.xiaomi-rn-12 {
    background-image: url(../content/banners/2023/xiaomi-rn-12-a1-mk.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.xiaomi-rn-12.sq {
        background-image: url(../content/banners/2023/xiaomi-rn-12-a1-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 {
    background-image: url(../content/banners/2024/nagradna-igra-bg-2024.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap {
        display: flex;
        justify-content: center;
        flex-flow: column;
        width: 50%;
        margin-left: 90px;
        position: relative;
        z-index: 3;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header {
            width: 100%;
        }

            .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header h1 {
                font-size: 55px;
                /*font-style: italic;*/
                position: relative;
                z-index: 3;
                color: #e20074;
            }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .img img {
            width: 160px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header h1 span {
            font-size: 55px;
            display: block;
        }

            .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header h1 span.regular-font {
                font-family: 'teleNeo-thinItalic' !important;
                color: #333;
            }

            .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header h1 span.black-text {
                color: #333;
                font-family: 'teleNeo-extra' !important;
            }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header h2 {
            font-family: 'TeleNeo-RegularItalic' !important;
            padding: 0 50% 0 0;
            font-size: 28px;
            position: relative;
            z-index: 3;
        }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header .qr {
            display: flex;
            align-items: center;
            grid-gap: 20px;
            justify-content: flex-start;
        }

            .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header .qr img {
                width: 70px;
            }

            .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header .qr p {
                color: #333;
                font-family: 'teleNeo-bold' !important;
                font-size: 21px;
            }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header .ec {
            position: absolute;
            right: 30px;
            width: 120px;
            top: -30px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .app-icons {
        position: absolute;
        right: 0;
        bottom: 140px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .right-img-wrap {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 0;
        width: 100%;
    }


.homepage-wrapper .urediLandingTextSlider .item.black-friday-2023 {
    background-image: url(../content/banners/2023/black-friday-2023.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2023.sq {
        background-image: url(../content/banners/2023/black-friday-2023-al.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2023-corsa {
    background-image: url(../content/banners/2023/nagradna-igra-baner.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2023-corsa.sq {
        background-image: url(../content/banners/2023/nagradna-igra-baner-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.novogodishna-business-ponuda {
    background-image: url(../content/banners/2023/novogodishna-business-ponuda.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.novogodishna-business-ponuda .item-wrapper {
        justify-content: flex-end !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.novogodishna-business-ponuda .item-wrapper .white-text-wrap {
            width: 35%;
            margin-right: 180px;
        }

.homepage-wrapper .urediLandingTextSlider .item.novogodishna-business-ponuda-v2 {
    background-image: url(../content/banners/2023/novogodishna-business-ponuda-2.jpg) !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.novogodishna-business-ponuda-v2 .item-wrapper .white-text-wrap {
        width: 35%;
    }


.homepage-wrapper .urediLandingTextSlider .item.black-friday-2023 {
    background-image: url(../content/banners/2023/black-friday-2023.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}


.homepage-wrapper .urediLandingTextSlider .item.samsung-z-flip-fold {
    background-image: url(../content/banners/2023/z-fold-A1-MK.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-z-flip-fold.sq {
        background-image: url(../content/banners/2023/z-fold-A1-SQ.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsung-watch6 {
    background-image: url(../content/banners/2023/watch-A1-MK.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-watch6.sq {
        background-image: url(../content/banners/2023/A1-watch-SQ.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.nov-iPhone {
    background-image: url(../content/banners/2024/iphonebanner-mk-web.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.nov-iPhone .inline-btns {
    }

        .homepage-wrapper .urediLandingTextSlider .item.nov-iPhone .inline-btns a {
            width: 195px !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.nov-iPhone .inline-btns a:last-of-type {
                left: 260px !important;
            }

    .homepage-wrapper .urediLandingTextSlider .item.nov-iPhone.sq {
        background-image: url(../content/banners/2024/iphonebanner-sq-web.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsung-2023-modeli {
    background-image: url(../content/banners/2023/watch-A1-MK-samsung-modeli.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-2023-modeli .inline-btns {
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-2023-modeli .inline-btns a {
            width: 195px !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.samsung-2023-modeli .inline-btns a:last-of-type {
                left: 260px !important;
            }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-2023-modeli.sq {
        background-image: url(../content/banners/2023/watch-A1-SQ-samsung-modeli.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsung-tab {
    background-image: url(../content/banners/2023/tablet-A1-MK.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-tab .inline-btns {
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-tab .inline-btns a {
            width: 100px !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.samsung-tab .inline-btns a:last-of-type {
                left: 170px !important;
            }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-tab.sq {
        background-image: url(../content/banners/2023/tablet-A1-SQ.jpg) !important;
        background-position: center !important;
    }


/*.homepage-wrapper .urediLandingTextSlider .item.teaser-banner {
    background-image: url('../content/banners/2022/teaser-banner-bg.jpg') !important;
    background-position: center !important;
}*/



.homepage-wrapper .urediLandingTextSlider .item.xiaomi-12-banner {
    background-image: url(../content/banners/2022/xiaomi-12-banner.jpg) !important;
    background-position: right bottom !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.xiaomi-12-banner.sq {
        background-image: url(../content/banners/2022/xiaomi-12-banner-sq.jpg) !important;
        background-position: right bottom !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.smartphones-bestPrices {
    background-image: url(../content/banners/2023/CP-fevruari-A1-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.smartphones-bestPrices .white-text-wrap {
        width: 70%;
        position: relative;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smartphones-bestPrices .right-img-wrap {
        position: absolute;
        right: 0;
        bottom: -10px;
        width: 30%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smartphones-bestPrices h2 {
        font-style: italic;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smartphones-bestPrices p {
        color: white;
        font-size: 28px !important;
        font-style: italic;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smartphones-bestPrices .ec {
        position: absolute;
        left: 33%;
        bottom: -40px;
    }

.homepage-wrapper .urediLandingTextSlider .item.business-banner-2023 {
    background-image: url(../content/banners/2023/business-tarifi-bg.jpg) !important;
    background-position: center top !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023:after {
        position: absolute;
        content: '';
        background-image: url(../content/banners/2023/business-tarifi-shape.png) !important;
        width: 55% !important;
        height: 100% !important;
        left: 0;
        top: 0;
        background-size: contain;
        background-position: top left;
        background-repeat: no-repeat;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023 .item-wrapper {
        align-items: flex-start !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023 .header {
        position: relative;
        z-index: 2;
        text-align: left;
        margin-top: 40px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023 .header h2 {
            text-align: left !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023 .header h3 {
            text-transform: none !important;
            font-size: 35px !important;
            text-align: left !important;
            margin: 0 !important;
            width: 100% !important;
        }

.homepage-wrapper .urediLandingTextSlider .item.m1b-banner-2023 {
    background-image: url(../content/banners/2023/Magenta1-Business-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.m1b-banner-2023:after {
        position: absolute;
        content: '';
        background-image: url(../content/banners/2023/Magenta1-Business-shape.png) !important;
        width: 60% !important;
        height: 100% !important;
        left: 0;
        top: 0;
        bottom: 0;
        background-size: cover;
        background-position: center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1b-banner-2023 .white-text-wrap {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1b-banner-2023 .header {
        position: relative;
        text-align: left;
        z-index: 2;
    }

        .homepage-wrapper .urediLandingTextSlider .item.m1b-banner-2023 .header h2 {
            font-size: 70px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.m1b-banner-2023 .header h3 {
            text-align: left !important;
            text-transform: none !important;
            margin: 0 !important;
            font-size: 40px !important;
            font-family: 'teleNeo-bold' !important;
        }

.homepage-wrapper .urediLandingTextSlider .item.t-phone-banner-2024 {
    background-image: url(../content/banners/2024/tphone-banner-mk.jpg) !important;
    background-position: center !important;
}


    .homepage-wrapper .urediLandingTextSlider .item.t-phone-banner-2024.sq {
        background-image: url(../content/banners/2024/tphone-banner-sq.jpg) !important;
        background-position: center !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.t-phone-pro-5g {
    background-image: url(../content/banners/2023/tphone-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.t-phone-pro-5g #carousel-redesign .urediLandingTextSlider .item .item-wrapper {
        justify-content: space-around !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.t-phone-pro-5g .white-text-wrap {
        width: 50% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.t-phone-pro-5g .right-img-wrap {
        width: 40% !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.t-phone {
    background-image: url(../content/banners/2022/t-phone-banner-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.t-phone.sq {
        background-image: url(../content/banners/2022/t-phone-banner-bg-sq.jpg) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.t-phone .white-text-wrap {
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.t-phone .right-img-wrap {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.t-phone h3 {
        font-size: 50px !important;
        font-family: 'teleNeo-medium' !important;
        line-height: 1.2;
        color: white;
        text-align: left !important;
        text-transform: none !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.t-phone h3 span {
            font-family: 'teleNeo-extra' !important;
            font-size: 55px;
            color: white;
        }

    .homepage-wrapper .urediLandingTextSlider .item.t-phone .inline-btns {
        position: absolute;
        display: block;
        width: 400px;
        bottom: -40px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.t-phone .inline-btns a {
            position: absolute !important;
            width: 130px;
            bottom: 0px;
            text-align: center !important;
            z-index: 6;
            padding: 10px;
            border: 0;
        }

            .homepage-wrapper .urediLandingTextSlider .item.t-phone .inline-btns a:last-of-type {
                left: 210px !important;
            }

.homepage-wrapper .urediLandingTextSlider .item.t-phone-naskoro {
    background-image: none !important;
    background-color: #e20074 !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.t-phone-naskoro:after {
        position: absolute;
        content: '';
        background-image: url(../content/banners/2022/t-phone-banner-left.jpg) !important;
        width: 50% !important;
        height: 100% !important;
        left: 0;
        top: 0;
        bottom: 0;
        background-size: cover;
        background-position: center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.t-phone-naskoro .white-text-wrap {
        position: relative;
        width: 50%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        align-content: center;
        flex-direction: row;
        padding-left: 40px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.t-phone-naskoro .white-text-wrap .img-box {
            width: 30%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.t-phone-naskoro .white-text-wrap h2 {
            margin-left: 30px;
            text-transform: uppercase;
        }

            .homepage-wrapper .urediLandingTextSlider .item.t-phone-naskoro .white-text-wrap h2 span {
                font-family: 'teleNeo-regular' !important;
                font-size: 42px;
                display: block;
                text-transform: none;
            }


.homepage-wrapper .urediLandingTextSlider .item.teaser-banner:before {
    content: '';
    position: absolute;
    background-image: url(../content/banners/2022/teaser-banner-shape.jpg) !important;
    width: 50% !important;
    height: 100% !important;
    background-size: cover;
    top: 0;
    bottom: 0;
    left: 0 !important;
    z-index: 1;
}

.homepage-wrapper .urediLandingTextSlider .item.teaser-banner:after {
    content: '';
    position: absolute;
    background-image: url(../content/banners/2022/teaser-banner-shape-person.jpg) !important;
    background-position: center;
    width: 50% !important;
    height: 100% !important;
    background-size: cover;
    top: 0;
    bottom: 0;
    right: 0 !important;
    z-index: 1;
}

.homepage-wrapper .urediLandingTextSlider .item.teaser-banner .white-text-wrap {
    width: 50%;
    position: relative;
    z-index: 2;
    padding-right: 15%;
}

    .homepage-wrapper .urediLandingTextSlider .item.teaser-banner .white-text-wrap h2 {
        text-transform: uppercase;
    }

.homepage-wrapper .urediLandingTextSlider .item.iPhone-14-plus-banner {
    background: white !important;
}

.homepage-wrapper .urediLandingTextSlider .item.iPhone-14-banner {
    background-image: url('../content/banners/2022/iPhone-14-banner.jpg') !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-14-banner .item-wrapper {
        justify-content: space-evenly !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2022 {
    background-image: url('../content/banners/2022/septemvriska-promocija-banner-bg.jpg') !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2022 .custom-container {
        padding-bottom: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2022:before {
        position: absolute;
        content: '';
        width: 50% !important;
        height: 100% !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../content/banners/2022/septemvriska-promocija-banner-shape.png) !important;
        left: 0 !important;
        background-position: center 20%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2022 .white-text-wrap {
        z-index: 2;
        position: relative;
        top: -30px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2022 .white-text-wrap h2 {
            font-size: 75px !important;
            line-height: 1 !important;
            text-align: left;
        }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2022 .white-text-wrap h3 {
            font-size: 42px !important;
            font-family: 'teleNeo-bold' !important;
            line-height: 1;
            color: #fff;
            text-transform: none !important;
            text-align: left !important;
            margin: 0 !important;
            width: 100% !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2022 .right-img-wrap {
        width: 40%;
        right: 80px;
        bottom: 0;
        position: absolute;
        text-align: center;
        height: 100%;
        top: 0;
        margin: auto 0;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

.homepage-wrapper .urediLandingTextSlider .item.xMas-banner-business {
    background-image: url(../content/banners/2022/xMas-banner-business.jpg) !important;
    background-position: center top !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.xMas-banner-business .item-wrapper {
        align-items: flex-start !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.xMas-banner-business .item-wrapper .white-text-wrap {
            width: 50%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.xMas-banner-business:after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 35%;
        height: 100%;
        z-index: 0;
        background-image: url(../content/banners/2022/xMas-ribbon-business.png);
        background-position: bottom right;
        background-repeat: no-repeat;
        background-size: contain;
    }

.homepage-wrapper .urediLandingTextSlider .item.Xmas-banner-mobile {
    background-image: url(../content/banners/2022/xMas-banner-mobile-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.Xmas-banner-mobile:after {
        content: '';
        position: absolute;
        right: 0;
        top: 40px;
        background-image: url(../content/banners/2022/xMas-banner-mobile.png);
        background-position: right top;
        width: 40%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .homepage-wrapper .urediLandingTextSlider .item.Xmas-banner-mobile.sq:after {
        background-image: url(../content/banners/2022/xMas-banner-mobile-sq.png);
    }

.homepage-wrapper .urediLandingTextSlider .item.Xmas-banner-hbo {
    background-image: url(../content/banners/2022/banner-xMas-hbo-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.Xmas-banner-hbo:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        background-image: url(../content/banners/2022/banner-xMas-hbo-shape.png);
        background-position: left top;
        width: 40%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .homepage-wrapper .urediLandingTextSlider .item.Xmas-banner-hbo.sq:after {
        background-image: url(../content/banners/2022/banner-xMas-hbo-shape-sq.png);
    }

.homepage-wrapper .urediLandingTextSlider .item.Xmas-banner {
    background-image: url(../content/banners/2022/Xmas-banner-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.Xmas-banner:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 35%;
        height: 100%;
        z-index: 0;
        background-image: url(../content/banners/2022/ribbon-bottom.png);
        background-position: bottom left;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .homepage-wrapper .urediLandingTextSlider .item.Xmas-banner .item-wrapper {
        position: relative;
    }

        .homepage-wrapper .urediLandingTextSlider .item.Xmas-banner .item-wrapper .white-text-wrap {
            width: 40%;
            height: 100%;
        }

            .homepage-wrapper .urediLandingTextSlider .item.Xmas-banner .item-wrapper .white-text-wrap .header {
                height: 100%;
                display: inline-flex;
                align-items: center;
                align-content: center;
            }

                .homepage-wrapper .urediLandingTextSlider .item.Xmas-banner .item-wrapper .white-text-wrap .header h2 {
                    color: white;
                    font-size: 55px;
                    text-transform: uppercase;
                }

.homepage-wrapper .urediLandingTextSlider .item.black-friday-2022 {
    background-image: url(../content/banners/2022/ciber-monday-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2022 .item-wrapper {
        flex-direction: row-reverse !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.black-friday-2022 .item-wrapper .white-text-wrap {
            width: 50%;
            text-align: right;
        }

        .homepage-wrapper .urediLandingTextSlider .item.black-friday-2022 .item-wrapper h2 {
            font-size: 70px !important;
            text-transform: uppercase;
            font-family: 'teleNeo-extraBoldItalic' !important;
            margin: 0;
            line-height: 1.2;
        }

        .homepage-wrapper .urediLandingTextSlider .item.black-friday-2022 .item-wrapper p {
            font-size: 37px !important;
            color: white;
            font-family: 'teleNeo-boldItalic' !important;
            margin: 0 0 30px;
        }

.homepage-wrapper .urediLandingTextSlider .item.gen-z-leto-na-radost {
    background-image: url(../content/banners/2023/genz-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.gen-z-leto-na-radost:after {
        content: '';
        position: absolute;
        background-image: url(../content/banners/2023/gen-z-content.png) !important;
        width: 60%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left;
        top: 0;
        left: 0;
        z-index: 0;
        bottom: 0;
        margin: auto 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.gen-z-leto-na-radost.sq:after {
        background-image: url(../content/banners/2023/gen-z-content-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.nov-smartfon {
    background-image: url(../content/banners/2023/bg-nov-smartfon.jpg) !important;
    background-position: center;
}

    .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .item-wrapper:after {
        content: '';
        position: absolute;
        background-image: url(../content/banners/2023/shape-nov-smartfon.png) !important;
        width: 50%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top left;
        top: 0;
        left: 0;
        z-index: 0;
        bottom: 0;
        margin: auto 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .white-text-wrap {
        position: relative;
        z-index: 2;
        width: 40%;
        margin-top: -25%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .white-text-wrap .header {
            width: 80%;
            margin-left: 22%;
        }

            .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .white-text-wrap .header h2 {
                font-size: 70px !important;
                font-family: 'teleNeo-extraBoldItalic' !important;
                margin: 0 0 30px;
                line-height: 50px !important;
                color: white;
            }

            .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .white-text-wrap .header h3 {
                font-size: 30px !important;
                color: white;
                font-family: 'teleNeo-extra' !important;
                margin: 0 40px 0 0;
            }

.homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new {
    background-image: url(../content/banners/2023/3x-mobilen-internet-banner.jpg) !important;
    background-position: center;
}

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new:after {
        content: '';
        position: absolute;
        width: 50%;
        height: 100%;
        background-image: url(../content/banners/2023/3x-mobilen-internet-banner-shape.png);
        background-position: bottom center;
        background-size: contain;
        background-repeat: no-repeat;
        top: initial;
        left: 12%;
        bottom: 0;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper {
        justify-content: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap {
            width: 45%;
            z-index: 2;
            margin-top: 20%;
            margin-left: -20%;
            position: relative;
        }

            .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap h2 {
                font-size: 50px !important;
                margin: 15px 0 20px;
                text-transform: uppercase;
            }

                .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap h2 span {
                    font-size: 38px;
                    display: block;
                    text-transform: none;
                }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .white-text-wrap .ec {
        position: absolute;
        right: 50px;
        top: -70px;
        width: 110px;
        height: auto;
    }

.homepage-wrapper .urediLandingTextSlider .item.business-office {
    background-image: url(../content/banners/2023/business-office-bg.jpg) !important;
    background-position: center;
}

    .homepage-wrapper .urediLandingTextSlider .item.business-office:after {
        background-image: url(../content/banners/2023/business-office-najdobar-internet-shape-new.png);
        content: '';
        position: absolute;
        width: 45%;
        height: 100%;
        background-position: left bottom;
        background-size: contain;
        background-repeat: no-repeat;
        top: 0;
        left: 10%;
        bottom: 0;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-office .item-wrapper {
        align-items: flex-end !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-office .white-text-wrap {
        position: relative;
        z-index: 1;
        width: 45%;
        margin-top: 0;
        position: relative;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-office .white-text-wrap .header {
            width: 100%;
            margin-left: 29%;
        }

            .homepage-wrapper .urediLandingTextSlider .item.business-office .white-text-wrap .header .image {
                padding-bottom: 20px;
            }

            .homepage-wrapper .urediLandingTextSlider .item.business-office .white-text-wrap .header h2 {
                font-size: 50px !important;
                font-family: 'teleNeo-extraBold' !important;
                margin: 0 0 20px;
                line-height: 1 !important;
                color: white;
            }

                .homepage-wrapper .urediLandingTextSlider .item.business-office .white-text-wrap .header h2 span {
                    font-size: 35px;
                    display: block;
                }

            .homepage-wrapper .urediLandingTextSlider .item.business-office .white-text-wrap .header .small {
                width: 85%;
                margin-top: 20px;
                color: white;
                font-size: 18px !important;
            }

.homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 {
    background-image: url(../content/banners/2023/Biznis-Septemvri-bg.jpg) !important;
    background-position: center;
}

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023:after {
        content: '';
        position: absolute;
        width: 50%;
        height: 100%;
        /*background-image: url(../content/banners/2023/septemvriska-promocija-2023.png);*/
        background-image: url(../content/banners/2023/septemvriska-promocija-2023-shape-new.png);
        background-position: bottom right;
        background-size: contain;
        background-repeat: no-repeat;
        top: 0;
        left: 5%;
        bottom: 0;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap {
        position: relative;
        z-index: 2;
        width: 40%;
        margin-top: 0;
        margin-left: 12%;
        margin-top: 10%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap .header {
            width: 100%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap .ec {
            position: absolute;
            right: 20px;
            top: -70px;
            width: 110px;
            height: auto;
        }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap .header .image {
            padding-bottom: 20px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap .header h2 {
            font-size: 55px !important;
            font-family: 'teleNeo-extraBold' !important;
            margin: 0 0 20px;
            line-height: 1 !important;
            color: white;
            text-transform: uppercase;
        }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap .header h3 {
            width: 100% !important;
            text-align: left !important;
            font-size: 30px !important;
            margin: unset !important;
            text-transform: inherit !important;
        }



.homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner {
    background-image: url(../content/banners/2023/sekade-kako-doma-bg.jpg) !important;
    background-position: center;
}

    .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .item-wrapper:after {
        content: '';
        position: absolute;
        background-image: url(../content/banners/2023/sekade-kako-doma-shape.png) !important;
        width: 40%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top left;
        top: 0;
        left: -50px;
        z-index: 0;
        bottom: 0;
        margin: auto 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap {
        position: relative;
        z-index: 2;
        width: 40%;
        margin-top: -20%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap .header {
            width: 70%;
        }

            .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap .header h2 {
                font-size: 70px !important;
                font-family: 'teleNeo-extraBoldItalic' !important;
                margin: 0 0 30px;
                line-height: 50px !important;
                color: white;
            }

            .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap .header h3 {
                font-size: 30px !important;
                color: white;
                font-family: 'teleNeo-extra' !important;
                margin: 0 0 30px;
            }

        .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap .ec {
            position: absolute;
            right: 25%;
            width: 120px;
            bottom: -50%;
        }

.homepage-wrapper .urediLandingTextSlider .item.letna-akcija-2023 {
    position: relative;
    background-image: url(../content/banners/2023/bg-mk.jpg) !important;
    background-size: cover !important;
    background-position: right center !important;
    background-repeat: no-repeat;
}

    .homepage-wrapper .urediLandingTextSlider .item.letna-akcija-2023.sq {
        background-image: url(../content/banners/2023/sq-bg.jpg) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.letna-akcija-2023 .ec {
        position: absolute;
        right: 0;
        bottom: 50%;
        width: 120px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.letna-akcija-2023 .header {
        position: relative;
        display: flex;
        width: 50%;
        margin-bottom: 90px;
        justify-content: flex-start;
        z-index: 1;
        align-items: flex-end;
    }

.homepage-wrapper .urediLandingTextSlider .item.safenet {
    position: relative;
    background-image: url(../content/banners/2023/bg-safnet.jpg) !important;
    background-size: cover !important;
    background-position: left center !important;
    background-repeat: no-repeat;
}

    .homepage-wrapper .urediLandingTextSlider .item.safenet:after {
        content: '';
        position: absolute;
        background-image: url(../content/banners/2023/shape-safenet.png);
        width: 45%;
        height: 100%;
        background-size: cover;
        top: 0;
        left: 0;
        background-position: right;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.safenet .item-wrapper .white-text-wrap {
        position: relative;
        width: 36%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.safenet .header {
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        z-index: 1;
        flex-direction: column;
    }

    .homepage-wrapper .urediLandingTextSlider .item.safenet .item-wrapper .header h2 {
        font-size: 48px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.safenet .image {
        margin-bottom: 30px;
        width: 40%;
    }

.homepage-wrapper .urediLandingTextSlider .item.iTest-new {
    position: relative;
    background-image: url(../content/banners/2023/bg-itest-new-second.jpg) !important;
    background-size: cover !important;
    background-position: left center !important;
    background-repeat: no-repeat;
}

    .homepage-wrapper .urediLandingTextSlider .item.iTest-new:after {
        content: '';
        position: absolute;
        background-image: url(../content/banners/2023/shape-iTest-new.png);
        width: 45%;
        height: 100%;
        background-size: cover;
        top: 0;
        left: 0;
        background-position: right;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iTest-new .item-wrapper .white-text-wrap {
        position: relative;
        width: 36%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iTest-new .header {
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        z-index: 1;
        flex-direction: column;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iTest-new .item-wrapper .header h2 {
        font-size: 48px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iTest-new .image {
        margin-bottom: 30px;
        width: 40%;
    }

.homepage-wrapper .urediLandingTextSlider .item.iTest {
    position: relative;
    background-image: url(../content/banners/2023/bg-mkt-lupa-iTest.jpg) !important;
    background-size: cover !important;
    background-position: left center !important;
    background-repeat: no-repeat;
}

    .homepage-wrapper .urediLandingTextSlider .item.iTest:after {
        content: '';
        position: absolute;
        background-image: url(../content/banners/2023/shape-iTest.png);
        width: 45%;
        height: 100%;
        background-size: cover;
        top: 0;
        left: 0;
        background-position: right;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iTest .item-wrapper .white-text-wrap {
        position: relative;
        width: 36%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iTest .header {
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        z-index: 1;
        flex-direction: column;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iTest .item-wrapper .header h2 {
        font-size: 48px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iTest .image {
        margin-bottom: 30px;
        width: 40%;
    }

.homepage-wrapper .urediLandingTextSlider .item.galaxy-s23-fe {
    position: relative;
    background-image: url(../content/banners/2023/s24-a1-mk.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.galaxy-s23-fe.sq {
        position: relative;
        background-image: url(../content/banners/2023/s24-a1-sq.jpg) !important;
        background-size: cover !important;
        background-repeat: no-repeat;
        background-position: bottom !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.advent-calendar-banner {
    position: relative;
    background-image: url(../content/banners/2023/advent-calendar-banner.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: bottom !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.advent-calendar-banner.sq {
        position: relative;
        background-image: url(../content/banners/2023/advent-calendar-banner-sq.jpg) !important;
        background-size: cover !important;
        background-repeat: no-repeat;
        background-position: bottom !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.s23fe-presales {
    position: relative;
    background-image: url(../content/banners/2023/s23-fe-banner.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat;
}

    .homepage-wrapper .urediLandingTextSlider .item.s23fe-presales.sq {
        position: relative;
        background-image: url(../content/banners/2023/s23-fe-banner-sq.jpg) !important;
        background-size: cover !important;
        background-repeat: no-repeat;
    }

.homepage-wrapper .urediLandingTextSlider .item.eco-tag-banner {
    position: relative;
    background-image: url(../content/banners/2023/eco-tag-banner-bg.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat;
}

    .homepage-wrapper .urediLandingTextSlider .item.eco-tag-banner .white-text-wrap {
        position: relative;
        width: 90%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.eco-tag-banner .white-text-wrap .ec {
            position: absolute;
            right: 40px;
            width: 120px;
            top: 80px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.eco-tag-banner .white-text-wrap .header {
            width: 60%;
        }

            .homepage-wrapper .urediLandingTextSlider .item.eco-tag-banner .white-text-wrap .header h2.eco-title {
                text-transform: uppercase;
                color: white;
            }

            .homepage-wrapper .urediLandingTextSlider .item.eco-tag-banner .white-text-wrap .header h3 {
                text-transform: uppercase;
                color: white;
                font-family: 'teleNeo-regularItalic' !important;
                font-size: 30px;
            }

                .homepage-wrapper .urediLandingTextSlider .item.eco-tag-banner .white-text-wrap .header h3 span.green-text {
                    color: #a4d966;
                    font-family: 'teleNeo-bold' !important;
                }

.homepage-wrapper .urediLandingTextSlider .item.backup-business {
    position: relative;
    background-image: url(../content/banners/2024/bg-backup.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.backup-business:after {
        content: '';
        position: absolute;
        background-image: url(../content/banners/2024/shape-backup.png);
        width: 45%;
        height: 100%;
        background-size: cover;
        bottom: 0;
        left: 0;
        background-position: right;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.backup-business .header {
        position: relative;
        width: 50%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.backup-business .header h1 {
            color: white;
            font-family: 'teleNeo-bold' !important;
            font-size: 72px;
            text-transform: none;
            line-height: 0.9;
        }

        .homepage-wrapper .urediLandingTextSlider .item.backup-business .header p {
            display: block;
            font-family: 'teleNeo-regular' !important;
            font-size: 36px !important;
            color: white;
            margin-top: 0;
            padding-right: 40px;
            line-height: 1 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.backup-business .item-wrapper .white-text-wrap {
        width: 50%;
        display: inline-flex;
        flex-flow: column;
        align-content: space-between;
        justify-content: space-around;
        height: 100%;
        align-items: flex-start;
        z-index: 3;
    }

    .homepage-wrapper .urediLandingTextSlider .item.backup-business a.btn.btn-white {
        z-index: 4 !important;
    }



    .homepage-wrapper .urediLandingTextSlider .item.backup-business .item-wrapper .white-text-wrap .img-text {
        margin-bottom: 30px;
        width: 75%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.backup-business .ec {
        width: 120px;
        position: absolute;
        right: -130px;
        top: 0;
    }

.homepage-wrapper .urediLandingTextSlider .item.soc-banner .ec {
    width: 120px;
    position: absolute;
    right: -130px;
    top: 0;
}

.homepage-wrapper .urediLandingTextSlider .item.soc-banner {
    position: relative;
    background-image: url(../content/banners/2024/bg-mkt-soc.png) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.soc-banner:after {
        content: '';
        position: absolute;
        background-image: url(../content/banners/2024/shape-mkt-soc.png);
        width: 45%;
        height: 100%;
        background-size: cover;
        bottom: 0;
        left: 0;
        background-position: right;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.soc-banner .header {
        position: relative;
        width: 60%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.soc-banner .header h1 {
            color: white;
            font-family: 'teleNeo-extra' !important;
            font-size: 72px;
            text-transform: none;
            line-height: 0.9;
        }

        .homepage-wrapper .urediLandingTextSlider .item.soc-banner .header p {
            display: block;
            font-size: 46px !important;
            color: black;
            margin-top: 0;
            padding-right: 40px;
            line-height: 1 !important;
            font-family: teleNeo-regularItalic !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.soc-banner .item-wrapper .white-text-wrap {
        width: 50%;
        display: inline-flex;
        flex-flow: column;
        align-content: space-between;
        justify-content: space-around;
        height: 100%;
        align-items: flex-start;
        z-index: 3;
    }

    .homepage-wrapper .urediLandingTextSlider .item.soc-banner a.btn.btn-white {
        z-index: 4 !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.magenta-tv-banner {
    position: relative;
    background-image: url(../content/banners/2024/bg-magentatv.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.magenta-tv-banner .header {
        position: relative;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-tv-banner .item-wrapper .white-text-wrap {
        width: 50%;
        display: inline-flex;
        flex-flow: column;
        align-content: space-between;
        justify-content: space-around;
        height: 100%;
        align-items: flex-start;
    }


        .homepage-wrapper .urediLandingTextSlider .item.magenta-tv-banner .item-wrapper .white-text-wrap .img-text {
            margin-top: 30px;
            width: 75%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-tv-banner .ec {
        width: 110px;
        position: relative;
        right: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-tv-banner .right-img-wrap {
        height: 100%;
        display: flex;
        align-items: stretch;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-tv-banner .right-img-wrap img {
            object-fit: contain;
        }

.homepage-wrapper .urediLandingTextSlider .item.hate-speach-banner {
    position: relative;
    background-image: url(../content/banners/2025/hatespeech-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.hate-speach-banner .header {
        position: relative;
        margin-top: -100px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.hate-speach-banner .header .image {
            width: 80%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.hate-speach-banner .item-wrapper .white-text-wrap {
        width: 50%;
        display: inline-flex;
        flex-flow: column;
        align-content: space-between;
        justify-content: space-around;
        height: 100%;
        align-items: flex-start;
    }


    .homepage-wrapper .urediLandingTextSlider .item.hate-speach-banner .right-img-wrap {
        height: 90%;
        display: flex;
        align-items: stretch;
    }

        .homepage-wrapper .urediLandingTextSlider .item.hate-speach-banner .right-img-wrap img {
            object-fit: contain;
        }

.homepage-wrapper .urediLandingTextSlider .item.infobip-omni {
    position: relative;
    background-image: url(../content/banners/2024/bg-omni-main-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.infobip-omni .header {
        position: relative;
    }

    .homepage-wrapper .urediLandingTextSlider .item.infobip-omni .item-wrapper .white-text-wrap {
        width: 50%;
        display: inline-flex;
        flex-flow: column;
        align-content: space-between;
        justify-content: space-around;
        height: 100%;
        align-items: flex-start;
    }

        .homepage-wrapper .urediLandingTextSlider .item.infobip-omni .item-wrapper .white-text-wrap .header h2 {
            color: white;
            font-size: 100px !important;
            letter-spacing: 10px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.infobip-omni .item-wrapper .white-text-wrap .header h3 {
            color: white !important;
            font-size: 42px !important;
            margin-top: 0 !important;
            font-family: 'teleNeo-bold' !important;
            text-align: left !important;
            width: 100% !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.infobip-omni .item-wrapper .white-text-wrap .header p {
            color: white;
        }

    .homepage-wrapper .urediLandingTextSlider .item.infobip-omni .right-img-wrap {
        height: 100%;
        display: flex;
        align-items: stretch;
    }

        .homepage-wrapper .urediLandingTextSlider .item.infobip-omni .right-img-wrap img {
            object-fit: contain;
        }

.homepage-wrapper .urediLandingTextSlider .item.magenta-moments-paris {
    position: relative;
    background-image: url(../content/banners/2024/bg-mm-paris.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-paris .header {
        position: relative;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-paris .item-wrapper .white-text-wrap {
        width: 50%;
        display: inline-flex;
        flex-flow: column;
        align-content: space-between;
        justify-content: space-around;
        height: 100%;
        align-items: flex-start;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-paris .item-wrapper .white-text-wrap img.apsolute {
            position: absolute;
            top: 30px;
            left: 0;
        }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-paris .item-wrapper .white-text-wrap .img-text {
            margin-bottom: 30px;
            width: 75%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-paris .ec {
        width: 110px;
        position: absolute;
        right: 120px;
        bottom: -30px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-paris .right-img-wrap {
        position: absolute;
        right: 0;
        width: 50%;
        bottom: -20px;
    }

.homepage-wrapper .urediLandingTextSlider .item.iphone-omilen-model {
    position: relative;
    background-image: url(../content/banners/2024/iphone-omilen-model-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.iphone-omilen-model .header {
        position: relative;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-omilen-model .item-wrapper .white-text-wrap {
        width: 50%;
        display: inline-flex;
        flex-flow: column;
        align-content: space-between;
        justify-content: space-around;
        height: 100%;
        align-items: flex-start;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iphone-omilen-model .item-wrapper .white-text-wrap img.apsolute {
            position: absolute;
            top: 30px;
            left: 0;
        }

        .homepage-wrapper .urediLandingTextSlider .item.iphone-omilen-model .item-wrapper .white-text-wrap .img-text {
            margin-bottom: 30px;
            width: 75%;
        }

.homepage-wrapper .urediLandingTextSlider .item.black-friday-2024 {
    position: relative;
    background: black !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2024 .header {
        position: relative;
    }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2024 .item-wrapper {
        height: 100%;
        width: 100%;
        align-items: center !important;
        justify-content: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.black-friday-2024 .item-wrapper img {
            height: 630px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.black-friday-2024 .item-wrapper .white-text-wrap {
            width: 50%;
            display: inline-flex;
            flex-flow: column;
            align-content: space-between;
            justify-content: space-around;
            height: 100%;
            align-items: flex-start;
        }


            .homepage-wrapper .urediLandingTextSlider .item.black-friday-2024 .item-wrapper .white-text-wrap .img-text {
                margin-bottom: 30px;
                width: 70%;
            }

.homepage-wrapper .urediLandingTextSlider .item.digitalizacija {
    position: relative;
    background-image: url(../content/banners/2024/tbiznis-bg-1920x800.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.digitalizacija .item-wrapper .white-text-wrap {
        width: 30%;
        position: relative;
    }

        .homepage-wrapper .urediLandingTextSlider .item.digitalizacija .item-wrapper .white-text-wrap .header {
            top: 50px;
            position: relative;
        }

        .homepage-wrapper .urediLandingTextSlider .item.digitalizacija .item-wrapper .white-text-wrap .img-text {
            width: 40%;
            left: 90px;
            position: relative;
        }

        .homepage-wrapper .urediLandingTextSlider .item.digitalizacija .item-wrapper .white-text-wrap .ec {
            position: absolute;
            width: 150px;
            height: 120px;
            top: 0;
            right: 0;
        }

.homepage-wrapper .urediLandingTextSlider .item.samo-onlajn {
    position: relative;
    background-image: url(../content/banners/2024/bg-samo-onlajn.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samo-onlajn .header {
        position: relative;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samo-onlajn .item-wrapper .white-text-wrap {
        width: 50%;
        display: inline-flex;
        flex-flow: column;
        align-content: space-between;
        justify-content: space-around;
        height: 100%;
        align-items: flex-start;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samo-onlajn .item-wrapper .white-text-wrap img.apsolute {
            position: absolute;
            top: 30px;
            left: 0;
        }

        .homepage-wrapper .urediLandingTextSlider .item.samo-onlajn .item-wrapper .white-text-wrap .img-text {
            margin-bottom: 30px;
            width: 75%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.samo-onlajn .ec {
        width: 110px;
        position: absolute;
        right: 120px;
        bottom: -30px;
    }

.homepage-wrapper .urediLandingTextSlider .item.iPhone-12-13-14 {
    position: relative;
    background-image: url(../content/banners/2024/iPhone-bg-2024.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-12-13-14 .item-wrapper .white-text-wrap {
        width: 50%;
        display: inline-flex;
        flex-flow: column;
        align-content: space-between;
        justify-content: space-around;
        height: 100%;
        align-items: flex-start;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iPhone-12-13-14 .item-wrapper .white-text-wrap img.apsolute {
            position: absolute;
            top: 30px;
            left: 0;
        }

        .homepage-wrapper .urediLandingTextSlider .item.iPhone-12-13-14 .item-wrapper .white-text-wrap .img-text {
            margin-bottom: 30px;
            width: 75%;
        }



.homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart {
    position: relative;
    background-image: url(../content/banners/2024/b2b-mart-2024-banner-bg.jpg) !important;
    background-size: cover !important;
    background-position: right center !important;
    background-repeat: no-repeat;
}

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart.tarifi {
        position: relative;
        background-image: url(../content/banners/2024/b2b-mart-2024-banner-bg-2.jpg) !important;
        background-size: cover !important;
        background-position: left center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart:before {
        position: absolute;
        height: 100% !important;
        width: 45% !important;
        background-image: url(../content/banners/2024/b2b-mart-2024-banner-shape.png) !important;
        background-size: cover !important;
        background-position: left center;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart.tarifi:before {
        width: 45% !important;
        background-image: url(../content/banners/2024/b2b-mart-2024-banner-bg-2-shape.png) !important;
        left: initial !important;
        right: 0 !important;
        background-position: right center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart .item-wrapper {
        align-items: flex-start !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart.tarifi .item-wrapper {
        align-items: flex-end !important;
        justify-content: flex-end !important;
        text-align: right;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart .white-text-wrap {
        position: relative;
        z-index: 1;
        padding-top: 40px;
        width: 50%;
        height: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart.tarifi .white-text-wrap {
        padding-top: 120px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart .white-text-wrap .ec {
        position: relative;
        left: 70px;
        width: 150px;
        top: 30px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart .white-text-wrap h3 {
        color: black !important;
        font-size: 34px !important;
        text-transform: none !important;
        font-family: TeleNeo-extra !important;
        text-align: left !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart.tarifi .white-text-wrap h3 {
        text-align: right !important;
        width: 100% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart .ec {
        position: absolute;
        width: 130px;
        right: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart.tarifi .white-text-wrap .ec {
        position: relative;
        left: 230px;
        width: 150px;
        top: 30px;
    }



.homepage-wrapper .urediLandingTextSlider .item.magenta-business-ponuda {
    position: relative;
    background-image: url(../content/banners/2024/background-business-ponuda.jpg) !important;
    background-size: cover !important;
    background-position: right center !important;
    background-repeat: no-repeat;
}



    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-ponuda .header {
        position: absolute;
        display: flex;
        width: 45%;
        justify-content: flex-start;
        align-items: flex-end;
        z-index: 1;
        top: 0;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-business-ponuda .header .img-txt {
            width: 500px;
            height: auto;
        }

.homepage-wrapper .urediLandingTextSlider .item.delovna-efikasnost {
    position: relative;
    background-image: url(../content/banners/2024/delovna-efikasnost-bg.jpg) !important;
    background-size: cover !important;
    background-position: right center !important;
    background-repeat: no-repeat;
}



    .homepage-wrapper .urediLandingTextSlider .item.delovna-efikasnost .header {
        position: absolute;
        display: flex;
        width: 40%;
        justify-content: flex-start;
        align-items: flex-end;
        z-index: 1;
        top: 0;
    }

        .homepage-wrapper .urediLandingTextSlider .item.delovna-efikasnost .header .img-txt {
            width: 500px;
            height: auto;
        }

.homepage-wrapper .urediLandingTextSlider .item.novogodishna-2024 {
    position: relative;
    background-image: url(../content/banners/2023/bg-banner-novogodishna-2024.jpg) !important;
    background-size: cover !important;
    background-position: right center !important;
    background-repeat: no-repeat;
}



    .homepage-wrapper .urediLandingTextSlider .item.novogodishna-2024 .header {
        position: relative;
        display: flex;
        width: 90%;
        justify-content: flex-start;
        align-items: flex-end;
        z-index: 1;
    }

        .homepage-wrapper .urediLandingTextSlider .item.novogodishna-2024 .header .img-txt {
            width: 500px;
            height: auto;
        }

.homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2023 {
    position: relative;
    background-image: url(../content/images/nagradna-igra-2022/uefa-baner.jpg) !important;
    background-size: cover !important;
    background-position: right center !important;
    background-repeat: no-repeat;
}

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2023:after {
        content: '';
        position: absolute;
        background-image: url(../content/images/nagradna-igra-2022/uefa-baner-shape.png);
        width: 60%;
        height: 100%;
        background-size: cover;
        top: 0;
        left: 0;
        background-position: right;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2023 .header {
        position: relative;
        display: flex;
        width: 90%;
        justify-content: flex-start;
        align-items: flex-end;
        z-index: 1;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2023 .img-txt {
        width: 500px;
        height: auto;
    }

.homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali {
    background-image: url(../content/banners/2023/maxtv-novi-kanali-banner.jpg) !important;
    background-position: bottom center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali:after {
        content: '';
        position: absolute;
        width: 75%;
        height: 100%;
        background-image: url('../content/banners/2023/maxtv-novi-kanali-shape.png');
        background-position: left bottom;
        background-size: contain;
        background-repeat: no-repeat;
        bottom: 0;
        left: 0;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali .item-wrapper {
        align-items: flex-end !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali .ec {
        position: relative;
        left: 0;
        top: 0;
        width: 130px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali .white-text-wrap {
        width: 50%;
        z-index: 2;
        position: relative;
        margin-bottom: 60px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali .white-text-wrap h2 {
            font-size: 40px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali .white-text-wrap p {
            font-size: 28px !important;
            color: white;
        }

.homepage-wrapper .urediLandingTextSlider .item.internet-roaming {
    background-image: url(../content/banners/2023/bg-magenta.jpg) !important;
    background-position: bottom center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming:after {
        content: '';
        position: absolute;
        width: 75%;
        height: 100%;
        background-image: url('../content/banners/2023/Shape-Right.png');
        background-position: right bottom;
        background-size: contain;
        background-repeat: no-repeat;
        top: 0;
        right: 0;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .ec {
        position: absolute;
        right: 25%;
        bottom: 50%;
        width: 120px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .white-text-wrap {
        width: 50%;
        z-index: 2;
        position: relative;
        margin-bottom: 10%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .white-text-wrap {
        width: 65%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .header {
        width: 54%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .white-text-wrap h2 {
        font-size: 90px !important;
        line-height: 0.9 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .white-text-wrap h2 span {
            display: block;
            font-family: 'teleNeo-extra' !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .white-text-wrap h3 {
        color: white;
        font-family: 'teleNeo-extra' !important;
        font-size: 33px;
    }

.homepage-wrapper .urediLandingTextSlider .item.plus-kanali {
    background-image: url(../content/banners/2023/plus-kanali-banner.jpg) !important;
    background-position: bottom center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.plus-kanali:after {
        content: '';
        position: absolute;
        width: 75%;
        height: 100%;
        background-image: url('../content/banners/2023/plus-kanali-shape.png');
        background-position: left bottom;
        background-size: contain;
        background-repeat: no-repeat;
        bottom: 0;
        left: 0;
        z-index: 0;
    }


    .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .item-wrapper {
        align-items: flex-end !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .ec {
        position: absolute;
        right: 20%;
        bottom: 20%;
        width: 130px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .white-text-wrap {
        width: 50%;
        z-index: 2;
        position: relative;
        margin-bottom: 10%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .white-text-wrap .kanali {
            width: 220px;
            margin: 10px 0 15px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .white-text-wrap h2 {
            font-size: 40px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .white-text-wrap p {
            font-size: 28px !important;
            color: white;
            line-height: 1.1 !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .white-text-wrap .small {
            font-size: 18px !important;
        }

.homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda {
    background-image: url(../content/banners/2023/bg_phones.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda .white-text-wrap {
        width: 40%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda .right-img-wrap {
        width: 50%;
        bottom: -10px;
        position: absolute;
        right: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda h2 {
        color: black !important;
        font-family: 'teleNeo-regular' !important;
        line-height: 1.2;
        font-size: 60px !important;
        margin-bottom: 30px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda h3 {
        font-family: 'teleNeo-medium' !important;
        font-size: 33px;
        margin-top: -20px !important;
        margin-bottom: 30px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda span {
        top: 12px;
        display: inline-block;
        width: 45px;
        height: 70px;
        position: relative;
        overflow: hidden;
        margin-right: -5px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda .header {
        position: relative;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda .ec {
        position: absolute;
        right: 0;
        width: 120px;
        top: -70%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda span svg {
        width: 100%;
        height: 100%;
        top: 0;
    }

.homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods {
    background-image: url(../content/banners/2023/bg_phones.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .white-text-wrap {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .right-img-wrap {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods h2 {
        color: black !important;
        font-family: 'teleNeo-regular' !important;
        line-height: 1.2;
        font-size: 60px !important;
        margin-bottom: 30px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods h3 {
        font-family: 'teleNeo-medium' !important;
        font-size: 33px;
        margin-top: -20px !important;
        margin-bottom: 30px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods span {
        top: 12px;
        display: inline-block;
        width: 45px;
        height: 70px;
        position: relative;
        overflow: hidden;
        margin-right: -5px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods span svg {
            width: 100%;
            height: 100%;
            top: 0;
        }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .inline-btns a {
        width: 100px !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .inline-btns a:last-of-type {
            left: 170px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .header {
        position: relative;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .ec {
        position: absolute;
        right: 0;
        width: 120px;
        top: -50%;
    }

.homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro {
    background-image: url(../content/banners/2023/bg_phones.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro .white-text-wrap {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro .right-img-wrap {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro h2 {
        color: black !important;
        font-family: 'teleNeo-regular' !important;
        line-height: 1.2;
        font-size: 60px !important;
        margin-bottom: 30px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro h3 {
        font-family: 'teleNeo-medium' !important;
        font-size: 33px;
        margin-top: -20px !important;
        margin-bottom: 30px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro span {
        top: 20px;
        display: inline-block;
        width: 60px;
        height: 70px;
        position: relative;
        overflow: hidden;
        margin-right: 5px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro span svg {
            width: 100%;
            height: 100%;
            top: -2px;
        }

.homepage-wrapper .urediLandingTextSlider .item.apple-kampanja-2023 {
    background-image: url(../content/banners/2023/apple-kampanja-2023-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.apple-kampanja-2023 .white-text-wrap {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.apple-kampanja-2023 .right-img-wrap {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.apple-kampanja-2023 h3 {
        color: black;
        font-family: 'teleNeo-medium' !important;
        line-height: 1.2;
        font-size: 40px;
        margin-bottom: 30px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.apple-kampanja-2023 .inline-buttons a:last-of-type {
        left: 170px !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.valentine-banner {
    background-image: url(../content/banners/2023/valentine-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 52% !important;
        height: 100% !important;
        background-image: url(../content/banners/2023/valentine-left-shape.png) !important;
        background-position: right center !important;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner .white-text-wrap {
        position: relative;
        width: 40%;
        display: inline-block;
        z-index: 2;
        margin-top: 8%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner h3 {
        font-size: 62px !important;
        font-family: 'teleNeo-extra' !important;
        text-transform: uppercase;
        color: #fff;
        line-height: 1;
        margin-bottom: 0;
        margin-top: 0;
    }

        .homepage-wrapper .urediLandingTextSlider .item.valentine-banner h3 span {
            display: block;
            font-size: 52px !important;
            font-family: 'teleNeo-extra' !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.valentine-banner h3 span.heart {
                display: inline-block;
                width: 40px;
                height: 50px;
                position: relative;
                overflow: hidden;
                margin-right: 5px;
            }

                .homepage-wrapper .urediLandingTextSlider .item.valentine-banner h3 span.heart:before {
                    content: '';
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    background-image: url(../content/banners/2023/heart.png);
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center bottom;
                    top: 0;
                    bottom: 0;
                    margin: auto;
                }

    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner h4 {
        font-size: 28px !important;
        font-family: 'teleNeo-regular' !important;
        color: #fff;
        margin: 0;
        width: 70%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner .right-img-wrap {
        position: absolute;
        right: 0;
        bottom: 10%;
        height: 100%;
        width: 60%;
        display: inline-flex;
        align-items: flex-end;
        justify-content: flex-end;
        z-index: 3;
    }


.homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali {
    background-image: url(../content/banners/2023/maxtv-kanali-banner.jpg) !important;
    background-position: center left !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        background-image: url(../content/banners/2023/maxtv-kanali-banner-shape.png) !important;
        background-size: cover;
        height: 100%;
        width: 45%;
        background-repeat: no-repeat;
    }

    .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali .item-wrapper .white-text-wrap {
        position: relative;
        width: 40%;
        z-index: 2;
    }

        .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali .item-wrapper .white-text-wrap h2 {
            font-size: 45px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali .item-wrapper .white-text-wrap p {
            font-size: 28px;
            color: white;
            line-height: 1.2;
        }

        .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali .item-wrapper .white-text-wrap .ec {
            position: absolute;
            right: -90px;
            bottom: -100px;
            width: 120px;
        }

.homepage-wrapper .urediLandingTextSlider .item.xiaomi-presales-2023 {
    background-image: url(../content/banners/2023/xiaomi-presales-baner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.xiaomi-presales-2023.sq {
        background-image: url(../content/banners/2023/xiaomi-presales-baner-sq.jpg) !important;
        background-position: center !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj {
    background-image: url(../content/banners/2023/business-tarifi-banner-maj.jpg) !important;
    background-position: center left !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj:after {
        content: '';
        position: absolute;
        width: 50%;
        height: 100%;
        background-image: url(../content/banners/2023/business-tarifi-banner-shape.png);
        background-position: top left;
        background-size: contain;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj .item-wrapper {
        align-items: flex-start !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj .white-text-wrap {
        width: 40%;
        z-index: 2;
        margin-top: 30px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj .white-text-wrap h2 {
            font-size: 36px !important;
            line-height: 1 !important;
            text-transform: uppercase;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            font-family: 'teleNeo-bold' !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj .white-text-wrap h3 {
            text-align: left !important;
            text-transform: none !important;
            font-size: 33px !important;
            font-family: 'teleNeo-regular' !important;
            margin: 0 !important;
            width: 100% !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj .white-text-wrap h2 span {
            font-size: 92px;
            font-family: 'teleNeo-extra' !important;
            bottom: 8px;
            position: relative;
        }



.homepage-wrapper .urediLandingTextSlider .item.business-banner-povekje-internet {
    background-image: url(../content/banners/2023/3x-povekje-internet-business.jpg) !important;
    background-position: 0% 0% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-povekje-internet:after {
        content: '';
        position: absolute;
        width: 40%;
        height: 100%;
        background-image: url(../content/banners/2023/3x-povekje-internet-business-shape.png);
        background-position: top left;
        background-size: contain;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-povekje-internet .white-text-wrap {
        width: 40%;
        z-index: 2;
        margin-top: -260px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-banner-povekje-internet .white-text-wrap h2 {
            font-size: 60px !important;
            line-height: 1 !important;
            text-transform: uppercase;
        }


.homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni {
    background-image: url(../content/banners/2023/april-promo-privatni-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni:after {
        content: '';
        position: absolute;
        width: 70%;
        height: 100%;
        background-image: url(../content/banners/2023/april-promo-privatni-shape.png);
        background-position: top left;
        background-size: contain;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 0;
    }


    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .item-wrapper > div {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .item-wrapper .right-img-wrap {
        z-index: 3;
        text-align: center;
    }

        .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .item-wrapper .right-img-wrap img {
            width: 55%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .item-wrapper .header {
        position: relative;
        z-index: 2;
        width: 80%;
        margin-top: -190px;
        margin-left: 40px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .item-wrapper .header h2 {
            font-size: 65px;
            line-height: 1.2;
        }

        .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .item-wrapper .header p {
            color: white;
            font-size: 26px !important;
            line-height: 1.2 !important;
            font-family: 'teleNeo-bold' !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .item-wrapper .header .ec {
            position: absolute;
            right: 0;
        }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .absolute-bottom {
        position: absolute;
        bottom: 0;
        z-index: 2;
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .btn {
        z-index: 3;
    }


.homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj {
    background-image: url(../content/banners/2023/m1-business-banner-maj.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj:after {
        content: '';
        position: absolute;
        width: 50%;
        height: 100%;
        background-image: url(../content/banners/2023/m1-business-banner-maj-shape.png);
        background-position: left bottom;
        background-size: contain;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj .item-wrapper .white-text-wrap {
        width: 40%;
        position: relative;
    }

        .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj .item-wrapper .white-text-wrap .header {
            position: relative;
            z-index: 2;
        }

            .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj .item-wrapper .white-text-wrap .header h2 {
                font-size: 50px !important;
                text-transform: uppercase;
            }

            .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj .item-wrapper .white-text-wrap .header h3 {
                text-align: left !important;
                text-transform: none !important;
                font-size: 28px !important;
                margin: 0 !important;
                padding: 0 !important;
            }

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj .ec {
        position: absolute;
        z-index: 2;
        right: -110px;
        width: 160px;
        top: -60px;
    }



.homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf {
    background-image: url(../content/banners/2023/business-travel-surf-bg.jpg) !important;
    background-position: right center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf:after {
        content: '';
        position: absolute;
        width: 50%;
        height: 100%;
        background-image: url(../content/banners/2023/business-travel-surf-shape.png);
        background-position: left bottom;
        background-size: cover;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf .item-wrapper .white-text-wrap {
        width: 40%;
        position: relative;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf .item-wrapper .white-text-wrap .header {
            position: relative;
            z-index: 2;
        }

            .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf .item-wrapper .white-text-wrap .header h2 {
                font-family: 'teleNeo-regular' !important;
                font-size: 60px !important;
            }

            .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf .item-wrapper .white-text-wrap .header h3 {
                text-align: left !important;
                text-transform: none !important;
                font-size: 26px !important;
                margin: 0 !important;
                padding: 0 !important;
            }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf .ec {
        position: absolute;
        z-index: 2;
        right: -110px;
        width: 120px;
        bottom: 0;
    }

.homepage-wrapper .urediLandingTextSlider .item.april-promo-2023 {
    background-image: url(../content/banners/2023/m1b-banner-april-promo-2023.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-2023:after {
        content: '';
        position: absolute;
        width: 45%;
        height: 100%;
        background-image: url(../content/banners/2023/m1b-banner-april-promo-2023.png);
        background-position: top center;
        background-size: contain;
        background-repeat: no-repeat;
        top: -80px;
        left: 0;
        bottom: 0;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-2023 .item-wrapper .white-text-wrap {
        width: 50%;
        position: relative;
    }

        .homepage-wrapper .urediLandingTextSlider .item.april-promo-2023 .item-wrapper .white-text-wrap .header {
            position: relative;
            z-index: 2;
            margin-top: -200px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-2023 h2 {
        font-size: 80px !important;
        font-family: 'teleNeo-extra' !important;
        margin-bottom: 0 !important;
        text-transform: uppercase;
        color: white;
    }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-2023 h3 {
        font-size: 36px !important;
        font-family: 'teleNeo-regular' !important;
        color: white;
        text-transform: uppercase;
        margin: 0 !important;
        padding: 0;
        text-align: left !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.martovska-promocija {
    background-image: url(../content/banners/2023/martovska-promocija-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija:after {
        content: '';
        position: absolute;
        width: 50%;
        height: 100%;
        background-image: url(../content/banners/2023/mart-promocija-shape.png);
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
        top: 0;
        left: -100px;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija .absolute-right-shape {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 26%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija .white-text-wrap {
        width: 25%;
        z-index: 2;
        position: relative;
        margin-top: -50px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija .white-text-wrap .ec {
            position: absolute;
            top: 0;
            right: 0;
            width: 90px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija .white-text-wrap .header {
            position: relative;
            width: 100%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija .white-text-wrap h2 {
            line-height: 0.9;
        }

            .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija .white-text-wrap h2 span {
                font-size: 160px;
                font-family: 'teleNeo-bold' !important;
                line-height: 0.9
            }

        .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija .white-text-wrap h3 {
            color: white;
            font-size: 35px;
            font-family: 'teleNeo-regular' !important;
            margin: 0;
            line-height: .9;
        }

.homepage-wrapper .urediLandingTextSlider .item.optichki-internet {
    background-image: url(../content/banners/2023/100.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.optichki-internet.sq {
        background-image: url(../content/banners/2023/100-SQ.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.redmi-12-banner {
    background-image: url(../content/banners/2023/redmi-12-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.redmi-12-banner.sq {
        background-image: url(../content/banners/2023/redmi-12-banner-sq.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.tPhone-neshto-novo {
    background-image: url(../content/banners/2023/tPhone-neshto-novo-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.tPhone-neshto-novo.sq {
        background-image: url(../content/banners/2023/tPhone-neshto-novo-banner-sq.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.t-phone-2023 {
    background-image: url(../content/banners/2023/tphone-A1-MK.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.t-phone-2023.sq {
        background-image: url(../content/banners/2023/tphone-A1-SQ.jpg) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.internet-vo-roaming {
    background-image: url(../content/banners/2023/bg-magenta-internet-vo-roaming.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.internet-vo-roaming.item-wrapper {
        justify-content: center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-vo-roaming .white-text-wrap {
        background-image: url(../content/banners/2023/MK-internet-vo-roaming.png) !important;
        background-position: center !important;
        background-size: contain;
        width: 70%;
        height: 100%;
        background-repeat: no-repeat;
        margin: 0 auto;
    }

        .homepage-wrapper .urediLandingTextSlider .item.internet-vo-roaming .white-text-wrap .ec {
            position: absolute;
            top: 15%;
            left: 39%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.internet-vo-roaming.sq .white-text-wrap {
        background-image: url(../content/banners/2023/AL-internet-vo-roaming.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.sound-on {
    background-image: url(../content/banners/2023/bg-muzichki-kanali.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.sound-on.item-wrapper {
        justify-content: center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.sound-on .white-text-wrap {
        background-image: url(../content/banners/2023/content.png) !important;
        background-position: center !important;
        background-size: contain;
        width: 70%;
        height: 100%;
        background-repeat: no-repeat;
        margin: 0 auto;
    }

        .homepage-wrapper .urediLandingTextSlider .item.sound-on .white-text-wrap .ec {
            position: absolute;
            bottom: 120px;
            right: 0;
        }

    .homepage-wrapper .urediLandingTextSlider .item.sound-on.sq .white-text-wrap {
        background-image: url(../content/banners/2023/content-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsung-promo {
    background-image: url(../content/banners/2023/samsung-promocija-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-promo.item-wrapper {
        justify-content: center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-promo .white-text-wrap {
        background-image: url(../content/banners/2023/a1-mk.png) !important;
        background-position: center !important;
        background-size: contain;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-promo.sq .white-text-wrap {
        background-image: url(../content/banners/2023/a1-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsung-galaxy-a {
    background-image: url(../content/banners/2023/A50-mk.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-galaxy-a.sq {
        background-image: url(../content/banners/2023/A50-sq.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsung-s23-presales {
    background-image: url(../content/banners/2023/samsung-s23-presales-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s23-presales.sq {
        background-image: url(../content/banners/2023/samsung-s23-presales-banner-sq.jpg) !important;
        background-position: center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 {
    background-image: url(../content/banners/2023/online-prodavnica-2023-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023:after {
        content: '';
        position: absolute;
        width: 45%;
        height: 100%;
        background-image: url(../content/banners/2023/online-prodavnica-2023-shape.png);
        background-position: left center;
        background-size: cover;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .white-text-wrap {
        width: 40%;
        z-index: 2;
        position: relative;
        margin-top: -50px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .white-text-wrap .header {
            position: relative;
            width: 100%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .white-text-wrap h3 {
            color: white;
            font-size: 55px;
            font-family: 'teleNeo-extra' !important;
            line-height: 1.2;
        }

        .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .white-text-wrap h4 {
            color: black;
            font-family: 'teleNeo-bold' !important;
            font-size: 28px;
            line-height: 1.2;
        }

        .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .white-text-wrap .ec {
            position: absolute;
            right: -80px;
            width: 130px;
            top: 40px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .right-img-wrap {
        position: absolute;
        width: 40%;
        right: 0;
        bottom: 0;
    }

.homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 {
    background-image: url(../content/banners/2022/nagradna-igra-2022-banner.jpg) !important;
    background-position: bottom center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022:after {
        content: '';
        position: absolute;
        width: 55%;
        height: 100%;
        background-image: url('../content/banners/2022/nagradna-igra-2022-shape.png');
        background-position: left top;
        background-size: contain;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .item-wrapper {
        align-items: flex-start !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .white-text-wrap {
        width: 50%;
        z-index: 2;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .header {
        margin: 20px 0 40px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .header h2 {
            font-size: 75px !important;
            text-transform: uppercase;
            font-family: 'teleNeo-extra' !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .header h2 span {
                display: block;
                font-size: 50px;
                font-family: 'teleNeo-medium' !important;
            }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .header p {
            color: white;
            font-size: 29px !important;
            font-family: 'teleNeo-bold' !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .partners {
        position: absolute;
        bottom: 160px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .partners img {
            width: 160px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .right-img-wrap {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        display: inline-flex;
        align-items: flex-end;
        justify-content: flex-end;
        z-index: 1;
    }

.homepage-wrapper .urediLandingTextSlider .item.halloween-banner {
    background-image: url(../content/banners/2022/halloween-banner-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.halloween-banner .item-wrapper .white-text-wrap {
        width: 40%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.halloween-banner .item-wrapper .right-img-wrap {
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.halloween-banner h3 {
        color: white;
        font-size: 65px;
        font-family: 'teleNeo-extraBoldItalic' !important;
        margin: 0;
    }

        .homepage-wrapper .urediLandingTextSlider .item.halloween-banner h3 span {
            display: block;
            font-family: 'teleNeo-extraBoldItalic' !important;
            font-size: 80px;
            margin: 0;
        }

    .homepage-wrapper .urediLandingTextSlider .item.halloween-banner h4 {
        color: white;
        font-size: 40px;
        font-family: 'teleNeo-boldItalic' !important;
        padding-right: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.halloween-banner .ec {
        position: relative;
        text-align: center;
    }



.homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner-new {
    background-image: url(../content/banners/2022/zemi-popust-banner-bg-new.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner-new.sq {
        background-image: url(../content/banners/2022/zemi-popust-banner-bg-new-sq.jpg) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner {
    background-image: url(../content/banners/2022/zemi-popust-banner-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner:after {
        content: '';
        background-image: url(../content/banners/2022/zemi-popust-shape.png);
        position: absolute;
        left: 0px;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 42%;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner .header {
        position: relative;
        z-index: 2;
        margin-top: -40px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner .header h2 {
            font-size: 75px !important;
            font-family: 'teleNeo-bold' !important;
            margin: 0;
            line-height: 1;
        }

            .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner .header h2 span {
                display: block;
                font-family: 'teleNeo-bold' !important;
                line-height: 1;
            }

        .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner .header h3 {
            font-family: 'teleNeo-extra' !important;
            font-size: 40px !important;
            margin-top: 30px;
            margin-bottom: 0;
            color: white;
            text-align: left !important;
            text-transform: none !important;
            width: 100% !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner .ec {
        position: absolute;
        right: -185px;
        top: 55%;
        width: 130px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner .right-img-wrap {
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        height: 100%;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsung-s-i-z-promocija {
    background-image: url('../content/banners/2022/samsung-s-z-banner.jpg') !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s-i-z-promocija.sq {
        background-image: url('../content/banners/2022/samsung-s-z-banner-sq.jpg') !important;
        background-position: top center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsung-pretprodazba-flip-fold.sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2021/samsung-galaxy-fold-flip-3-new-sq.png) !important;
    background-position: top center;
    background-size: contain;
}

.homepage-wrapper .urediLandingTextSlider .item.samsung-s-i-z-promocija .inline-btns {
    position: absolute;
    display: block;
    width: 400px;
    bottom: -40px;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s-i-z-promocija .inline-btns a {
        width: auto !important;
        display: inline-block;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-s-i-z-promocija .inline-btns a:last-of-type {
            left: 270px !important;
        }


.homepage-wrapper .urediLandingTextSlider .item.new-samsung-z-flip-fold {
    background-color: #fff !important;
    background: unset !important;
    position: relative;
    width: 100%;
    height: 100%;
}

    .homepage-wrapper .urediLandingTextSlider .item.new-samsung-z-flip-fold .img-wrap.hidden-xs {
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 70px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.new-samsung-z-flip-fold .img-wrap.visible-xs {
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        text-align: center;
    }


.homepage-wrapper .urediLandingTextSlider .item.more-od-popusti {
    background-image: url(../content/banners/2022/bannerbg-more-od-popusti.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.more-od-popusti .item-wrapper {
        position: relative !important;
        top: 170px;
        width: 50%;
        height: 50% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.more-od-popusti .white-text-wrap {
        top: 50px;
        position: relative;
    }

#carousel-redesign .urediLandingTextSlider .item.more-od-popusti .white-text-wrap h2 {
    font-family: 'teleNeo-regular' !important;
    line-height: 0.7 !important;
    font-size: 150px !important;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, .03);
}

    #carousel-redesign .urediLandingTextSlider .item.more-od-popusti .white-text-wrap h2 span {
        font-family: 'teleNeo-extra' !important;
        display: block;
        font-size: 155px !important;
        text-shadow: 0px 0px 20px rgba(0, 0,0, .02);
    }

.homepage-wrapper .urediLandingTextSlider .item.more-od-popusti .item-wrapper .white-text-wrap .ec {
    position: absolute;
    bottom: -15px;
    right: -30px;
}


.homepage-wrapper .urediLandingTextSlider .item.more-od-popusti .white-text-wrap p {
    position: relative;
    top: 20px;
    color: white;
    font-family: 'teleNeo-bold' !important;
    display: block !important;
    font-size: 40px !important;
    line-height: 1.0 !important;
    width: 60% !important;
    font-style: italic;
}


.homepage-wrapper .urediLandingTextSlider .item.samsung-z-flip-fold-presales {
    background-image: url(../content/banners/2022/samsung-flipFold-4-banner.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-z-flip-fold-presales.sq {
        background-image: url(../content/banners/2022/samsung-flipFold-4-banner-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.s22-presales-banner {
    /*background-image: url(../content/banners/2022/s22-baner-presales.jpg) !important;*/
    background-image: url(../content/banners/2022/s22-banner-new.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.s22-presales-banner.sq {
        background-image: url(../content/banners/2022/s22-banner-new-sq.jpg) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.triPati-povekje-banner {
    background-image: url(../content/banners/2022/3x-povekje-bg.jpg) !important;
    background-size: cover;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.triPati-povekje-banner h2 span {
        display: block;
        font-size: 90px;
        font-family: 'teleNeo-regular' !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.triPati-povekje-banner .item-wrapper {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-content: center !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.triPati-povekje-banner .white-text-wrap {
        width: 50%;
        padding-right: 25%;
        padding-top: 3%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.triPati-povekje-banner .absolute-disclaimer {
        position: relative;
        left: 0;
        width: 40%;
    }

.homepage-wrapper .urediLandingTextSlider .item.magenta1-junska-promocija {
    background-image: url(../content/banners/2022/magenta1-junska-promocija-bg.jpg) !important;
    background-size: cover;
    background-position: left top !important;
}
    /*  .homepage-wrapper .urediLandingTextSlider .item.magenta1-junska-promocija.sq {
            background-image: url(../content/banners/2022/magenta1-junska-promocija-bg-sq.jpg) !important;
        }*/
    .homepage-wrapper .urediLandingTextSlider .item.magenta1-junska-promocija .absolute-img {
        position: absolute;
        bottom: 0;
        width: 45%;
    }

.homepage-wrapper .urediLandingTextSlider .item.letna-promocija-juni {
    background-image: url('../content/banners/2022/letna-pripejd-promocija-bg.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.letna-promocija-juni.sq {
        background-image: url('../content/banners/2022/letna-pripejd-promocija-bg-sq.jpg') !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.letna-promocija-juni .white-text-wrap {
        padding: 10% 10% 10% 0%;
        width: 43%;
        text-align: right;
        position: relative;
        height: 100%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.letna-promocija-juni .white-text-wrap .ec {
            position: relative;
            z-index: 1;
        }

        .homepage-wrapper .urediLandingTextSlider .item.letna-promocija-juni .white-text-wrap:before {
            content: '';
            position: absolute;
            background-image: url(../content/banners/2022/letna-pripejd-promocia-shape.png);
            width: 100%;
            height: 100%;
            background-size: contain;
            background-repeat: no-repeat;
            top: 0;
            left: -60px;
            z-index: 0;
        }

    .homepage-wrapper .urediLandingTextSlider .item.letna-promocija-juni h2 {
        position: relative;
        z-index: 2;
    }

    .homepage-wrapper .urediLandingTextSlider .item.letna-promocija-juni h3 {
        color: white;
        font-size: 37px;
        z-index: 2;
        position: relative;
    }

.homepage-wrapper .urediLandingTextSlider .item.iphone-13-presales {
    background-image: url(../content/banners/2021/iphone13_presales_bg.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.iphone-13-presales .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/iphone13_presales.png) !important;
        background-size: contain;
        height: 640px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-13-presales.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/iphone13_presales-sq.png) !important;
        background-size: contain;
        height: 640px;
    }





.homepage-wrapper .urediLandingTextSlider .item.webinari-banner {
    background-image: url(../content/banners/2021/vebinari-a1-banner.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.webinari-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/vebinari-a1-banner-text.png) !important;
        background-size: contain;
        height: 800px;
        background-position: left top;
    }

    .homepage-wrapper .urediLandingTextSlider .item.webinari-banner.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/vebinari-a1-banner-text-sq.png) !important;
        background-size: contain;
        height: 800px;
        background-position: left top;
    }



.homepage-wrapper .urediLandingTextSlider .item.m1b-zgolemena-brzina {
    background-image: url(../content/banners/2021/m1bussiness_bg.jpg) !important;
    background-position: 0 30% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.m1b-zgolemena-brzina .container-txt-slider-btn,
    .homepage-wrapper .urediLandingTextSlider .item.m1b-zgolemena-brzina .container {
        position: relative;
        height: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1b-zgolemena-brzina .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/m1bussiness_text_mk.png) !important;
        background-size: cover;
        background-position: 0% 40%;
        height: 640px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1b-zgolemena-brzina.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/m1bussiness_text_sq.png) !important;
        background-size: cover;
        background-position: 0% 40%;
        height: 640px;
    }



.homepage-wrapper .urediLandingTextSlider .item.esim-banner {
    background-image: url(../content/banners/2021/esim-banner.jpg) !important;
    background-position: 0 8% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.esim-banner.sq {
        background-image: url(../content/banners/2021/esim-banner-alb.jpg) !important;
        background-position: 0 8% !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.futureproof {
    background-image: url(../content/banners/2021/gen-z-futureproof.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.futureproof .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/gen-z-futureproof.png) !important;
        background-position: 0% 9%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.futureproof.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/gen-z-futureproof-sq.png) !important;
        background-position: 0% 9%;
    }



.homepage-wrapper .urediLandingTextSlider .item.navivajte-za-makedonija-delovni {
    background-image: url(../content/banners/2021/navivajte-za-makedonija-banner-delovni.jpg) !important;
}


.homepage-wrapper .urediLandingTextSlider .item.navivajte-za-makedonija-delovni-sq {
    background-image: url(../content/banners/2021/navivajte-za-makedonija-banner-delovni-sq.jpg) !important;
}

.homepage-wrapper .urediLandingTextSlider .item.navivajte-za-makedonija-privatni {
    background-image: url(../content/banners/2021/gledajte-fudbal-od-sekade-banner.jpg) !important;
    background-position: 0 6% !important;
}

.homepage-wrapper .urediLandingTextSlider .item.navivajte-za-makedonija-privatni-sq {
    background-image: url(../content/banners/2021/gledajte-fudbal-od-sekade-banner-sq.jpg) !important;
    background-position: 0 6% !important;
}


.homepage-wrapper .urediLandingTextSlider .item.visitors-banner {
    background-image: url(../content/banners/2021/visitors-banner.jpg) !important;
    background-position: 0 6% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.visitors-banner.sq {
        background-image: url(../content/banners/2021/visitors-banner-sq.jpg) !important;
        background-position: 0 6% !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.roaming-banner {
    background-image: url(../content/banners/2021/roaming-banner-new.jpg) !important;
    background-position: 0 45% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.roaming-banner.sq {
        background-image: url(../content/banners/2021/roaming-banner-new-sq.jpg) !important;
        background-position: 0 45% !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.navivajte-za-makedonija-promocija {
    background-image: url(../content/banners/2021/navivajte-za-makedonija.jpg) !important;
    background-position: 0 27% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.navivajte-za-makedonija-promocija .container-txt-slider-btn {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .homepage-wrapper .urediLandingTextSlider .item.navivajte-za-makedonija-promocija .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/navivajte-za-makedonija.png) !important;
        background-size: contain;
        position: absolute;
        right: 0;
        bottom: 0;
        background-position: right top;
    }

    .homepage-wrapper .urediLandingTextSlider .item.navivajte-za-makedonija-promocija a {
        left: 15%;
    }


.homepage-wrapper .urediLandingTextSlider .item.esim-a1-banner {
    background-image: url(../content/banners/2021/esim-a1-banner.jpg) !important;
    background-position: 0 40% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.esim-a1-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/esim-a1-banner.png) !important;
        background-size: contain;
        position: absolute;
        right: 0;
        bottom: 0;
        background-position: right top;
    }

    .homepage-wrapper .urediLandingTextSlider .item.esim-a1-banner.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/esim-a1-banner-sq.png) !important;
        background-size: contain;
        position: absolute;
        right: 0;
        bottom: 0;
        background-position: right top;
    }

.homepage-wrapper .urediLandingTextSlider .item.istrazhuvanje-banner {
    background-image: url(../content/banners/2021/a1-istrazuvanje-banner.jpg) !important;
    background-position: 0 40% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.istrazhuvanje-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/a1-istrazuvanje-banner.png) !important;
        background-position: top center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.istrazhuvanje-banner.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/a1-istrazuvanje-banner-sq.png) !important;
        background-position: top center;
    }


.homepage-wrapper .urediLandingTextSlider .item.travel-and-surf {
    background-image: url(../content/banners/2021/travel-and-surf-banner-new.jpg) !important;
    background-position: 0 45% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.travel-and-surf.sq {
        background-image: url(../content/banners/2021/travel-and-surf-banner-new-sq.jpg) !important;
        background-position: 0 45% !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.promena-na-tarifa {
    background-image: url(../content/banners/2021/preminete-na-podobra-tarifa-banner.jpg) !important;
    background-position: 0 40% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.promena-na-tarifa .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/preminete-na-podobra-tarifa-banner.png) !important;
        background-position: top center;
        background-size: contain;
    }

    .homepage-wrapper .urediLandingTextSlider .item.promena-na-tarifa.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/preminete-na-podobra-tarifa-banner-sq.png) !important;
        background-position: top center;
        background-size: contain;
    }



.homepage-wrapper .urediLandingTextSlider .item.obnovete-dogovor-banner {
    background-image: url(../content/banners/2021/obnovete-dogovor-banner.jpg) !important;
    background-position: 0 40% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.obnovete-dogovor-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/obnovete-dogovor-banner.png) !important;
        background-position: top center;
        background-size: contain;
    }

    .homepage-wrapper .urediLandingTextSlider .item.obnovete-dogovor-banner.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/obnovete-dogovor-banner-sq.png) !important;
        background-position: top center;
        background-size: contain;
    }





.homepage-wrapper .urediLandingTextSlider .item.samsung-pretprodazba-flip-fold {
    background-image: url(../content/banners/2021/samsung-galaxy-fold-flip-3-bcg-new.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-pretprodazba-flip-fold .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/samsung-galaxy-fold-flip-3-new.png) !important;
        background-position: top center;
        background-size: contain;
    }



    .homepage-wrapper .urediLandingTextSlider .item.samsung-pretprodazba-flip-fold.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/samsung-galaxy-fold-flip-3-new-sq.png) !important;
        background-position: top center;
        background-size: contain;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-pretprodazba-flip-fold .inline-btns {
        position: absolute;
        display: block;
        width: 400px;
        bottom: -40px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-pretprodazba-flip-fold .inline-btns a {
            width: auto;
            display: inline-block;
        }

            .homepage-wrapper .urediLandingTextSlider .item.samsung-pretprodazba-flip-fold .inline-btns a.flip {
                left: 150px !important;
            }

.homepage-wrapper .urediLandingTextSlider .item.samsung-a52 {
    background-image: url(../content/banners/2021/samsung-galaxy-fold-flip-3-bcg-new.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-a52 .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/Samsung-A52S-mk.png) !important;
        background-position: 0 40%;
        background-size: contain;
        height: 650px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-a52.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/Samsung-A52S-sq.png) !important;
        background-position: 0 40%;
        background-size: contain;
        height: 650px;
    }


.homepage-wrapper .urediLandingTextSlider .item.prepaid-card-banner {
    background-image: url(../content/banners/2021/a1-prepaid-card-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.prepaid-card-banner .container-txt-slider-btn {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.prepaid-card-banner .wrapper-text {
        position: absolute;
        width: 50%;
        left: 0;
        right: 0;
        top: 0;
        height: 100%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.prepaid-card-banner .wrapper-text img {
            right: 8%;
            position: relative;
            top: 30%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.prepaid-card-banner .container {
        position: relative;
        height: 100%;
    }


.homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-citroen {
    background-image: url(../content/banners/2021/nagradna-igra-2021.jpg) !important;
    background-position: 0% 15% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-citroen.sq {
        background-image: url(../content/banners/2021/nagradna-igra-2021-sq.jpg) !important;
        background-position: 0% 15% !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.xmas-banner {
    background-image: url(../content/banners/2021/xmas-banner-slider.jpg) !important;
    background-position: 0% 25% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.xmas-banner.sq {
        background-image: url(../content/banners/2021/xmas-banner-slider-sq.jpg) !important;
        background-position: 0% 25% !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.samsung-s21-fe-banner {
    background-image: url(../content/banners/2022/samsung-s21-fe.jpg) !important;
    background-position: 0% 65% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s21-fe-banner.sq {
        background-image: url(../content/banners/2022/samsung-s21-fe-sq.jpg) !important;
        background-position: 0% 65% !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.xiaomi-bundle-banner {
    background-image: url(../content/banners/2022/xiaomi-bundle-banner.jpg) !important;
    background-position: bottom center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.xiaomi-bundle-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2022/xiaomi-bundle-banner.png) !important;
        height: 600px;
        background-size: contain;
    }

    .homepage-wrapper .urediLandingTextSlider .item.xiaomi-bundle-banner.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2022/xiaomi-bundle-banner-sq.png) !important;
        height: 600px;
        background-size: contain;
    }


.homepage-wrapper .urediLandingTextSlider .item.tv-kanali-hd {
    background-image: url(../content/banners/2022/tv-kanali-hd.jpg) !important;
    background-position: bottom center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.tv-kanali-hd .sliderUrediTxt-image {
        background-image: url(../content/banners/2022/tv-kanali-hd.png) !important;
        height: 100%;
        background-size: contain;
        top: 0px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.tv-kanali-hd.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2022/tv-kanali-banner-sq.png) !important;
        height: 600px;
        background-size: contain;
    }

.homepage-wrapper .urediLandingTextSlider .item.tv-kanali-new-banner {
    background-image: url(../content/banners/2022/tv-kanali-banner-new.jpg) !important;
    background-position: bottom center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.tv-kanali-new-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2022/tv-kanali-banner-new.png) !important;
        height: 100%;
        background-size: contain;
        top: -10px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.tv-kanali-new-banner.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2022/tv-kanali-banner-new-sq.png) !important;
        height: 550px;
        background-size: contain;
        top: -10px;
    }



.homepage-wrapper .urediLandingTextSlider .item.iphone-12-13 {
    background-image: url(../content/banners/2022/iphone-12-13-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.iphone-12-13 .sliderUrediTxt-image {
        background-image: url(../content/banners/2022/iphone-12-13-banner.png) !important;
        height: 100%;
        background-size: contain;
        top: 0px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-12-13.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2022/iphone-12-13-banner-sq.png) !important;
        height: 630px;
        background-size: contain;
        top: -90px;
    }

.homepage-wrapper .urediLandingTextSlider .item.valentines {
    background-image: url(../content/banners/2022/valentines-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.valentines .sliderUrediTxt-image {
        background-image: url(../content/banners/2022/valentines-phones.png) !important;
        height: 600px;
        background-size: contain;
        top: 7px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.valentines.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2022/valentines-phones-sq.png) !important;
        height: 600px;
        background-size: contain;
        top: 7px;
    }

.homepage-wrapper .urediLandingTextSlider .item.iphone-13-airpods {
    background-image: url('/content/banners/2022/bg-iphone13.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.iphone-13-airpods .item-wrapper {
        justify-content: center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-13-airpods .image-wrapper {
        width: 85%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-13-airpods img {
        margin: 0 auto;
        display: block;
    }


    .homepage-wrapper .urediLandingTextSlider .item.iphone-13-airpods .black-text-wrap {
        margin: 0 auto;
        margin-top: 100px;
    }


.homepage-wrapper .urediLandingTextSlider .item.cisco-umbrella {
    background-image: url(../content/banners/2022/cisco-umbrella-banner-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.cisco-umbrella .item-wrapper {
        z-index: 2;
    }

    .homepage-wrapper .urediLandingTextSlider .item.cisco-umbrella .white-text-wrap {
        width: 50%;
        position: relative;
    }

        .homepage-wrapper .urediLandingTextSlider .item.cisco-umbrella .white-text-wrap h2 {
            text-transform: uppercase;
            font-size: 50px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.cisco-umbrella .right-img-wrap {
        position: relative;
        margin-top: 50px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.cisco-umbrella:after {
        content: '';
        position: absolute;
        background-image: url(../content/banners/2022/net-security-shape.png);
        height: 100%;
        width: 75%;
        left: -20%;
        top: 0px;
        bottom: 0;
        background-size: cover;
        background-repeat: no-repeat;
        margin: auto;
        background-position: left center;
        z-index: 1;
    }

    .homepage-wrapper .urediLandingTextSlider .item.cisco-umbrella a {
        z-index: 2;
    }

    .homepage-wrapper .urediLandingTextSlider .item.cisco-umbrella .ec {
        position: absolute;
        right: -80px;
        top: -40px;
        width: 110px;
    }

.homepage-wrapper .urediLandingTextSlider .item.digitalen-index-banner-new {
    background-image: url(../content/banners/2022/digital-index-banner-new.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.digitalen-index-banner-new .item-wrapper > div {
        width: 45%;
        margin-top: -20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalen-index-banner-new hr {
        border-top: 3px solid #fff;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalen-index-banner-new p {
        color: white;
        font-family: 'teleNeo-bold' !important;
        font-size: 22px;
    }



.homepage-wrapper .urediLandingTextSlider .item.digital-index-banner {
    background-image: url(../content/banners/2021/digital-index-banner-bg.png) !important;
    background-position: 0% 65% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.digital-index-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/digital-index-banner-text.png) !important;
        background-position: 0 10%;
        background-size: contain;
        height: 100%;
        top: 30px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digital-index-banner.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/digital-index-banner-text-sq.png) !important;
        background-position: 0 10%;
        background-size: contain;
        height: 620px;
        top: 30px;
    }


.homepage-wrapper .urediLandingTextSlider .item.business-tarifi-banner {
    background-image: url(../content/banners/2021/business-tarifi-banner.jpg) !important;
    background-position: 0% 65% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/business-tarifi-banner.png) !important;
        background-position: 0 10%;
        background-size: contain;
        height: 620px;
        top: -60px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-banner.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/business-tarifi-banner-sq.png) !important;
        background-position: 0 10%;
        background-size: contain;
        height: 620px;
        top: -60px;
    }

.homepage-wrapper .urediLandingTextSlider .item.m1b-unlimited-banner {
    background-image: url(../content/banners/2021/m1-business-ultimate-banner.jpg) !important;
    background-position: 0% 25% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.m1b-unlimited-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/m1-bussiness-ultimate-banner.png) !important;
        background-position: 0 10%;
        background-size: contain;
        height: 620px;
        top: -70px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1b-unlimited-banner.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/m1-bussiness-ultimate-banner-sq.png) !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.m1-unlimited-banner {
    background-image: url(../content/banners/2021/m1-unlimited-banner.jpg) !important;
    background-position: 0% 25% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.m1-unlimited-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/m1-unlimited-banner.png) !important;
        background-position: 0 40%;
        background-size: contain;
        height: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-unlimited-banner.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/m1-unlimited-banner-sq.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.mobile-unlimited-banner {
    background-image: url(../content/banners/2021/mobile-unlimited-banner.jpg) !important;
    background-position: 0% 25% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.mobile-unlimited-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/mobile-unlimited-banner.png) !important;
        background-position: bottom center !important;
        background-size: contain;
        height: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-unlimited-banner.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/mobile-unlimited-banner-sq.png) !important;
    }




.homepage-wrapper .urediLandingTextSlider .item.black-friday-2021 {
    background-image: url(../content/banners/2021/black-friday-2021.jpg) !important;
    background-position: 0% 55% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2021.sq {
        background-image: url(../content/banners/2021/black-friday-2021-sq.jpg) !important;
        background-position: 0% 55% !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.watch4-banner {
    background-image: url(../content/banners/2021/banner-a1-watch4.jpg) !important;
    background-position: 0% 35% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.watch4-banner.sq {
        background-image: url(../content/banners/2021/banner-a1-watch4-sq.jpg) !important;
        background-position: 0% 35% !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.navivajte-za-makedonija-max-tv {
    background-image: url(../content/banners/2021/navivajte-za-makedonija-banner.jpg) !important;
    background-position: 0 27% !important;
}


    .homepage-wrapper .urediLandingTextSlider .item.navivajte-za-makedonija-max-tv .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/navivajte-za-makedonija-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.navivajte-za-makedonija-max-tv.navivajte-za-makedonija-max-tv-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/navivajte-za-makedonija-banner-sq.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.navivajte-za-makedonija-max-tv.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/navivajte-za-makedonija-sq.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.navivajte-za-makedonija-max-tv a {
        left: 14%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.navivajte-za-makedonija-max-tv .absolute-box {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 20%;
    }

.homepage-wrapper .urediLandingTextSlider .item.tmk-app {
    background-image: url(../content/banners/2021/telekom-mk-app-banner-new.jpg) !important;
    background-position: 0 13% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.tmk-app.sq {
        background-image: url(../content/banners/2021/telekom-mk-app-banner-new-sq.jpg) !important;
        background-position: 0 13% !important;
    }
/*.homepage-wrapper .urediLandingTextSlider .item.tmk-app .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/safenet-home-mobile-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.tmk-app.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/safenet-home-mobile-banner-sq.png) !important;
    }*/



.homepage-wrapper .urediLandingTextSlider .item.safenet-home-mobile {
    background-image: url(../content/banners/2021/safenet-home-mobile-banner.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.safenet-home-mobile .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/safenet-home-mobile-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.safenet-home-mobile.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/safenet-home-mobile-banner-sq.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.time-tracking {
    background-image: url(../content/banners/2021/time-tracking-banner.jpg) !important;
    background-position: 0 13% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.time-tracking.sq {
        background-image: url(../content/banners/2021/time-tracking-banner-sq.jpg) !important;
        background-position: 0 13% !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.digitalni-sertifikati {
    background-image: url(../content/banners/2021/digitalni-sertifikati-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.digitalni-sertifikati .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/digitalni-sertifikati-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalni-sertifikati.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/digitalni-sertifikati-banner-sq.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.envoice {
    background-image: url(../content/banners/2021/envoice-banner.jpg) !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.envoice .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/envoice-banner.png) !important;
        background-position: top center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.envoice.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/envoice-banner-sq.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.safenet-office-new {
    background-image: url(../content/banners/2021/safenet-home-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.safenet-office-new .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/safenet-home-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.safenet-office-new.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/safenet-home-banner-sq.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.safenet-business-office-new {
    background-image: url(../content/banners/2021/safenet-office-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.safenet-business-office-new .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/safenet-office-business-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.safenet-business-office-new.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/safenet-office-business-banner-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.b2b-fiksen-internet-banner {
    background-image: url(../content/banners/2022/b2b-fiksen-internet-banner.jpg) !important;
    background-position: 0% 40% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.b2b-fiksen-internet-banner.sq {
        background-image: url(../content/banners/2022/b2b-fiksen-internet-banner-sq.jpg) !important;
        background-position: 0% 40% !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.five-g-delovni-banner {
    background-image: url(../content/banners/2022/five-g-delovni-dron.jpg) !important;
    background-position: 0% 10% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.five-g-delovni-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2022/five-g-delovni-dron.png) !important;
        background-position: 0% 40% !important;
        height: 100%;
        background-size: contain;
        bottom: 0;
        left: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.five-g-delovni-banner.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2022/five-g-delovni-dron-sq.png) !important;
        background-position: bottom center !important;
        height: 100%;
        background-size: contain;
        bottom: 0;
        left: 0;
    }

.homepage-wrapper .urediLandingTextSlider .item.m1b-novo-portfolio {
    background-image: url(../content/banners/2022/M1B-portfolio-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.m1b-novo-portfolio .sliderUrediTxt-image {
        background-image: url(../content/banners/2022/M1B-portfolio-content.png) !important;
        background-position: 0% 40% !important;
        height: 100%;
        background-size: contain;
        bottom: 0;
        left: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1b-novo-portfolio.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2022/M1B-portfolio-content-sq.png) !important;
        background-position: 0% 40%;
        height: 100%;
        background-size: contain;
        bottom: 0;
        left: 0;
    }

.homepage-wrapper .urediLandingTextSlider .item.kancelarija-vo-dvizenje {
    background-image: url(../content/banners/2022/kancelarija-vo-dvizenje-full-banner.jpg) !important;
    background-position: 0% 55% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.kancelarija-vo-dvizenje.sq {
        background-image: url(../content/banners/2022/kancelarija-vo-dvizenje-full-banner-sq.jpg) !important;
        background-position: 0% 55% !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.iphone-13-green {
    background-image: url(../content/banners/2022/iphone13-green-bg.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.iphone-13-green .black-text-wrap img {
        width: 40%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-13-green .right-img-wrap {
        height: 100%;
        width: 50%;
        bottom: -10px;
        position: relative;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iphone-13-green .right-img-wrap img {
            position: relative;
            bottom: 0;
            object-fit: contain;
            object-position: bottom;
            height: 100%;
            width: auto;
        }

.homepage-wrapper .urediLandingTextSlider .item.maxTv-iskustvo-banner {
    background-image: url(../content/banners/2022/max-tv-iskustvo-banner-new.jpg) !important;
    background-position: 0% 30% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.maxTv-iskustvo-banner.sq {
        background-image: url(../content/banners/2022/max-tv-iskustvo-banner-new-sq.jpg) !important;
        background-position: 0% 30% !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsung-a53-gift-banner {
    background-image: url(../content/banners/2022/samsung-a53-gift-banner.jpg) !important;
    background-position: center 90% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-a53-gift-banner.sq {
        background-image: url(../content/banners/2022/samsung-a53-gift-banner-sq.jpg) !important;
        background-position: center 90% !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.banner-chista-10ka {
    background-image: url(../content/banners/2023/smeni-tarifa-za-10gb-bg.jpg) !important;
    background-position: top center !important;
}



    .homepage-wrapper .urediLandingTextSlider .item.banner-chista-10ka .white-text-wrap {
        width: 60%;
        position: relative;
        bottom: 20px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.banner-chista-10ka .white-text-wrap .ec {
            width: 120px;
            position: absolute;
            height: auto;
            right: 0;
        }

    .homepage-wrapper .urediLandingTextSlider .item.banner-chista-10ka .right-img-wrap {
        width: 60%;
        top: 60px;
        position: relative;
        right: 30px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.banner-chista-10ka .white-text-wrap h3 {
        font-size: 33px;
        color: white;
        line-height: 1.2;
        font-family: 'TeleNeo-regular' !important;
    }
/*.homepage-wrapper .urediLandingTextSlider .item.banner-chista-10ka .white-text-wrap img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }*/
.homepage-wrapper .urediLandingTextSlider .item.vebinari-banner-new {
    background-image: url(../content/banners/2022/webinar-banner-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.vebinari-banner-new .sliderUrediTxt-image {
        background-image: url(../content/banners/2022/webinar-banner-dizajn-mk.png) !important;
        background-position: 0% 0% !important;
        height: 100%;
        background-size: contain;
        bottom: 0;
        left: 0;
        top: -30px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.vebinari-banner-new.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2022/webinar-banner-dizajn-sq.png) !important;
        background-position: 0% 0% !important;
        height: 100%;
        background-size: contain;
        bottom: 0;
        left: 0;
        top: -20px;
    }


.homepage-wrapper .urediLandingTextSlider .item.five-g-privatni {
    background-image: url(../content/banners/2022/5g-privatni-banner.jpg) !important;
    background-position: 0% 10% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.five-g-privatni.sq {
        background-image: url(../content/banners/2022/5g-privatni-banner-sq.jpg) !important;
        background-position: 0% 10% !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.eco-popust-banner {
    background-image: url(../content/banners/2022/eco-popust-banner.jpg) !important;
    background-position: 0% 10% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.eco-popust-banner .sliderUrediTxt-image {
        /*background-image: url(../content/banners/2022/eco-popust-banner-new-shape.png) !important;*/
        background-image: url(../content/banners/2023/eco-popust-banner-new-shape-new-mk.png) !important;
        background-size: contain;
        background-position: left center !important;
        height: 100%;
        bottom: 0;
        top: 0;
        left: 10%;
        margin: auto;
    }

    .homepage-wrapper .urediLandingTextSlider .item.eco-popust-banner.sq .sliderUrediTxt-image {
        /*background-image: url(../content/banners/2022/eco-popust-banner-new-shape-sq.png) !important;*/
        background-image: url(../content/banners/2023/eco-popust-banner-new-shape-new-sq.png) !important;
        background-size: contain;
        background-position: left center !important;
        height: 100%;
        bottom: 0;
        top: 0;
        left: 10%;
        margin: auto;
    }





.homepage-wrapper .urediLandingTextSlider .item.samsung-s21-fe {
    background-image: url(../content/banners/2022/samsung-s21-fe-banner.jpg) !important;
    background-position: 0% 10% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s21-fe .sliderUrediTxt-image {
        background-image: url(../content/banners/2022/samsung-s21-fe-banner.png) !important;
        background-size: contain;
        background-position: center !important;
        height: 100%;
        bottom: 0;
        top: 0;
        left: 0%;
        margin: auto;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s21-fe.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2022/samsung-s21-fe-banner-sq.png) !important;
    }






.homepage-wrapper .urediLandingTextSlider .item.promocija-redmi-note {
    background-image: url(../content/banners/2022/readme-banner-full.jpg) !important;
    background-position: 0% 10% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.promocija-redmi-note.sq {
        background-image: url(../content/banners/2022/readme-banner-full-sq.jpg) !important;
        background-position: 0% 10% !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.online-popust-2021 {
    /*background-image: url(../content/banners/2021/online-popust-2021.jpg) !important;*/
    background-image: url(../content/banners/2021/contract-prolongation-banner-new.jpg) !important;
    background-position: 0 18% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.online-popust-2021.sq {
        /*background-image: url(../content/banners/2021/online-popust-2021.jpg) !important;*/
        background-image: url(../content/banners/2021/contract-prolongation-banner-new-sq.jpg) !important;
        background-position: 0 18% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-popust-2021 .absolute-text {
        position: absolute;
        bottom: 0;
        right: 0;
        background-image: url(../content/banners/2021/contract-prolongation-banner.png) !important;
        display: block;
        width: 60%;
        height: 100%;
        background-position: right bottom;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-popust-2021.sq .absolute-text {
        background-image: url(../content/banners/2021/contract-prolongation-banner-sq.png) !important;
    }
/*.homepage-wrapper .urediLandingTextSlider .item.online-popust-2021 .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/online-popust-2021.png) !important;
        background-image: url(../content/banners/2021/contract-prolongation-banner.png) !important;
    }*/
/*.homepage-wrapper .urediLandingTextSlider .item.online-popust-2021.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/online-popust-2021-sq.png) !important;
    }*/
.homepage-wrapper .urediLandingTextSlider .item.new-magenta1-banner {
    background-image: url(../content/banners/2019/new-magenta-1-a1-banner.jpg) !important;
    background-position: top 30% center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.new-magenta1-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/m1-se-na-edno-mesto.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.new-magenta1-banner.new-magenta1-banner-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/m1-se-na-edno-mesto-sq.png) !important;
    }



/*.homepage-wrapper .urediLandingTextSlider .item.visitors-banner {
    background-image: url(../content/banners/2019/visitors-a1-banner.jpg) !important;
    background-position: top 20% center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.visitors-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/visitors-a1-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.visitors-banner.visitors-banner-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/visitors-a1-banner-sq.png) !important;
    }*/

.homepage-wrapper .urediLandingTextSlider .item.m1-shampionskiPopust {
    background-image: url(../content/banners/2019/magenta-1-shampionski-bonus-a1-banner.jpg) !important;
    background-position: top 25% center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.m1-shampionskiPopust .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/magenta-1-shampionski-bonus-a1-banner.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.m1-3GB {
    background-image: url(../content/banners/2019/magenta1-3GB-a1-banner.jpg) !important;
    background-position: bottom 40% center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.m1-3GB .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/magenta1-3GB-a1-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-3GB.m1-3GB-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/magenta1-3GB-a1-banner-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.super-telefoni-popust {
    background-image: url(../content/banners/2019/a1-banner-superTelefoni-superPopust.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.super-telefoni-popust .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/a1-banner-superTelefoni-superPopust.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.super-telefoni-popust.super-telefoni-popust-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/a1-banner-superTelefoni-superPopust-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.valentine2019 {
    background-image: url(../content/banners/2019/valentine-a1-baner-2019.jpg) !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.valentine2019 .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/valentine-a1-baner-2019.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.valentine2019.valentine2019-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/valentine-a1-baner-2019-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.valentine-prepaid {
    background-image: url(../content/banners/2019/valentine-a1-banner.jpg) !important;
    background-position: top right !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.valentine-prepaid .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/valentine-a1-banner.png) !important;
        background-position: center center !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.valentine-prepaid-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2019/valentine-a1-banner-sq.png) !important;
}

.homepage-wrapper .urediLandingTextSlider .item.vikend-rasprodazhba {
    background-image: url(../content/banners/2019/vikend-rasprodazhba-a1-banner.jpg) !important;
    background-position: top 0% center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.vikend-rasprodazhba .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/vikend-rasprodazhba-a1-banner-txt.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.vikend-rasprodazhba.vikend-rasprodazhba-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/vikend-rasprodazhba-a1-banner-txt-sq.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.bestNetBanner {
    background-image: url(../content/banners/2019/bestNetwork-banner.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.bestNetBanner .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/bestNetwork-banner.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.kupi-online-popust.kupi-online-popust-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2018/kupi-online-popust-txt-sq.png) !important;
}

.homepage-wrapper .urediLandingTextSlider .item.prepaid-nagradnaIgra {
    background-image: url('../content/banners/2018/prepaid-nagradna-a1-baner.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.prepaid-nagradnaIgra .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/prepaid-nagradna-a1-baner-txt.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.magenta1-sonista {
    background-image: url('../content/banners/2018/magenta-1-sonista-baner.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.magenta1-sonista .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/magenta-1-sonista-a1-baner-txt.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta1-sonista.magenta1-sonista-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/magenta-1-sonista-a1-baner-txt-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.smart-sonista {
    background-image: url('../content/banners/2018/smart-sonista-baner.jpg') !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.smart-sonista .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/smart-sonista-a1-baner-txt.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smart-sonista.smart-sonista-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/smart-sonista-a1-baner-txt-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.m1-zaCelotoSemejstvo {
    background-image: url('../content/banners/2019/magenta1-za-celoto-semejstvo.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.m1-zaCelotoSemejstvo .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/magenta1-za-celoto-semejstvo-txt.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-zaCelotoSemejstvo.m1-zaCelotoSemejstvo-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/magenta1-za-celoto-semejstvo-txt-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.komunicirajte_besprekorno-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2018/komunicirajte-besprekorno-sq.png) !important;
}

.homepage-wrapper .urediLandingTextSlider .item.nedelni_popusti {
    background-image: url('../content/banners/2018/nedelni-super-popusti-a1-baneri.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.nedelni_popusti .sliderUrediTxt-image {
        background-image: url('../content/banners/2018/nedelni-super-popusti-a1-banerii.png') !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.nedelni_popusti-sq .sliderUrediTxt-image {
    background-image: url('../content/banners/2018/nedelni-super-popusti-a1-banerii-sq.png') !important;
}

.homepage-wrapper .urediLandingTextSlider .item.uefa_liga {
    background-image: url('../content/banners/2019/uefa-liga-sampioni-a1-baner.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.uefa_liga .sliderUrediTxt-image {
        background-image: url('../content/banners/2019/uefa-liga-sampioni-a1-baner.png') !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.uefa_liga.uefa_liga-sq .sliderUrediTxt-image {
        background-image: url('../content/banners/2019/uefa-liga-sampioni-a1-baner-sq.png') !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.black-friday-2018 {
    background-image: url('../content/banners/2018/black-friday-2018-background.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2018 .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/black-friday-a1-baner-text.png) !important;
        background-position: left center;
    }


.homepage-wrapper .urediLandingTextSlider .item.black-friday-noCounter {
    background-image: url('../content/banners/2018/black-friday-2018-background-noCounter.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-noCounter .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/black-friday-a1-baner-text-noCounter.png) !important;
        background-position: left center;
    }

.homepage-wrapper .urediLandingTextSlider .item.cyber-monday {
    background-image: url('../content/banners/2018/cyber-monday-2018-background.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.cyber-monday .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/cyber-monday-a1-baner-text.png) !important;
        background-position: left center;
    }

.homepage-wrapper .urediLandingTextSlider .item.cyber-monday-sq {
    background-image: url('../content/banners/2018/cyber-monday-2018-background.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.cyber-monday-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/cyber-monday-a1-baner-text-sq.png) !important;
        background-position: left center;
    }

.homepage-wrapper .urediLandingTextSlider .item.black-friday-noCounter-sq {
    background-image: url('../content/banners/2018/black-friday-2018-background-noCounter.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-noCounter-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/black-friday-a1-baner-text-noCounter-sq.png) !important;
        background-position: left center;
    }

.homepage-wrapper .urediLandingTextSlider .item.uefa_liga-sq .sliderUrediTxt-image {
    background-image: url('../content/banners/2018/uefa-liga-sampioni-a1-baner-sq.png') !important;
}

.homepage-wrapper .urediLandingTextSlider .item.iphone-xs .sliderUrediTxt-image {
    background-image: url('../content/banners/2018/iphone-xs-banner.png') !important;
}

.homepage-wrapper .urediLandingTextSlider .item.huawei {
    background: white !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.huawei .sliderUrediTxt-image {
        background-image: url('../content/banners/2018/sliderHuawei.png') !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.huawei-mate20pro-sq .sliderUrediTxt-image {
    background-image: url('../content/banners/2018/sliderHuawei-sq.png') !important;
}


/*.homepage-wrapper .urediLandingTextSlider .item.samsung-letna-promocija {
    background-image: url(../content/banners/2019/samsung-letna-promocija.jpg) !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.samsung-letna-promocija .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/samsung-letna-promocija-a1-banner.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.samsung-letna-promocija-sq .sliderUrediTxt-image {
    background-image: url(../content/banners/2019/samsung-letna-promocija-a1-banner-sq.png) !important;
}*/


.homepage-wrapper .item .sliderUrediTxt-image {
    transition: all ease-in .5s;
    opacity: 0;
}

.homepage-wrapper .item.active .sliderUrediTxt-image {
    transition: all ease-in .5s;
    transition-delay: .5s;
    opacity: 1;
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 100px;
}

.urediLandingTextSlider .carousel-control .glyphicon-chevron-right, .urediLandingTextSlider .carousel-control .icon-next {
    transform: rotate(180deg);
    right: 50%;
}

.urediLandingTextSlider .carousel-control .glyphicon-chevron-left, .urediLandingTextSlider .carousel-control .icon-prev {
    left: 50%;
}

.urediLandingTextSlider .carousel-control {
    z-index: 10 !important;
    width: 80px;
}

.urediLandingTextSlider .item {
    background-position: 85% 0 !important;
    background-size: cover !important;
    height: 100%;
}

    .urediLandingTextSlider .item .btn-white {
        background-color: white;
        color: #e20074;
    }

.homepage-wrapper .urediLandingTextSlider .item {
    background-position: center center !important;
}

@media (min-width: 1200px) and (max-width: 1350px) {
    .homepage-wrapper .urediLandingTextSlider .item.share-with-care-banner .image {
        width: 80%;
    }
    /*   .homepage-wrapper .urediLandingTextSlider .item.wifi-booster .white-text-wrap .ec{
        right: 0;
    }*/
    .homepage-wrapper .urediLandingTextSlider .item.samo-onlajn .ec {
        width: 115px;
        padding-top: 15px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .header {
        position: relative;
        top: -20px;
    }


    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .ec {
        width: 115px;
        padding-top: 15px;
        bottom: -100px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .white-text-wrap {
        top: 0;
    }


    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .header {
        position: relative;
        top: -20px;
    }


    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .ec {
        width: 115px;
        padding-top: 15px;
        bottom: -100px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .white-text-wrap {
        top: -65px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 .white-text-wrap {
        margin-top: 60px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 .image {
        width: 75%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 .header {
        position: relative;
        top: -20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 .ec {
        width: 115px;
        padding-top: 15px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija .header {
        position: relative;
        top: -20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija.m1b:after {
        width: 55%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija .ec {
        width: 115px;
        padding-top: 15px;
    }



    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .ec {
        right: 32%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .white-text-wrap h2 {
        font-size: 84px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .white-text-wrap h3 {
        font-size: 30px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming:after {
        width: 60%;
        background-position: left bottom;
        background-size: cover;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda h2 {
        font-size: 36px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods h2 {
        font-size: 36px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro h2 {
        font-size: 36px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.apple-kampanja-2023 h3 {
        font-size: 36px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .right-img-wrap {
        width: 60% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .header h2 {
        font-size: 75px !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .header h2 span {
            font-size: 40px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .header p {
        font-size: 26px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2022 .white-text-wrap {
        top: -40px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali .header h2 {
        font-size: 35px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .header h2 {
        font-size: 35px !important;
    }

    #carousel-redesign .urediLandingTextSlider .item .white-text-wrap h2 {
        font-size: 55px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2022 .white-text-wrap h3 {
        font-size: 28px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2022 .right-img-wrap {
        width: 33% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2022:before {
        width: 60% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.more-od-popusti .white-text-wrap {
        top: 0 !important;
        position: absolute !important;
    }

    #carousel-redesign .urediLandingTextSlider .item.more-od-popusti .white-text-wrap h2 {
        font-size: 140px !important;
    }

        #carousel-redesign .urediLandingTextSlider .item.more-od-popusti .white-text-wrap h2 span {
            font-size: 145px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.more-od-popusti .white-text-wrap p {
        font-size: 35px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .homepage-wrapper .urediLandingTextSlider .item.share-with-care-banner .image {
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.wifi-booster .white-text-wrap .ec {
        right: -20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .right-img-wrap {
        background-size: contain;
        right: -125px;
        bottom: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .white-text-wrap {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor:after {
        width: 80%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .right-img-wrap {
        background-size: contain;
        right: -125px;
        bottom: -160px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay:after {
        width: 80%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-january .white-text-wrap {
        width: 35%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-january:after {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda:after {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda .ec {
        right: -110px;
        bottom: -90%;
        width: 110px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025:after {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025 .ec {
        right: 0;
        bottom: -90%;
    }


    .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024:after {
        width: 65%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija h2 {
        font-size: 48px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija.m1b:after {
        width: 60% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija.m1b .white-text-wrap {
        margin-top: 110px;
        width: 50%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.junska-promocija.m1b .white-text-wrap .ec {
            width: 110px;
            position: absolute;
            right: 10px;
            bottom: -110px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .right-img-wrap {
        background-size: contain;
        right: -125px;
        bottom: -160px;
        width: 70%;
        background-position: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new:after {
        width: 80%;
        left: -28%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .ec {
    }

    .homepage-wrapper .urediLandingTextSlider .item.safenet .item-wrapper .header h2 {
        font-size: 38px !important;
    }


    .homepage-wrapper .urediLandingTextSlider .item.iTest-new .item-wrapper .header h2 {
        font-size: 38px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iTest .item-wrapper .header h2 {
        font-size: 38px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.iPhone-15-newphoria .right-img-wrap {
        right: 0;
        width: 56%;
        height: 100%;
        background-size: cover;
    }

    .homepage-wrapper .urediLandingTextSlider .item.motorola-edge .right-img-wrap {
        right: 0;
        width: 55%;
        height: 100%;
        background-size: contain;
        background-position: bottom;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .right-img-wrap {
        right: 0;
        width: 100%;
        height: 100%;
        background-size: contain;
        background-position: bottom;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nov-broj .header {
        position: relative;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nov-broj .white-text-wrap .ec {
        position: absolute;
        right: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nov-broj .right-img-wrap {
        right: 0;
        width: 45%;
        height: 100%;
        background-size: contain;
        background-position: top;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .white-text-wrap .header {
        width: 100%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .white-text-wrap .header h2 {
            font-size: 64px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .item-wrapper:after {
        width: 60% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj {
        background-position: 35% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj:after {
            width: 60%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj .white-text-wrap {
            width: 60%;
            z-index: 2;
            margin-top: 30px;
        }

            .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj .white-text-wrap h3 {
                font-size: 28px;
            }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming:after {
        width: 65%;
        background-position: left bottom;
        background-size: cover;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .white-text-wrap h2 {
        font-size: 65px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .white-text-wrap h3 {
        font-size: 28px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .ec {
        right: 20%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda h2 {
        font-size: 26px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda h3 {
        font-size: 24px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .inline-btns {
        bottom: 0px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods h2 {
        font-size: 26px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods h3 {
        font-size: 24px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods p {
        font-size: 22px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro h2 {
        font-size: 26px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro h3 {
        font-size: 24px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro p {
        font-size: 22px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.apple-kampanja-2023 h3 {
        font-size: 26px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.apple-kampanja-2023 p {
        font-size: 22px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner-new {
        background-position: 18% -10px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022:after {
        width: 65%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .white-text-wrap {
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .header h2 {
        font-size: 65px !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .header h2 span {
            font-size: 40px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .header p {
        font-size: 24px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .partners {
        bottom: 120px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .partners img {
            width: 120px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .right-img-wrap {
        width: 70%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.more-od-popusti .white-text-wrap {
        top: 0 !important;
        position: absolute !important;
    }

    #carousel-redesign .urediLandingTextSlider .item.more-od-popusti .white-text-wrap h2 {
        font-size: 130px !important;
    }

        #carousel-redesign .urediLandingTextSlider .item.more-od-popusti .white-text-wrap h2 span {
            font-size: 135px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.more-od-popusti .white-text-wrap p {
        font-size: 30px !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .homepage-wrapper .urediLandingTextSlider .item.share-with-care-banner .image {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.wifi-booster .white-text-wrap .ec {
        right: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.hate-speach-banner .item-wrapper .white-text-wrap {
        width: 100%;
    }


    .homepage-wrapper .urediLandingTextSlider .item.infobip-omni .item-wrapper .white-text-wrap .header h3 {
        font-size: 30px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.infobip-omni .item-wrapper .white-text-wrap .header p {
        font-size: 21px !important;
    }


    .homepage-wrapper .urediLandingTextSlider .item.infobip-omni .item-wrapper .white-text-wrap {
        width: 70%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.infobip-omni .right-img-wrap {
        bottom: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-tv-banner .item-wrapper .white-text-wrap .img-text {
        width: 85%;
        margin-top: 20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-tv-banner .ec {
        width: 90px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-tv-banner .item-wrapper .white-text-wrap {
        width: 70%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-tv-banner .right-img-wrap {
        bottom: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samo-onlajn .ec {
        width: 90px;
        position: relative;
        right: 0;
        bottom: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .ec {
        width: 90px;
        position: relative;
        right: 0;
        bottom: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .header {
        position: relative;
        top: -90px;
    }


    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .ec {
        width: 110px;
        top: 15px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .image {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .ec {
        width: 90px;
        position: relative;
        right: 0;
        bottom: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .header {
        position: relative;
        top: -90px;
    }


    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .ec {
        width: 110px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .image {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija .header {
        position: relative;
        top: -90px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija .ec {
        width: 110px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.jusnka-promocija .image {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-january .header {
        position: relative;
        top: -90px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-january .white-text-wrap {
        width: 30%;
    }


    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-january:after {
        width: 45%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-january .image {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda .header {
        position: relative;
        top: -90px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda .ec {
        width: 100px;
        bottom: -90%;
        right: -70px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda:after {
        width: 45%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda .image {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025 .header {
        position: relative;
        top: -90px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025 .ec {
        width: 120px;
        bottom: -90%;
        right: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025:after {
        width: 45%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025 .image {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 .header {
        position: relative;
        top: -90px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 .ec {
        width: 110px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 .image {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .header {
        top: -90px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new:after {
        width: 70%;
        left: -20%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .right-img-wrap {
        right: -130px;
        background-size: contain;
        width: 70%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .ec {
        width: 110px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .image {
        width: 70%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .white-text-wrap h2 {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nov-broj .white-text-wrap {
        width: 45%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nov-broj .right-img-wrap {
        width: 100%;
        background-position: center right;
        background-size: contain;
        bottom: 60px;
        right: 18%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .right-img-wrap {
        width: 100%;
        background-position: bottom;
        background-size: contain;
        bottom: 0;
        right: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.motorola-edge .white-text-wrap {
        width: 45%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.motorola-edge .right-img-wrap {
        width: 50%;
        background-position: center right;
        background-size: contain;
        bottom: -25%;
        right: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.motorola-edge:after {
        width: 40%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.iPhone-15-newphoria .white-text-wrap {
        width: 45%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.iPhone-15-newphoria .right-img-wrap {
        width: 45%;
        background-position: center right;
        background-size: cover;
        right: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-vo-roaming .white-text-wrap {
        width: 100%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.internet-vo-roaming .white-text-wrap .ec {
            top: 35px;
            width: 90px;
            left: 35%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.sound-on .white-text-wrap {
        width: 65%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.sound-on .white-text-wrap .ec {
            bottom: 90px;
            width: 25%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .white-text-wrap {
        width: 65%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .white-text-wrap h2 {
            font-size: 54px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .white-text-wrap h3 {
            font-size: 22px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .ec {
        right: 20%;
        width: 100px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming:after {
        width: 60%;
        background-position: left bottom;
        background-size: cover;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .header {
        width: 56%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda .white-text-wrap {
        width: 44%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda .right-img-wrap {
        width: 55% !important;
        position: absolute !important;
        bottom: -5% !important;
        height: auto;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda .ec {
        position: absolute;
        right: 0;
        width: 100px;
        top: -45%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda h2 {
        font-size: 32px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda h3 {
        font-size: 24px !important;
    }


    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda span {
        width: 35px;
        top: 19px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .white-text-wrap {
        width: 80%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .right-img-wrap {
        width: 80%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods h2 {
        font-size: 32px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods h3 {
        font-size: 24px !important;
    }

    #carousel-redesign .urediLandingTextSlider .item.iPhone-airpods p {
        font-size: 19px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods span {
        width: 35px;
        top: 19px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .ec {
        position: absolute;
        right: 0;
        width: 100px;
        top: -50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .inline-btns {
        bottom: 0px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro .white-text-wrap {
        width: 80%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro .right-img-wrap {
        width: 80%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro h2 {
        font-size: 40px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro h3 {
        font-size: 27px !important;
    }

    #carousel-redesign .urediLandingTextSlider .item.iPhone14Pro p {
        font-size: 21px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro span {
        width: 50px;
    }


    .homepage-wrapper .urediLandingTextSlider .item.apple-kampanja-2023 h3 {
        font-size: 24px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.apple-kampanja-2023 p {
        font-size: 19px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.xMas-banner-business .item-wrapper {
        padding: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022:after {
        width: 75%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .right-img-wrap {
        width: 80%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .item-wrapper {
        padding-top: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .white-text-wrap {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .header h2 span {
        font-size: 35px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .header p {
        font-size: 20px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .right-img-wrap {
        width: 80% !important;
        position: absolute !important;
        bottom: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner:after {
        width: 60%;
        background-size: contain;
        background-position: left top;
    }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner .header h3 {
        font-size: 30px !important;
    }



    .homepage-wrapper .urediLandingTextSlider .item.more-od-popusti .white-text-wrap {
        top: -30px !important;
        position: absolute !important;
    }

    #carousel-redesign .urediLandingTextSlider .item.more-od-popusti .white-text-wrap h2 {
        font-size: 56px !important;
    }

        #carousel-redesign .urediLandingTextSlider .item.more-od-popusti .white-text-wrap h2 span {
            font-size: 58px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.more-od-popusti .white-text-wrap p {
        top: 10px !important;
        font-size: 30px !important;
        width: 100% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.more-od-popusti .item-wrapper .white-text-wrap .ec {
        position: relative !important;
        right: 0 !important;
        top: 20px !important;
        width: 150px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nedela-na-popusti .white-text-wrap {
        position: relative;
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nedela-na-popusti .right-img-wrap {
        position: absolute !important;
        width: 45% !important;
        right: 0;
        bottom: -10px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-12-airpods .item-wrapper .black-text-wrap {
        width: 60% !important;
        bottom: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.triPati-povekje-banner .white-text-wrap {
        padding-right: 5%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-a53-gift-banner {
        background-position: center !important
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung10_left .btn-magen {
        bottom: 50% !important;
        right: 27% !important;
        position: absolute;
        left: auto;
    }
    /*.urediLandingTextSlider a.third.btn {
    display: none;
}*/
    /*.urediLandingTextSlider .sliderUrediTxt-image {
        background-size: auto 280px !important;
        background-repeat: no-repeat;
        height: 280px !important;
    }*/

    .urediLandingTextSlider .carousel-control .glyphicon-chevron-right, .urediLandingTextSlider .carousel-control .icon-next {
        transform: rotate(180deg);
        right: 50%;
        margin-top: -5px !important;
    }

    /*.urediLandingTextSlider .carousel-control {
    display: none;
}*/

}




.homepage-wrapper .urediLandingTextSlider .item.ekstra-gb-magenta-banner {
    background-image: url(../content/banners/2021/100-gb-mobilen-internet-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.ekstra-gb-magenta-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/100-gb-mobilen-internet.png) !important;
        background-position: center !important;
        background-size: contain;
    }

    .homepage-wrapper .urediLandingTextSlider .item.ekstra-gb-magenta-banner.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/100-gb-mobilen-internet-sq.png) !important;
        background-position: center !important;
        background-size: contain;
    }



.homepage-wrapper .urediLandingTextSlider .item.business-office-banner-new {
    background-image: url(../content/banners/2021/business-office-tarifi-banner.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.business-office-banner-new .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/business-office-tarifi-banner-newww.png) !important;
        background-position: center 20% !important;
        background-size: cover;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-office-banner-new .button-down {
        position: absolute;
        bottom: 20px;
        left: calc(50% - 700px);
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-office-banner-new .container,
    .homepage-wrapper .urediLandingTextSlider .item.business-office-banner-new .container-txt-slider-btn {
        position: relative;
        height: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-office-banner-new.sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/business-office-tarifi-banner-newww-sq.png) !important;
        background-position: center 20% !important;
        background-size: cover;
    }

.homepage-wrapper .urediLandingTextSlider .item.magenta1-mobile-banner {
    background-image: url(../content/banners/2021/m1-mobile-banner-bg.jpg) !important;
    background-position: center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.magenta1-mobile-banner.sq {
        background-image: url(../content/banners/2021/m1-mobile-banner-bg-sq.jpg) !important;
        background-position: center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta1-mobile-banner .inline-btns {
        position: absolute;
        display: block;
        width: 400px;
        bottom: 0px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta1-mobile-banner .inline-btns a {
            width: auto;
            display: inline-block;
        }

            .homepage-wrapper .urediLandingTextSlider .item.magenta1-mobile-banner .inline-btns a:last-of-type {
                left: 150px !important;
            }

.homepage-wrapper .urediLandingTextSlider .item.arena-sport-premium {
    /* background-image: url(../content/banners/2021/Arena_Sport_Premium_Bg.jpg) !important;*/
    background-image: url(../content/banners/2021/arena-premium-banner.jpg) !important;
    background-position: 0% 15% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.arena-sport-premium.sq {
        /*background-image: url(../content/banners/2021/Arena_Sport_Premium_Bg_SQ.jpg) !important;*/
        background-image: url(../content/banners/2021/arena-premium-banner-sq.jpg) !important;
        background-position: 0% 15% !important;
    }



.homepage-wrapper .urediLandingTextSlider .item.business-l-promocija {
    background-image: url(../content/banners/2021/banner-business-l-bg.jpg) !important;
    background-position: 0% 60% !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.business-l-promocija.sq {
        background-image: url(../content/banners/2021/banner-business-l-bg-sq.jpg) !important;
        background-position: 0% 60% !important;
    }

@media (max-width: 991px) {


    .homepage-wrapper .urediLandingTextSlider .item.galaxy-watch-series {
        background-image: url(../content/banners/2025/galaxy-watch-series-mob-mk.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.galaxy-watch-series.sq {
            background-image: url(../content/banners/2025/galaxy-watch-series-mob-sq.jpg) !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-presales-july-2025 {
        background-image: url(../content/banners/2025/baner-samsung-presales-mob-mk.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-presales-july-2025.sq {
            background-image: url(../content/banners/2025/baner-samsung-presales-mob-sq.jpg) !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
        }


    .homepage-wrapper .urediLandingTextSlider .item.letna-prepaid-ponuda-2025 {
        background-image: url(../content/banners/2025/letna-prepaid-ponuda-banner-mob.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.letna-roaming-ponuda-2025.sq {
        background-image: url(../content/banners/2025/letna-prepaid-ponuda-banner-mob-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }



    .homepage-wrapper .urediLandingTextSlider .item.olimpijada-4k {
        background-image: url(../content/banners/2024/banner-olimpijada-4k-mob.jpg) !important;
        background-position: right !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.t-phone-banner-2024 {
        background-image: url(../content/banners/2024/tphone-banner-mk-mob.jpg) !important;
        background-position: center !important;
    }


        .homepage-wrapper .urediLandingTextSlider .item.t-phone-banner-2024.sq {
            background-image: url(../content/banners/2024/tphone-banner-sq-mob.jpg) !important;
            background-position: center !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-promocija-new {
        background-image: url(../content/banners/2020/samsung_a1_banner_newww_mob.jpg) !important;
        background-position: top center !important;
        background-size: contain !important;
        background-color: black !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-promocija-new.sq {
            background-image: url(../content/banners/2020/samsung_a1_banner_newww_mob_sq.jpg) !important;
            background-position: center !important;
        }

    .urediLandingTextSlider .item {
        background-position: 64% 0 !important;
    }

    .urediLandingTextSlider .carousel-control {
        width: 40px;
    }

        .urediLandingTextSlider .carousel-control .glyphicon-chevron-left, .urediLandingTextSlider .carousel-control .glyphicon-chevron-right, .urediLandingTextSlider .carousel-control .icon-prev, .urediLandingTextSlider .carousel-control .icon-next {
            width: 40px;
            top: 35%;
        }

    .urediLandingTextSlider .glyphicon-chevron-right:before, .urediLandingTextSlider .glyphicon-chevron-left:before {
        font-size: 55px;
    }

    .urediLandingTextSlider .carousel-control .glyphicon-chevron-right, .urediLandingTextSlider .carousel-control .icon-next {
        margin-top: 10px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-zaCelotoSemejstvo .sliderUrediTxt-image {
        top: 35px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-11-pro-a1_banner .container.container-txt-slider-btn .btn-magen,
    .homepage-wrapper .urediLandingTextSlider .item.iphone-11-a1_banner .container.container-txt-slider-btn .btn-magen {
        right: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-11-pro-a1_banner.iphone-11-pro-a1_banner-sq .container.container-txt-slider-btn .btn-magen,
    .homepage-wrapper .urediLandingTextSlider .item.iphone-11-a1_banner.iphone-11-a1_banner-sq .container.container-txt-slider-btn .btn-magen {
        right: 1%;
    }

    .iphone11-buttons {
        right: 3% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-11-a1_banner,
    .homepage-wrapper .urediLandingTextSlider .item.iphone-11-pro-a1_banner {
        background-size: 170% !important;
        background-position: left 45% center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.tehnologijataZaDobro-new h3 {
        margin-left: -15px;
    }
}


@media (max-width: 767px) {

    .homepage-wrapper .urediLandingTextSlider .item.share-with-care-banner {
        background-position: 65% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.share-with-care-banner .white-text-wrap {
            justify-content: center;
            align-items: flex-end;
        }

            .homepage-wrapper .urediLandingTextSlider .item.share-with-care-banner .white-text-wrap .header {
                background-color: #e20074;
                padding: 20px 20px 25px;
            }

    .homepage-wrapper .urediLandingTextSlider .item.valentines-2025 {
        background-image: url(../content/banners/2025/banner-valentines-2025-mob.jpg) !important;
        background-position: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.valentines-2025.sq {
            background-image: url(../content/banners/2025/banner-valentines-2025-mob-sq.jpg) !important;
            background-position: center !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2025 {
        background-image: url(../content/banners/2024/banner-nagradna-igra-mkd-mobile.jpg) !important;
        background-position: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2025.sq {
            background-image: url(../content/banners/2024/banner-nagradna-igra-mobile-sq.jpg) !important;
            background-position: center !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-nov-podarok {
        background-image: url(../content/banners/2024/banner-adventcalendar-mobile-mkd.jpg) !important;
        background-position: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-nov-podarok.sq {
            background-image: url(../content/banners/2024/banner-adventcalendar-mobile-sq.jpg) !important;
            background-position: center !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.ny-kampanja-2025-banner {
        background-image: url(../content/banners/2024/ny-kampanja-2025-banner-mob.jpg) !important;
        background-position: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.ny-kampanja-2025-banner.sq {
            background-image: url(../content/banners/2024/ny-kampanja-2025-banner-mob-sq.jpg) !important;
            background-position: center !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.ny-kampanja-2025-banner-tv {
        background-image: url(../content/banners/2024/ny-kampanja-2025-banner-mob-tv.jpg) !important;
        background-position: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.ny-kampanja-2025-banner-tv.sq {
            background-image: url(../content/banners/2024/ny-kampanja-2025-banner-mob-sq-tv.jpg) !important;
            background-position: center !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-duo {
        background-image: url(../content/banners/2024/samsung-duo-mob.jpg) !important;
        background-position: center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.safenet-office-safenet-mobile .inline-buttons a:first-of-type {
        bottom: 80px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.safenet-office-safenet-mobile .inline-buttons a:last-of-type {
        left: 25px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.safenet-2025 .inline-buttons a:first-of-type {
        bottom: 80px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.safenet-2025 .inline-buttons a:last-of-type {
        left: 25px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1b-oktomvri-2024 .absolute-img {
        position: absolute;
        top: 0;
        bottom: initial;
        width: 60%;
        height: 100%;
        right: 0;
    }

        .homepage-wrapper .urediLandingTextSlider .item.m1b-oktomvri-2024 .absolute-img img {
            object-fit: contain;
            object-position: top;
        }

    .homepage-wrapper .urediLandingTextSlider .item.wifi-booster .white-text-wrap {
        width: 100%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.wifi-booster .white-text-wrap .header h1 {
            color: white;
            font-size: 35px;
        }

            .homepage-wrapper .urediLandingTextSlider .item.wifi-booster .white-text-wrap .header h1 br {
                display: none;
            }

        .homepage-wrapper .urediLandingTextSlider .item.wifi-booster .white-text-wrap .ec {
            right: 0;
            bottom: -10px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.wifi-booster .right-img-wrap {
        right: 0px;
    }


    .homepage-wrapper .urediLandingTextSlider .item.olimpijada-4k {
        background-image: url(../content/banners/2024/banner-olimpijada-4k-mob.jpg) !important;
        background-position: right !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.eko-popust-flip-fold {
        background-image: url(../content/banners/2024/banner-eko-popust-flip-fold-mob.jpg) !important;
        background-position: bottom !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.eko-popust-flip-fold.sq {
            background-image: url(../content/banners/2024/banner-eko-popust-flip-fold-mob-sq.jpg) !important;
            background-position: bottom !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-galaxy-ai {
        background-image: url(../content/banners/2024/samsung-galaxy-ai-mob.jpg) !important;
        background-position: bottom !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-galaxy-ai.sq {
            background-image: url(../content/banners/2024/samsung-galaxy-ai-mob-sq.jpg) !important;
            background-position: bottom !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.proletna-ponuda-2025 {
        background-image: url(../content/banners/2025/proletna-ponuda-2025-mob.jpg) !important;
        background-position: bottom !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-2025 {
        background-image: url(../content/banners/2025/Business-tarifi-mobile.jpg) !important;
        background-position: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-2025.sq {
            background-image: url(../content/banners/2025/Business-tarifi-mobile-sq.jpg) !important;
            background-position: center !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-2025 {
        background-image: url(../content/banners/2025/B2B-magenta-business-mobile.jpg) !important;
        background-position: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-business-2025.sq {
            background-image: url(../content/banners/2025/B2B-magenta-business-mobile-sq.jpg) !important;
            background-position: center !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.backup-business-2025 {
        background-image: url(../content/banners/2025/backup-bussiness-mob.jpg) !important;
        background-position: bottom !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.backup-business-2025.sq {
            background-image: url(../content/banners/2025/backup-bussiness-mob-sq.jpg) !important;
            background-position: bottom !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.boc-2025 {
        background-image: url(../content/banners/2025/product-banner-SOC-mobile.jpg) !important;
        background-position: bottom !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.boc-2025.sq {
            background-image: url(../content/banners/2025/product-banner-SOC-mobile-sq.jpg) !important;
            background-position: bottom !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.safenet-2025 {
        background-image: url(../content/banners/2025/safenet-adaptacija-banner-mob.jpg) !important;
        background-position: bottom !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.safenet-2025.sq {
            background-image: url(../content/banners/2025/safenet-adaptacija-banner-mob-sq.jpg) !important;
            background-position: bottom !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.infobip-omni-2025 {
        background-image: url(../content/banners/2025/B2B-OMNI-mob.jpg) !important;
        background-position: bottom !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.infobip-omni-2025.sq {
            background-image: url(../content/banners/2025/B2B-OMNI-mob-sq.jpg) !important;
            background-position: bottom !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.proletna-ponuda-2025.sq {
        background-image: url(../content/banners/2025/proletna-ponuda-2025-mob-sq.jpg) !important;
        background-position: bottom !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-popust-2025 {
        background-image: url(../content/banners/2025/online-popust-mob.jpg) !important;
        background-position: bottom !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.online-popust-2025.sq {
            background-image: url(../content/banners/2025/online-popust-sq-mob.jpg) !important;
            background-position: bottom !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.halloween-2024 {
        background-image: url(../content/banners/2024/halloween-2024-mob.jpg) !important;
        background-position: bottom !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.halloween-2024.sq {
            background-image: url(../content/banners/2024/halloween-2024-mob-sq.jpg) !important;
            background-position: bottom !important;
        }


    .homepage-wrapper .urediLandingTextSlider .item.digitalizacija {
        background-position: 25% 50% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.digitalizacija .item-wrapper {
            justify-content: center !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.digitalizacija .item-wrapper .white-text-wrap {
                width: 50%;
            }

                .homepage-wrapper .urediLandingTextSlider .item.digitalizacija .item-wrapper .white-text-wrap .header {
                    top: 30px;
                }

                .homepage-wrapper .urediLandingTextSlider .item.digitalizacija .item-wrapper .white-text-wrap .img-text {
                    width: 60%;
                    padding-left: 15px;
                    left: 0;
                }

                .homepage-wrapper .urediLandingTextSlider .item.digitalizacija .item-wrapper .white-text-wrap .ec {
                    width: 100px;
                    height: 90px;
                    right: -40px;
                }

    .homepage-wrapper .urediLandingTextSlider .item.hate-speach-banner .header {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 0;
    }

        .homepage-wrapper .urediLandingTextSlider .item.hate-speach-banner .header .image {
            width: 60%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.hate-speach-banner .item-wrapper {
        padding: 10px 0 5px 0 !important;
        align-items: center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.hate-speach-banner .right-img-wrap {
        width: 60% !important;
        margin-top: 0;
    }


    .homepage-wrapper .urediLandingTextSlider .item.hate-speach-banner .item-wrapper .white-text-wrap {
        width: 100%;
        align-items: center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.infobip-omni .header {
        display: flex;
        flex-direction: column;
    }


    .homepage-wrapper .urediLandingTextSlider .item.infobip-omni .item-wrapper .white-text-wrap .header h2 {
        font-size: 30px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.infobip-omni .item-wrapper .white-text-wrap .header h3 {
        font-size: 19px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.infobip-omni .item-wrapper .white-text-wrap .header p {
        margin-top: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.infobip-omni .item-wrapper {
        padding: 10px 0 5px 0 !important;
        align-items: center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.infobip-omni .right-img-wrap {
        width: 80% !important;
        margin-top: 0;
    }


    .homepage-wrapper .urediLandingTextSlider .item.infobip-omni .item-wrapper .white-text-wrap {
        width: 80%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-tv-banner .header {
        display: flex;
        gap: 10px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-tv-banner .item-wrapper {
        padding: 10px 0 5px 0 !important;
        align-items: center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-tv-banner .right-img-wrap {
        width: 80% !important;
        margin-top: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-tv-banner .ec {
        width: 90px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-tv-banner .item-wrapper .white-text-wrap .img-text {
        margin-top: 10px;
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-tv-banner .item-wrapper .white-text-wrap {
        width: 80%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magentaTV .right-img-wrap {
        position: relative;
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart:before {
        display: none;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart .white-text-wrap {
        width: 100%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart .white-text-wrap .header {
            position: absolute;
            bottom: 0;
            padding: 10px;
            background: #e20074;
            width: 100%;
        }

            .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart .white-text-wrap .header h2 {
                font-size: 30px !important;
            }

            .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart .white-text-wrap .header h3 {
                font-size: 24px !important;
            }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart .white-text-wrap .ec {
            position: absolute !important;
            left: initial !important;
            width: 115px !important;
            top: -100px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart.tarifi .white-text-wrap br {
        display: none !important;
    }


    .homepage-wrapper .urediLandingTextSlider .item.galaxy-a55-a35 {
        background-image: url(../content/banners/2024/samsung-a55-mob.jpg) !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.galaxy-a55-a35.sq {
            background-image: url(../content/banners/2024/samsung-a55-mob-sq.jpg) !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-paris .item-wrapper {
        padding: 0;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-paris .item-wrapper .white-text-wrap {
            width: 100%;
            padding-left: 0;
            justify-content: flex-start;
        }

            .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-paris .item-wrapper .white-text-wrap img.apsolute {
                position: absolute;
                top: 20px;
                left: 30px;
                width: 100px;
            }

            .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-paris .item-wrapper .white-text-wrap .img-text {
                width: 280px;
            }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-paris .item-wrapper .right-img-wrap {
            display: none;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-paris .ec {
        width: 90px;
        right: -20px;
        bottom: -25px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-omilen-model .item-wrapper .white-text-wrap {
        width: 100%;
        padding: 0 15px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iphone-omilen-model .item-wrapper .white-text-wrap img.apsolute {
            position: absolute;
            top: 20px;
            left: 30px;
            width: 100px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.iphone-omilen-model .item-wrapper .white-text-wrap .img-text {
            width: 280px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-omilen-model .item-wrapper .right-img-wrap {
        width: 80% !important;
        margin: 0 auto;
        padding-bottom: 15px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2024 .item-wrapper img {
        height: 50% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2024 .item-wrapper .white-text-wrap {
        width: 100%;
        padding: 0;
    }

        .homepage-wrapper .urediLandingTextSlider .item.black-friday-2024 .item-wrapper .white-text-wrap .img-text {
            width: 280px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2024 .item-wrapper .right-img-wrap {
        width: 80% !important;
        margin: 0 auto;
        padding-bottom: 15px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samo-onlajn .item-wrapper .white-text-wrap {
        width: 100%;
        padding-left: 30px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samo-onlajn .item-wrapper .white-text-wrap img.apsolute {
            position: absolute;
            top: 20px;
            left: 30px;
            width: 100px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.samo-onlajn .item-wrapper .white-text-wrap .img-text {
            width: 280px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.samo-onlajn .item-wrapper .right-img-wrap {
        width: 80% !important;
        margin: 0 auto;
        padding-bottom: 15px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-12-13-14 .item-wrapper .white-text-wrap {
        width: 100%;
        padding-left: 30px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iPhone-12-13-14 .item-wrapper .white-text-wrap img.apsolute {
            position: absolute;
            top: 20px;
            left: 30px;
            width: 100px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.iPhone-12-13-14 .item-wrapper .white-text-wrap .img-text {
            width: 280px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-12-13-14 .item-wrapper .right-img-wrap {
        width: 90% !important;
        margin: 0 auto;
    }

    .homepage-wrapper .urediLandingTextSlider .item.s23fe-presales {
        background-image: url(../content/banners/2023/s23-fe-banner-mob.jpg) !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.s23fe-presales.sq {
            background-image: url(../content/banners/2023/s23-fe-banner-mob-sq.jpg) !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.eco-tag-banner .item-wrapper {
        justify-content: center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.eco-tag-banner .white-text-wrap {
        width: 100%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.eco-tag-banner .white-text-wrap .header {
            width: 100%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.eco-tag-banner .white-text-wrap .ec {
            right: 0;
            width: 80px;
            top: initial;
        }

        .homepage-wrapper .urediLandingTextSlider .item.eco-tag-banner .white-text-wrap .header h2.eco-title {
            font-size: 25px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.eco-tag-banner .white-text-wrap .header h3 {
            font-size: 18px !important;
        }



    .homepage-wrapper .urediLandingTextSlider .item.novogodishna-business-ponuda-v2 {
        background-position: 55% 50% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.novogodishna-business-ponuda-v2 .item-wrapper {
            justify-content: flex-start !important;
            align-items: flex-start !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.novogodishna-business-ponuda-v2 .item-wrapper .white-text-wrap {
                width: 70%;
            }

            .homepage-wrapper .urediLandingTextSlider .item.novogodishna-business-ponuda-v2 .item-wrapper .image {
                position: relative;
                width: 250px;
                float: right;
            }

    .homepage-wrapper .urediLandingTextSlider .item.novogodishna-business-ponuda {
        background-position: 55% 50% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.novogodishna-business-ponuda .item-wrapper {
            justify-content: flex-end !important;
            align-items: flex-end !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.novogodishna-business-ponuda .item-wrapper .white-text-wrap {
                width: 70%;
                margin-right: -20px;
            }

            .homepage-wrapper .urediLandingTextSlider .item.novogodishna-business-ponuda .item-wrapper .image {
                position: relative;
                width: 250px;
                float: right;
            }

    .homepage-wrapper .urediLandingTextSlider .item.safenet .item-wrapper .right-img-wrap {
        width: 40% !important;
        margin: 0 auto !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.safenet {
        background-position: 40% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.safenet .item-wrapper {
            padding: 15px 0 5px 0 !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.safenet .item-wrapper .white-text-wrap {
                width: 100% !important;
                margin-top: 0 !important;
                margin-left: 0 !important;
                position: absolute;
                bottom: 0;
                background: #e20074;
                padding: 20px;
                z-index: 1;
            }

        .homepage-wrapper .urediLandingTextSlider .item.safenet .white-text-wrap .header {
            width: 100%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.safenet .item-wrapper .white-text-wrap h2 {
            font-size: 25px !important;
            margin: 0;
        }

        .homepage-wrapper .urediLandingTextSlider .item.safenet .image {
            margin-bottom: 10px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.safenet .item-wrapper .white-text-wrap h3 {
            font-size: 19px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.safenet:after {
            display: none;
        }

    .homepage-wrapper .urediLandingTextSlider .item.iTest-new {
        background-position: 65% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iTest-new .item-wrapper {
            padding: 15px 0 5px 0 !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.iTest-new .item-wrapper .white-text-wrap {
                width: 100% !important;
                margin-top: 0 !important;
                margin-left: 0 !important;
                position: absolute;
                bottom: 0;
                background: #e20074;
                padding: 20px;
                z-index: 1;
            }

        .homepage-wrapper .urediLandingTextSlider .item.iTest-new .white-text-wrap .header {
            width: 100%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.iTest-new .item-wrapper .white-text-wrap h2 {
            font-size: 25px !important;
            margin: 0;
        }

        .homepage-wrapper .urediLandingTextSlider .item.iTest-new .image {
            margin-bottom: 10px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.iTest-new .item-wrapper .white-text-wrap h3 {
            font-size: 19px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.iTest-new:after {
            display: none;
        }

    .homepage-wrapper .urediLandingTextSlider .item.iTest {
        background-position: 40% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iTest .item-wrapper {
            padding: 15px 0 5px 0 !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.iTest .item-wrapper .white-text-wrap {
                width: 100% !important;
                margin-top: 0 !important;
                margin-left: 0 !important;
                position: absolute;
                bottom: 0;
                background: #e20074;
                padding: 20px;
                z-index: 1;
            }

        .homepage-wrapper .urediLandingTextSlider .item.iTest .white-text-wrap .header {
            width: 100%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.iTest .item-wrapper .white-text-wrap h2 {
            font-size: 25px !important;
            margin: 0;
        }

        .homepage-wrapper .urediLandingTextSlider .item.iTest .image {
            margin-bottom: 10px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.iTest .item-wrapper .white-text-wrap h3 {
            font-size: 19px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.iTest:after {
            display: none;
        }

    .homepage-wrapper .urediLandingTextSlider .item.halloween-2023 .item-wrapper .white-text-wrap {
        width: 100%;
        margin-top: -70px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.halloween-2023 .item-wrapper .white-text-wrap .ec {
            right: 0px;
            bottom: -80px;
            width: 90px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.halloween-2023 .item-wrapper .white-text-wrap h2 {
            font-size: 45px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.halloween-2023 .item-wrapper .white-text-wrap h3 {
            font-size: 35px;
        }




    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments .item-wrapper .white-text-wrap {
        margin-left: 0px;
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new {
        background-position: right center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap {
            width: 100% !important;
            margin-top: 0 !important;
            position: absolute;
            bottom: 0;
            background: #e20074;
            padding: 20px;
            z-index: 1;
            margin-left: 0 !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap .ec {
                right: 0;
                top: -50px;
                width: 70px;
            }

            .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap h2 {
                font-size: 20px !important;
            }

                .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap h2 span {
                    font-size: 20px !important;
                }

            .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap .small {
                display: none !important;
            }

            .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap h3 {
                font-size: 22px !important;
            }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new:after {
            display: none;
        }

    .homepage-wrapper .urediLandingTextSlider .item.samo-onlajn .ec {
        width: 90px;
        padding-top: 0;
        position: relative;
        right: 0;
        bottom: 10px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .white-text-wrap {
        width: 70%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .image {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .ec {
        width: 90px;
        padding-top: 0;
        position: relative;
        right: 0;
        top: 20px;
    }



    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .item-wrapper {
        padding: 15px 0 5px 0 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .item-wrapper .white-text-wrap h2 {
            font-size: 25px !important;
            color: white !important;
            width: 100%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .white-text-wrap .header {
        width: 100%;
        margin-left: 0;
        top: -100px;
        position: relative;
        padding: 0 15px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .white-text-wrap {
        width: 65%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .image {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .ec {
        width: 90px;
        padding-top: 0;
        position: relative;
        right: 0;
        top: 20px;
    }



    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .item-wrapper {
        padding: 15px 0 5px 0 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .item-wrapper .white-text-wrap h2 {
            font-size: 25px !important;
            color: white !important;
            width: 100%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .white-text-wrap .header {
        width: 100%;
        margin-left: 0;
        top: -100px;
        position: relative;
        padding: 0 15px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija.m1b {
        background-position: 65% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija.tarifi {
        background-position: 65% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija .item-wrapper {
        justify-content: flex-end;
    }

    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija .white-text-wrap {
        width: 100%;
    }


    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija .ec {
        width: 90px;
        position: absolute;
        right: 0;
        bottom: unset;
        top: -70px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija .item-wrapper {
        padding: 15px 0 5px 0 !important;
        justify-content: flex-end !important;
    }


    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija .white-text-wrap .header {
        position: relative;
        background-color: #e20074;
        padding: 25px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.junska-promocija .white-text-wrap .header h2 {
            font-size: 24px !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.junska-promocija .white-text-wrap .header h2 br {
                display: none;
            }

        .homepage-wrapper .urediLandingTextSlider .item.junska-promocija .white-text-wrap .header h3 {
            margin-top: 10px !important;
            margin-bottom: 0 !important;
            font-size: 19px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija:after {
        display: none;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-january {
        background-position: 55% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-january .white-text-wrap {
            width: 60%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-january .image {
            width: 100%;
        }


        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-january .item-wrapper {
            padding: 15px 0 5px 0 !important;
        }


        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-january .white-text-wrap .header {
            width: 100%;
            margin-left: 0;
            top: -100px;
            position: relative;
            padding: 0 15px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-january:after {
            width: 70%;
            height: 100%;
            background-size: cover;
            background-position: top right;
        }

    .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda {
        background-position: 65% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda .white-text-wrap {
            width: 65%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda .image {
            width: 85%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda .ec {
            width: 90px;
            padding-top: 0;
            position: relative;
            right: 0;
            top: 20px;
        }


        .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda .item-wrapper {
            padding: 15px 0 5px 0 !important;
        }


        .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda .white-text-wrap .header {
            width: 100%;
            margin-left: 0;
            top: -100px;
            position: relative;
            padding: 0 15px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda:after {
            width: 70%;
            height: 90%;
            background-size: contain;
            background-position: top left;
        }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025 {
        background-position: 55% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025 .white-text-wrap {
            width: 65%;
        }


        .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025 .ec {
            width: 90px;
            padding-top: 0;
            position: relative;
            right: 0;
            top: 20px;
        }


        .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025 .item-wrapper {
            padding: 15px 0 5px 0 !important;
        }


        .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025 .white-text-wrap .header {
            width: 100%;
            margin-left: 0;
            top: -100px;
            position: relative;
            padding: 0 15px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025:after {
            width: 70%;
            height: 90%;
            background-size: contain;
            background-position: top left;
        }

    .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 {
        background-position: 65% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 .white-text-wrap {
            width: 65%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 .image {
            width: 100%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 .ec {
            width: 90px;
            padding-top: 0;
            position: relative;
            right: 0;
            top: 20px;
        }


        .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 .item-wrapper {
            padding: 15px 0 5px 0 !important;
        }


        .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 .white-text-wrap .header {
            width: 85%;
            margin-left: 0;
            top: -100px;
            position: relative;
            padding: 0 15px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024:after {
            content: '';
            position: absolute;
            background-image: url(../content/banners/2024/shape-digitalen-admin.png);
            width: 75%;
            height: 80%;
            background-size: cover;
            background-repeat: no-repeat;
            top: 0;
            left: 0;
            background-position: right;
            z-index: 0;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new {
        background-position: 70% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .white-text-wrap {
            width: 100%;
            position: relative;
        }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .image {
            width: 100%;
        }

            .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .image img {
                width: 35%;
            }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .ec {
            width: 90px;
            padding-top: 0;
            position: relative;
            right: 0;
            top: 20px;
        }


        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .right-img-wrap {
            height: 60%;
            top: 0;
            bottom: -220px;
            background-size: contain;
        }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .item-wrapper {
            padding: 15px 0 5px 0 !important;
            justify-content: flex-end !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .item-wrapper .white-text-wrap h2 {
                font-size: 25px !important;
                color: black !important;
                width: 100%;
            }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .white-text-wrap .header {
            background-color: #e20074;
            padding: 15px 25px;
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0;
            margin: auto;
            height: auto;
            width: 100%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new:after {
            display: none;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nov-broj .white-text-wrap {
        margin: 0 auto;
        width: 55%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nov-broj .right-img-wrap {
        width: 100%;
        background-position: bottom center;
        background-size: contain;
        z-index: 0;
        bottom: -35%;
        right: 0;
        left: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nov-broj .white-text-wrap .ec {
        position: absolute;
        width: 90px;
        height: 90px;
        margin-top: 0px;
        right: 30px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .right-img-wrap {
        width: 100%;
        background-position: bottom center;
        background-size: contain;
        z-index: 0;
        bottom: -60%;
        right: 0;
        left: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.motorola-edge .white-text-wrap {
        margin: 0 auto;
        width: 45%;
    }


    .homepage-wrapper .urediLandingTextSlider .item.motorola-edge .right-img-wrap {
        width: 100%;
        background-position: bottom center;
        background-size: contain;
        z-index: 0;
        bottom: -60%;
        right: 0;
        left: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.motorola-edge:after {
        display: none;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.iPhone-15-newphoria .white-text-wrap {
        margin: 0 auto;
        width: 45%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.iPhone-15-newphoria .right-img-wrap {
        width: 100%;
        background-position: bottom center;
        background-size: contain;
        z-index: 0;
        bottom: -75%;
        right: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.iPhone-15 .right-img-wrap {
        width: 100%;
        top: 0;
        background-position: bottom center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni:after {
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni .header img {
        width: auto;
        height: 220px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni .item-wrapper {
        padding: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni .white-text-wrap {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni h2 {
        font-size: 34px !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni h2 br {
            display: none;
        }

        .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni h2 span {
            font-size: 20px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni h3 {
        font-size: 22px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-office {
        background-position: 55% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-office .item-wrapper .white-text-wrap {
            width: 100% !important;
            margin-top: 0 !important;
            position: absolute;
            bottom: 0;
            background: #e20074;
            padding: 20px;
            z-index: 1;
        }

        .homepage-wrapper .urediLandingTextSlider .item.business-office .white-text-wrap .header {
            width: 100%;
            margin-left: 0;
        }

            .homepage-wrapper .urediLandingTextSlider .item.business-office .white-text-wrap .header .image {
                padding-bottom: 5px;
            }

        .homepage-wrapper .urediLandingTextSlider .item.business-office .item-wrapper .white-text-wrap h2 {
            font-size: 25px !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.business-office .item-wrapper .white-text-wrap h2 span {
                font-size: 19px !important;
                display: block;
            }

        .homepage-wrapper .urediLandingTextSlider .item.business-office .item-wrapper {
            padding: 15px 0 5px 0 !important;
        }


        .homepage-wrapper .urediLandingTextSlider .item.business-office:after {
            display: none;
        }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 {
        background-position: 40% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .item-wrapper .white-text-wrap {
            width: 100% !important;
            margin-top: 0 !important;
            margin-left: 0 !important;
            position: absolute;
            bottom: 0;
            background: #e20074;
            padding: 20px;
            z-index: 1;
        }

            .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .item-wrapper .white-text-wrap .ec {
                right: 0;
                top: -50px;
                width: 70px;
            }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap .header {
            width: 100%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .item-wrapper .white-text-wrap h3 {
            font-size: 19px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap .header .image {
            padding-bottom: 5px;
            width: 75%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .item-wrapper .white-text-wrap h2 {
            font-size: 32px !important;
            margin: 0;
        }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .item-wrapper {
            padding: 15px 0 5px 0 !important;
        }


        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023:after {
            display: none;
        }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023 .item-wrapper {
        padding: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023 .white-text-wrap {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023 .header h2 {
        font-size: 32px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023 h3 {
        font-size: 18px !important;
        margin-bottom: 15px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023 .small {
        font-size: 10px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.tPhone-neshto-novo {
        background-position: 43% 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.redmi-12-banner {
        background-image: url(../content/banners/2023/redmi-12-banner-mob.jpg) !important;
        background-position: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.redmi-12-banner.sq {
            background-image: url(../content/banners/2023/redmi-12-banner-mob-sq.jpg) !important;
            background-position: center !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .item-wrapper {
        padding: 35px 0 5px 0 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .item-wrapper:after {
            width: 75%;
            left: -80px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .white-text-wrap {
        width: 75%;
        margin-top: 0;
        margin-left: -10px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .white-text-wrap .header {
            width: 75%;
            margin-left: 0;
        }

            .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .white-text-wrap .header h2 {
                font-size: 25px !important;
                line-height: 1 !important;
                margin-bottom: 10px;
            }

            .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .white-text-wrap .header h3 {
                font-size: 18px !important;
                margin: 0 15px 0 0;
            }

    .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .item-wrapper:after {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap {
        width: 70%;
        margin-top: 0;
    }

        .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap .header {
            width: 100%;
        }

            .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap .header h2 {
                font-size: 25px !important;
                line-height: 1 !important;
                margin-bottom: 10px;
            }

            .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap .header h3 {
                font-size: 18px !important;
            }

        .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap .ec {
            right: 0;
            width: 90px;
            bottom: -80px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.gen-z-leto-na-radost:after {
        width: 100%;
        left: -25%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj {
        background-position: 50% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj:after {
            display: none;
        }

        .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj .white-text-wrap {
            width: 100%;
            z-index: 0;
        }

            .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj .white-text-wrap .header {
                position: absolute;
                background: #e20074;
                padding: 20px;
                bottom: 0;
                z-index: 0;
            }

            .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj .white-text-wrap h2 {
                font-size: 22px !important;
            }

                .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj .white-text-wrap h2 span {
                    font-size: 45px !important;
                    bottom: 4px;
                }

            .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj .white-text-wrap h3 {
                font-size: 22px !important;
            }



    .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj {
        background-position: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj:after {
            display: none;
        }

        .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj .item-wrapper {
            justify-content: center !important;
            z-index: 0;
        }

            .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj .item-wrapper .white-text-wrap {
                width: 100%;
                top: 60px;
            }

                .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj .item-wrapper .white-text-wrap .header {
                    background: #e20074;
                    padding: 20px;
                }

                    .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj .item-wrapper .white-text-wrap .header br {
                        display: none;
                    }

                    .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj .item-wrapper .white-text-wrap .header h3 {
                        font-size: 20px !important;
                    }

        .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj .ec {
            position: absolute;
            z-index: 2;
            right: 30px;
            width: 100px;
            bottom: initial;
            top: -23px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf {
        background-position: center right !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf:after {
            display: none;
        }

        .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf .item-wrapper {
            justify-content: center !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf .item-wrapper .white-text-wrap {
                width: 100%;
                top: 60px;
            }

                .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf .item-wrapper .white-text-wrap .header {
                    background: #e20074;
                    padding: 20px;
                }

                    .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf .item-wrapper .white-text-wrap .header br {
                        display: none;
                    }

                    .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf .item-wrapper .white-text-wrap .header h3 {
                        font-size: 20px !important;
                    }

        .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf .ec {
            position: absolute;
            z-index: 2;
            right: 0;
            width: 100px;
            bottom: initial;
            top: -80px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-povekje-internet .white-text-wrap {
        width: 100%;
        margin-top: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-povekje-internet:after {
        display: none;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-povekje-internet .white-text-wrap .header {
        position: absolute;
        bottom: 20px;
        background: #e20074;
        padding: 10px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-banner-povekje-internet .white-text-wrap .header h2 {
            margin-bottom: 0 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.banner-chista-10ka .white-text-wrap .ec {
        width: 80px;
        bottom: -70px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .white-text-wrap {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming:after {
        width: 85%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .header {
        width: 73%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .white-text-wrap h2 {
        font-size: 40px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-roaming .ec {
        position: absolute;
        right: -15px;
        bottom: 0;
        width: 90px;
        top: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni:after {
        width: 100%;
        background-size: cover;
        background-position: top center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .item-wrapper .header {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
    }

        .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .item-wrapper .header p {
            font-size: 18px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .item-wrapper .header .ec {
            position: absolute;
            right: 0;
            width: 80px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .absolute-bottom {
        z-index: 2;
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .item-wrapper > div {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-2023:after {
        content: '';
        height: 60%;
        width: 100%;
        top: initial;
        right: 0;
        bottom: 0;
        transform: rotate(180deg);
        left: initial;
        background-position: left bottom;
    }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-2023 .item-wrapper {
        justify-content: flex-end !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.april-promo-2023 .item-wrapper .white-text-wrap {
            width: 100%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.april-promo-2023 .item-wrapper .header {
            margin-bottom: 30px;
            margin-top: 0 !important;
            text-align: right;
        }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-2023 h2 {
        font-size: 30px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-2023 h3 {
        font-size: 21px !important;
        margin-right: 0 !important;
        text-align: right !important;
        width: 100% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda .item-wrapper {
        align-items: flex-start;
        padding-top: 10px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda .white-text-wrap {
        width: 100%;
        position: relative;
        height: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda .header {
        position: relative;
        height: 100%;
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda h2 {
        font-size: 30px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda span {
        width: 30px;
        height: 60px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda span svg {
            width: 100%;
            height: 100%;
            top: 4px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda .ec {
        bottom: -77px;
        position: absolute;
        right: 0;
        top: inherit;
        width: 70px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-ponuda .right-img-wrap {
        width: 100% !important;
        margin: 0 auto;
        bottom: -55px;
        position: absolute;
        height: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .item-wrapper {
        align-items: center;
        padding: 0px 5px 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods span svg {
        width: 85%;
        top: 5px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .white-text-wrap {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .header h3 {
        font-size: 17px !important;
        margin-bottom: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods h2 {
        font-size: 28px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .header p {
        font-size: 14px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods span {
        width: 35px;
        height: 60px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .right-img-wrap {
        width: 70% !important;
        margin: 0 auto;
        bottom: -70px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .ec {
        bottom: -60px;
        top: inherit;
        width: 65px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .inline-btns {
        bottom: 0px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro .item-wrapper {
        align-items: center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro .white-text-wrap {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro h2 {
        font-size: 33px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro span {
        width: 35px;
        height: 60px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro .right-img-wrap {
        width: 70% !important;
        margin: 0 auto;
    }

    .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija {
        background-position: 65% 0 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija:after {
            display: none;
        }

        .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija .white-text-wrap {
            width: 100%;
            position: relative;
            margin-top: 0;
            position: absolute;
            bottom: -50px;
            background: #e20074;
            z-index: 1;
            padding: 10px 20px 70px 20px;
        }

            .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija .white-text-wrap h2 span {
                font-size: 50px;
            }

            .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija .white-text-wrap h3 {
                font-size: 23px !important;
                margin: 0;
                padding: 0;
            }

            .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija .white-text-wrap .ec {
                position: absolute;
                top: -40px;
                right: 20px;
                width: 100px;
            }

    .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023:after {
        display: none;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .item-wrapper {
        padding-top: 20px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .white-text-wrap {
        width: 100%;
        margin-top: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .header {
        background-color: #e20074;
        padding: 10px 10px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .header h3 {
            font-size: 25px !important;
            margin: 0 !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .header h4 {
            font-size: 22px;
            margin: 0 !important;
            padding-right: 40px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .white-text-wrap .ec {
        right: 0;
        width: 90px;
        top: 110px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .right-img-wrap {
        width: auto !important;
        bottom: -20px;
        position: relative;
    }

    .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali {
        background-position: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali:after {
            display: none;
        }

        .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali .item-wrapper .white-text-wrap {
            position: absolute;
            width: 100%;
            z-index: 2;
            bottom: -50px;
            padding: 10px 15px;
            background: #e20074;
        }

            .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali .item-wrapper .white-text-wrap h2 {
                font-size: 20px !important;
            }

            .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali .item-wrapper .white-text-wrap p {
                font-size: 17px !important;
            }

        .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali .item-wrapper .right-img-wrap {
            position: absolute;
            width: 70px !important;
            right: 20px;
            top: 110px;
        }


    .homepage-wrapper .urediLandingTextSlider .item.xiaomi-presales-2023 {
        background-image: url(../content/banners/2023/xiaomi-presales-baner-mob.jpg) !important;
        background-position: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.xiaomi-presales-2023.sq {
            background-image: url(../content/banners/2023/xiaomi-presales-baner-mob-sq.jpg) !important;
            background-position: center !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.apple-kampanja-2023 .inline-buttons a:first-of-type {
        bottom: 70px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.apple-kampanja-2023 .inline-buttons a:last-of-type {
        left: initial !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner .white-text-wrap {
        width: 60%;
        margin: 35px 0 10px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner:after {
        width: 100% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner .white-text-wrap .ec {
        position: relative;
        right: 0;
        left: -10px;
        bottom: inherit;
        width: 80px;
        top: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner h4 {
        font-size: 20px !important;
        font-family: 'teleNeo-regular' !important;
        color: #fff;
        margin: 0;
        padding: 0;
        width: 100% !important;
    }


    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner h3 {
        font-size: 24px !important;
        width: 100%;
        line-height: 1;
        margin-bottom: 10px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.valentine-banner h3 span {
            font-size: 24px !important;
            display: block;
        }

            .homepage-wrapper .urediLandingTextSlider .item.valentine-banner h3 span.heart {
                width: 26px;
                height: 26px;
            }


    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner .right-img-wrap {
        width: 70%;
        margin: 0;
        bottom: 25px;
        right: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smartphones-bestPrices .white-text-wrap {
        width: 100%;
        position: relative;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smartphones-bestPrices .right-img-wrap {
        bottom: -50px;
        width: 50% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smartphones-bestPrices h2 {
        font-style: italic;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smartphones-bestPrices p {
        font-size: 20px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smartphones-bestPrices .ec {
        position: absolute;
        left: 0;
        bottom: -85px;
        width: 80px;
    }


    .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023:after {
        display: none;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023 .item-wrapper {
        justify-content: flex-end !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023 .white-text-wrap {
        width: 100%;
        background: #e20074;
        padding: 20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023 .header {
        margin-top: 0;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023 .header h2 {
            font-size: 32px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023 .header h3 {
            font-size: 23px !important;
        }



    .homepage-wrapper .urediLandingTextSlider .item.m1b-banner-2023 {
        background-position: right center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.m1b-banner-2023:after {
            display: none;
        }

        .homepage-wrapper .urediLandingTextSlider .item.m1b-banner-2023 .item-wrapper {
            justify-content: flex-end !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.m1b-banner-2023 .white-text-wrap {
            width: 100%;
            background: #e20074;
            padding: 20px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.m1b-banner-2023 .header h2 {
            font-size: 30px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.m1b-banner-2023 .header h3 {
            font-size: 25px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.t-phone-pro-5g {
        background-image: none !important;
        background-position: center !important;
        background-color: #e20074 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.t-phone-pro-5g .item-wrapper {
            justify-content: space-around !important;
            align-items: center !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.t-phone-pro-5g .right-img-wrap {
            width: 65% !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.optichki-internet {
        background-image: url(../content/banners/2023/mobile-MKD.jpg) !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.optichki-internet.sq {
            background-image: url(../content/banners/2023/banner-sqmob.jpg) !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.internet-vo-roaming .white-text-wrap {
        width: 90%;
        margin-bottom: 40px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.internet-vo-roaming .white-text-wrap .ec {
            bottom: 0;
            right: 0;
            width: 90px;
            top: unset;
            left: unset;
        }

    .homepage-wrapper .urediLandingTextSlider .item.sound-on .white-text-wrap {
        background-size: 100%;
        width: 90%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.sound-on .white-text-wrap .ec {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 45%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-promo {
        background-image: url(../content/banners/2023/samsung-promocija-bg.jpg) !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-promo .white-text-wrap {
            background-size: 95%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-galaxy-a {
        background-image: url(../content/banners/2023/A50-mob-mk.jpg) !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-galaxy-a.sq {
            background-image: url(../content/banners/2023/A50-mob-sq.jpg) !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s23-presales {
        background-image: url(../content/banners/2023/samsung-s23-presales-banner-mob.jpg) !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-s23-presales.sq {
            background-image: url(../content/banners/2023/samsung-s23-presales-banner-mob-sq.jpg) !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .white-text-wrap {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods h2 {
        font-size: 24px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods h3 {
        font-size: 21px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods p {
        font-size: 19px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .right-img-wrap {
        width: 100% !important;
        margin: 0 auto;
        bottom: -55px;
        position: absolute;
        height: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro .white-text-wrap {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro h2 {
        font-size: 24px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro h3 {
        font-size: 21px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone14Pro p {
        font-size: 19px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.apple-kampanja-2023 .white-text-wrap {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.apple-kampanja-2023 h3 {
        font-size: 24px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.apple-kampanja-2023 p {
        font-size: 19px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.plus-kanali {
        height: 100% !important;
        background-position: 65% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.plus-kanali:after {
            width: 75% !important;
            height: 100%;
            background-size: cover !important;
            background-position: right !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .white-text-wrap .kanali {
            width: 45% !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .white-text-wrap .header {
            width: 69% !important;
            padding-right: 1px !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .white-text-wrap .header p br {
                display: none;
            }

        .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .item-wrapper {
            justify-content: flex-end !important;
            padding: 80px 0 5px 0 !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .white-text-wrap {
            width: 100% !important;
            margin-bottom: -20px !important;
        }


        .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .ec {
            width: 115px !important;
            right: 15% !important;
            bottom: 30% !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .white-text-wrap h2 {
            font-size: 24px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .white-text-wrap p {
            font-size: 17px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.letna-akcija-2023 {
        background-position: left center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.letna-akcija-2023 .ec {
            bottom: 5% !important;
            width: 90px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.letna-akcija-2023 .header {
            width: 60%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.novogodishna-2024 {
        background-position: 70% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.delovna-efikasnost {
        background-position: 75% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.delovna-efikasnost .header {
            width: 70%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-ponuda {
        background-position: left !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-business-ponuda .header {
            width: 80%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.novogodishna-2024 .item-wrapper .white-text-wrap {
        width: 100% !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        position: absolute;
        bottom: 0;
        z-index: 1;
    }

    .homepage-wrapper .urediLandingTextSlider .item.novogodishna-2024 .header {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2023 {
        background-position: 70% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2023:after {
            background-position: unset;
            width: 55%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2023 .header {
            width: 50%;
        }






    .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali {
        background-position: 80% 0 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 70%;
            background-size: cover;
        }

        .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali .item-wrapper {
            justify-content: flex-end !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali .white-text-wrap {
            width: 100%;
            margin-bottom: -20px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali .ec {
            width: 110px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali .white-text-wrap h2 {
            font-size: 24px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali .white-text-wrap p {
            font-size: 19px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner-new {
        background-position: center !important;
        background-image: url('../content/banners/2022/zemi-popust-banner-mob.jpg') !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner-new.sq {
            background-image: url('../content/banners/2022/zemi-popust-banner-mob-sq.jpg') !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.Xmas-banner-mobile:after {
        content: '';
        top: 10px;
        background-position: right top;
        width: 65%;
        height: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.Xmas-banner-hbo:after {
        content: '';
        top: 10px;
        background-position: left top;
        width: 65%;
        height: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.xMas-banner-business {
        background-position: 65% 0 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.xMas-banner-business .item-wrapper {
            justify-content: flex-end !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.xMas-banner-business .item-wrapper .white-text-wrap {
                width: 100%;
            }

    .homepage-wrapper .urediLandingTextSlider .item.Xmas-banner {
        background-position: 70% 0 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.Xmas-banner .item-wrapper .white-text-wrap {
            width: 100%;
            height: 100%;
        }

            .homepage-wrapper .urediLandingTextSlider .item.Xmas-banner .item-wrapper .white-text-wrap .header {
                height: 100%;
                display: inline-flex;
                align-items: flex-end;
                align-content: center;
                bottom: 50px;
                position: relative;
            }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2022 {
        background-position: right !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.black-friday-2022 .item-wrapper .white-text-wrap {
            width: 100%;
            text-align: right;
        }

        .homepage-wrapper .urediLandingTextSlider .item.black-friday-2022 .item-wrapper {
            align-items: center !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.black-friday-2022 .item-wrapper h2 {
                font-size: 40px !important;
            }

            .homepage-wrapper .urediLandingTextSlider .item.black-friday-2022 .item-wrapper p {
                font-size: 26px !important;
            }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022:after {
        background-size: cover;
        height: 55%;
        width: 100%;
        background-position: right bottom;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .item-wrapper {
        padding-top: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .header,
    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .white-text-wrap {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .partners {
        bottom: 120px !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .partners img {
            width: 80px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .header h2 span {
        font-size: 30px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2022 .header p {
        font-size: 18px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.halloween-banner .item-wrapper {
        padding-top: 20px !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.halloween-banner .item-wrapper > div {
            width: 100% !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.halloween-banner h3 {
        font-size: 35px !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.halloween-banner h3 span {
            font-size: 40px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.halloween-banner h4 {
        font-size: 23px;
        margin: 0;
        padding: 0 30px 20px 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner .header h3 {
        font-size: 20px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.halloween-banner .ec {
        position: absolute;
        width: 80px;
        right: -20px;
        top: 50px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner:after {
        width: 70%;
        background-position: left top;
        background-size: contain;
        height: 85%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner .white-text-wrap {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner .ec {
        position: relative;
        right: 0;
        top: initial;
        width: 90px;
        bottom: -20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner .right-img-wrap {
        position: absolute;
        right: 0;
        top: initial;
        width: 100%;
        height: 55%;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.xiaomi-12-banner {
        background-image: url('../content/banners/2022/xiaomi-12-banner-mob.jpg') !important;
        background-position: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.xiaomi-12-banner.sq {
            background-image: url('../content/banners/2022/xiaomi-12-banner-mob-sq.jpg') !important;
            background-position: center !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.t-phone {
        background-image: url('../content/banners/2022/t-phone-banner-bg-mob.jpg') !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.t-phone.sq {
            background-image: url('../content/banners/2022/t-phone-banner-bg-mob-sq.jpg') !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.t-phone .white-text-wrap {
            width: 100%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.t-phone .right-img-wrap {
            width: 100%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.t-phone h3 {
            font-size: 30px !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.t-phone h3 span {
                font-size: 35px !important;
            }

        .homepage-wrapper .urediLandingTextSlider .item.t-phone .inline-btns {
            bottom: 0 !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.t-phone .inline-btns a:last-of-type {
                left: 110px !important;
            }

    .homepage-wrapper .urediLandingTextSlider .item.t-phone-naskoro:after {
        position: absolute;
        content: '';
        width: 100% !important;
        height: 50% !important;
        left: 0;
        top: initial;
        bottom: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.t-phone-naskoro .item-wrapper {
        padding: 30px 0 5px 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.t-phone-naskoro .white-text-wrap {
        position: relative;
        width: 100%;
        height: 50%;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: nowrap;
        padding-left: 0;
    }

        .homepage-wrapper .urediLandingTextSlider .item.t-phone-naskoro .white-text-wrap h2 span {
            font-size: 32px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.t-phone-naskoro .white-text-wrap .img-box {
            width: 20%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.teaser-banner .white-text-wrap {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.teaser-banner:after {
        content: '';
        position: absolute;
        background-image: url(../content/banners/2022/teaser-banner-shape-person.jpg) !important;
        width: 100% !important;
        height: 70% !important;
        background-size: cover;
        top: initial;
        bottom: 0;
        right: 0 !important;
        z-index: 1;
        background-position: center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.teaser-banner:before {
        content: '';
        position: absolute;
        background-image: url(../content/banners/2022/teaser-banner-shape.jpg) !important;
        width: 100% !important;
        height: 30% !important;
        background-size: cover;
        top: 0;
        bottom: 0;
        left: 0 !important;
        z-index: 2 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2022 .custom-container {
        padding-bottom: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2022:before {
        width: 100% !important;
        background-position: left bottom;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2022 .right-img-wrap {
        width: 50% !important;
        position: absolute;
        margin: 0;
        bottom: 0;
        right: 0;
        z-index: 4;
        justify-content: flex-end;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2022 .white-text-wrap h3 {
        font-size: 32px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-14-banner .item-wrapper {
        flex-direction: column-reverse !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iPhone-14-banner .item-wrapper .white-text-wrap {
            transform: scale(.8);
            top: 20px;
            position: relative;
            margin: 0 auto;
        }

        .homepage-wrapper .urediLandingTextSlider .item.iPhone-14-banner .item-wrapper .right-img-wrap {
            position: relative;
            width: 50% !important;
            margin: 0 auto;
        }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s-i-z-promocija {
        background-image: url(../content/banners/2022/samsung-s-z-banner-mob.jpg) !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-s-i-z-promocija.sq {
            background-image: url(../content/banners/2022/samsung-s-z-banner-mob-sq.jpg) !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-s-i-z-promocija .inline-btns a {
            font-size: 16px !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.samsung-s-i-z-promocija .inline-btns a:last-of-type {
                left: 200px !important;
            }

    .homepage-wrapper .urediLandingTextSlider .item.more-od-popusti {
        background-image: url(../content/banners/2022/banner-more-responsive.jpg) !important;
        background-position: 100% !important;
        background-repeat: no-repeat !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.more-od-popusti .item-wrapper {
            width: 100% !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.more-od-popusti .white-text-wrap {
            position: absolute;
            top: -70px !important;
        }

    #carousel-redesign .urediLandingTextSlider .item.more-od-popusti .white-text-wrap h2 {
        font-size: 58px !important;
    }

        #carousel-redesign .urediLandingTextSlider .item.more-od-popusti .white-text-wrap h2 span {
            font-size: 58px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.more-od-popusti .white-text-wrap p {
        font-size: 26px !important;
        width: 70% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.more-od-popusti .item-wrapper .white-text-wrap .ec {
        position: relative !important;
        right: 0 !important;
        top: 20px !important;
        width: 140px !important;
    }


    .homepage-wrapper .urediLandingTextSlider .item.samsung-watch-presales {
        background-image: url(../content/banners/2022/edela-na-popusti-banner.jpg) !important;
        background-position: top center !important;
        background-size: 125% !important;
        background-color: white !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-watch-presales {
        background-image: url(../content/banners/2022/samsung-watch5-banner-mob.jpg) !important;
        background-position: top center !important;
        background-size: 125% !important;
        background-color: white !important
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-watch-presales.sq {
            background-image: url(../content/banners/2022/samsung-watch5-banner-mob-sq.jpg) !important;
            background-position: top center !important;
            background-size: 125% !important;
            background-color: white !important
        }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-z-flip-fold-presales {
        background-image: url(../content/banners/2022/samsung-flipFold-4-banner-mob.jpg) !important;
        background-position: top center !important;
        background-size: 130% !important;
        background-color: #f4f4f4 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-z-flip-fold-presales.sq {
            background-image: url(../content/banners/2022/samsung-flipFold-4-banner-mob-sq.jpg) !important;
            background-position: top center !important;
            background-size: 130% !important;
            background-color: #f4f4f4 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-july {
        background-image: url(../content/banners/2025/mm-july-mob.jpg) !important;
        background-position: top center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-july.sq {
            background-image: url(../content/banners/2025/mm-july-mob-sq.jpg) !important;
            background-position: top center !important;
        }


    .homepage-wrapper .urediLandingTextSlider .item.w-tarifa-banner {
        background-image: url(../content/banners/2025/w-tarifa-mob.jpg) !important;
        background-position: top center !important;
        background-color: #f4f4f4 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.w-tarifa-banner.sq {
            background-image: url(../content/banners/2025/w-tarifa-mob-sq.jpg) !important;
            background-position: top center !important;
            background-color: #f4f4f4 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.letna-roaming-ponuda-2025 {
        background-image: url(../content/banners/2025/A1-banner-roaming-mobile-mk.jpg) !important;
        background-position: top center !important;
        background-color: #f4f4f4 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.letna-roaming-ponuda-2025.sq {
            background-image: url(../content/banners/2025/A1-banner-roaming-mobile-sq.jpg) !important;
            background-position: top center !important;
            background-color: #f4f4f4 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.xiaomi-13 {
        background-image: url(../content/banners/2023/a1-xiaomi-mk-mob.jpg) !important;
        background-position: top center !important;
        background-color: #f4f4f4 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.xiaomi-13.sq {
            background-image: url(../content/banners/2023/a1-xiaomi-sq-mob.jpg) !important;
            background-position: top center !important;
            background-color: #f4f4f4 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.moment-samsung {
        background-image: url(../content/banners/2024/moment-samsung-mob.jpg) !important;
        background-position: top center !important;
        background-color: #f4f4f4 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.moment-samsung.sq {
            background-image: url(../content/banners/2024/moment-samsung-mob-sq.jpg) !important;
            background-position: top center !important;
            background-color: #f4f4f4 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.eco-popust-mart {
        background-image: url(../content/banners/2024/banner-eco-popust-mobile-mk.jpg) !important;
        background-position: top center !important;
        background-color: #f4f4f4 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.eco-popust-mart.sq {
            background-image: url(../content/banners/2024/banner-eco-popust-mobile-sq.jpg) !important;
            background-position: top center !important;
            background-color: #f4f4f4 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.eko-popust-2024 {
        background-image: url(../content/banners/2024/eco-banner-mob-mk.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.eko-popust-2024.sq {
            background-image: url(../content/banners/2024/eco-banner-mob-sq.jpg) !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.presales-fold-flip-july {
        background-image: url(../content/banners/2024/mobile-fliip-fold-A1-mk.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.presales-fold-flip-july.sq {
            background-image: url(../content/banners/2024/mobile-flip-fold-A1-sq.jpg) !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.galaxy-watch-ultra-july {
        background-image: url(../content/banners/2024/mobile-watch-A1-mk.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.galaxy-watch-ultra-july.sq {
            background-image: url(../content/banners/2024/mobile-watch-A1-sq.jpg) !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.xiaomi-rn-13 {
        background-image: url(../content/banners/2024/xiaomi-mob_mk.jpeg) !important;
        background-position: top center !important;
        background-color: #f4f4f4 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.xiaomi-rn-13.sq {
            background-image: url(../content/banners/2024/xiaomi-mob_sq.jpeg) !important;
            background-position: top center !important;
            background-color: #f4f4f4 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.xiaomi-t-14 {
        background-image: url(../content/banners/2024/xiaomi-mobile-mk-14.jpg) !important;
        background-position: top center !important;
        background-color: #f4f4f4 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.xiaomi-t-14.sq {
            background-image: url(../content/banners/2024/xiaomi-mobile-sq-14.jpg) !important;
            background-position: top center !important;
            background-color: #f4f4f4 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.xiaomi-proletna-2025 {
        background-image: url(../content/banners/2025/xiaomi-proletna-2025-mob.jpg) !important;
        background-position: top center !important;
        background-color: #f4f4f4 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.xiaomi-proletna-2025.sq {
            background-image: url(../content/banners/2025/xiaomi-proletna-2025-sq-mob.jpg) !important;
            background-position: top center !important;
            background-color: #f4f4f4 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.novi-roaming-paketi-main {
        background-image: url(../content/banners/2025/novi-roaming-paketi-mob.jpg) !important;
        background-position: top center !important;
        background-color: #f4f4f4 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.novi-roaming-paketi-main.sq {
            background-image: url(../content/banners/2025/novi-roaming-paketi-mob-sq.jpg) !important;
            background-position: top center !important;
            background-color: #f4f4f4 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-october {
        background-image: url(../content/banners/2024/magenta-moments-october-mk-mob.jpg) !important;
        background-position: top center !important;
        background-color: #f4f4f4 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-october.sq {
            background-image: url(../content/banners/2024/magenta-moments-october-sq-mob.jpg) !important;
            background-position: top center !important;
            background-color: #f4f4f4 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .game-booster-2024 {
        background-image: url(../content/banners/2024/mobile-gamingb-mk.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

        .homepage-wrapper .urediLandingTextSlider .game-booster-2024.sq {
            background-image: url(../content/banners/2024/mobile-gamingb-sq.jpg) !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
        }


    .homepage-wrapper .urediLandingTextSlider .t-sport-champ {
        background-image: url(../content/banners/2024/banner-gamebooster-mob.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }



    .homepage-wrapper .urediLandingTextSlider .business-tarifi {
        background-image: url(../content/banners/2024/A1_1920x850-Business-mobile-mk.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    .homepage-wrapper .urediLandingTextSlider .business-tarifi-sq {
        background-image: url(../content/banners/2024/A1_1920x850-Business-mobile-sq.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    .homepage-wrapper .urediLandingTextSlider .pantheon-uslugi {
        background-image: url(../content/banners/2024/mobile-banner-pantheon-uslugi.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

        .homepage-wrapper .urediLandingTextSlider .pantheon-uslugi.sq {
            background-image: url(../content/banners/2024/mobile-banner-pantheon-uslugi-sq.jpg) !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
        }



    .homepage-wrapper .urediLandingTextSlider .digitalizacija-new {
        background-image: url(../content/banners/2024/banner-ookla-mk-mob.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    .homepage-wrapper .urediLandingTextSlider .digitalizacija-new-sq {
        background-image: url(../content/banners/2024/banner-ookla-sq-mob.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }





    .homepage-wrapper .urediLandingTextSlider .item.apple-august-2024 {
        background-image: url(../content/banners/2024/apple-august-2024-mob.jpg) !important;
        background-position: top center !important;
        background-color: #f4f4f4 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.apple-august-2024.sq {
            background-image: url(../content/banners/2024/apple-august-2024-sq-mob.jpg) !important;
            background-position: top center !important;
            background-color: #f4f4f4 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.online-promo-2024 {
        background-image: url(../content/banners/2024/online-promo-2024-mob.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.online-promo-2024.sq {
            background-image: url(../content/banners/2024/online-promo-2024-sq-mob.jpg) !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2023 {
        background-image: url(../content/banners/2023/black-friday-mob.jpg) !important;
        background-position: top center !important;
        background-color: #f4f4f4 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.black-friday-2023.sq {
            background-image: url(../content/banners/2023/black-friday-al-mob.jpg) !important;
            background-position: top center !important;
            background-color: #f4f4f4 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2023-corsa {
        background-image: url(../content/banners/2023/nagradna-igra-baner-mob.jpg) !important;
        background-position: top center !important;
        background-color: #f4f4f4 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2023-corsa.sq {
            background-image: url(../content/banners/2023/nagradna-igra-al-mob.jpg) !important;
            background-position: top center !important;
            background-color: #f4f4f4 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-z-flip-fold {
        background-image: url(../content/banners/2023/z-fold-mob-MK.jpg) !important;
        background-position: top center !important;
        background-color: #f4f4f4 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-z-flip-fold.sq {
            background-image: url(../content/banners/2023/z-fold-mob-SQ.jpg) !important;
            background-position: top center !important;
            background-color: #f4f4f4 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-watch6 {
        background-image: url(../content/banners/2023/watch-mob-MK.jpg) !important;
        background-position: top center !important;
        background-color: white !important
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-watch6.sq {
            background-image: url(../content/banners/2023/watch-mob-SQ.jpg) !important;
            background-position: top center !important;
            background-color: white !important
        }

    .homepage-wrapper .urediLandingTextSlider .item.nov-iPhone {
        background-image: url(../content/banners/2024/iphonebanner-mk-mobile.jpg) !important;
        background-position: top center !important;
        background-color: #f4f4f4 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nov-iPhone .inline-btns {
            bottom: 20px !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.nov-iPhone .inline-btns a.btn.btn-magen,
            .homepage-wrapper .urediLandingTextSlider .item.nov-iPhone .inline-btns a.btn.btn-white {
                width: 115px !important;
                font-size: 17px !important;
                position: unset !important;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }

            .homepage-wrapper .urediLandingTextSlider .item.nov-iPhone .inline-btns a:last-of-type {
                left: 150px !important;
            }

        .homepage-wrapper .urediLandingTextSlider .item.nov-iPhone.sq {
            background-image: url(../content/banners/2024/iphonebanner-sq-mobile.jpg) !important;
            background-position: top center !important;
            background-color: #f4f4f4 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-2023-modeli {
        background-image: url(../content/banners/2023/tablet-mob-MK-samsung-modeli.jpg) !important;
        background-position: top center !important;
        background-color: #f4f4f4 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-2023-modeli .inline-btns {
            bottom: 20px !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.samsung-2023-modeli .inline-btns a.btn.btn-magen {
                width: 115px !important;
                font-size: 17px !important;
                position: unset !important;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }

            .homepage-wrapper .urediLandingTextSlider .item.samsung-2023-modeli .inline-btns a:last-of-type {
                left: 150px !important;
            }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-2023-modeli.sq {
            background-image: url(../content/banners/2023/tablet-mob-SQ-samsung-modeli.jpg) !important;
            background-position: top center !important;
            background-color: #f4f4f4 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-tab {
        background-image: url(../content/banners/2023/tablet-mob-MK.jpg) !important;
        background-position: top center !important;
        background-color: #f4f4f4 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-tab .inline-btns {
            bottom: 0px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-tab.sq {
            background-image: url(../content/banners/2023/tablet-mob-SQ.jpg) !important;
            background-position: top center !important;
            background-color: #f4f4f4 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nedela-na-popusti .white-text-wrap h2 span {
        font-size: 58px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nedela-na-popusti .ec {
        position: relative;
        right: 0;
        top: 10px;
        width: 140px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nedela-na-popusti .right-img-wrap {
        position: absolute;
        width: 60% !important;
        text-align: center;
        right: 0;
        bottom: -50px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner .item-wrapper .white-text-wrap {
        width: 60%;
        position: absolute;
        margin-top: 0;
        text-align: left;
        left: 0;
        top: initial;
        bottom: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner .item-wrapper .right-img-wrap {
        position: absolute;
        width: 60% !important;
        text-align: right;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner .inline-btns {
        bottom: 0 !important;
        left: 10px !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner .inline-btns a {
            padding: 7px 15px !important;
            left: 0px !important;
            bottom: 15px !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner .inline-btns a:last-of-type {
                left: 100px !important;
            }

    .homepage-wrapper .urediLandingTextSlider .item.cisco-umbrella:after {
        display: none;
    }

    .homepage-wrapper .urediLandingTextSlider .item.cisco-umbrella .white-text-wrap {
        width: 100%;
        position: relative;
    }

        .homepage-wrapper .urediLandingTextSlider .item.cisco-umbrella .white-text-wrap h2 span {
            font-size: 25px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.cisco-umbrella .right-img-wrap {
        width: 50% !important;
        margin: 0 auto;
    }

    .homepage-wrapper .urediLandingTextSlider .item.cisco-umbrella .ec {
        position: absolute;
        right: -20px;
        top: 80px;
        width: 85px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.s22-presales-banner {
        background-image: url(../content/banners/2022/s22-banner-new-mob.jpg) !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.s22-presales-banner.sq {
            background-image: url(../content/banners/2022/s22-banner-new-mob-sq.jpg) !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-13-airpods .image-wrapper {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalen-index-banner-new .item-wrapper .white-text-wrap {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalen-index-banner-new .item-wrapper .right-img-wrap {
        width: 60%;
        margin: 0 auto;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-12-airpods .inline-btns a:last-of-type {
        left: 120px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.oryx-assistance-banner {
        background-position: left !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.oryx-assistance-banner .item-wrapper {
            align-content: center !important;
            justify-content: center !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.oryx-assistance-banner .white-text-wrap {
            width: 100%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta1-junska-promocija {
        background-position: 90% 0 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta1-junska-promocija .absolute-img {
            position: absolute;
            bottom: 50px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.triPati-povekje-banner {
        background-position: left top !important;
        background-image: none !important;
        background-color: #e20074 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.triPati-povekje-banner:after {
            content: '';
            position: absolute;
            background-image: url(../content/banners/2022/3x-povekje-bg-mob.png);
            right: 0;
            top: 50%;
            bottom: 50%;
            margin: auto 0;
            width: 60%;
            background-size: contain;
            background-repeat: no-repeat;
            height: 100%;
            background-position: center;
        }

        .homepage-wrapper .urediLandingTextSlider .item.triPati-povekje-banner .white-text-wrap {
            width: 55%;
            padding-right: 0;
            padding-top: 5%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.triPati-povekje-banner .absolute-disclaimer {
            width: 100%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.letna-promocija-juni {
        background-position: 40% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.letna-promocija-juni .white-text-wrap {
            padding: 15% 30% 0% 0%;
            width: 70%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.wow-promocija br {
        display: none;
    }

    .homepage-wrapper .urediLandingTextSlider .item.wow-promocija .item-wrapper {
        padding: 120px 0 0px 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.banner-chista-10ka .item-wrapper {
        padding-top: 50px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.praznichna-promocija .white-text-wrap {
        width: 90%;
        bottom: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.praznichna-promocija h3 br,
    .homepage-wrapper .urediLandingTextSlider .item.praznichna-promocija h2 br {
        display: none;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-13-green .right-img-wrap {
        background-size: contain;
        bottom: -60px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .right-img-wrap img {
        position: relative;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-13-green .black-text-wrap {
        text-align: center;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iphone-13-green .black-text-wrap img {
            width: 40%;
            margin: 40px auto 20px;
            position: relative;
        }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-a53-gift-banner {
        background-image: url(../content/banners/2022/samsung-a53-gift-banner-mob.jpg) !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-a53-gift-banner.sq {
            background-image: url(../content/banners/2022/samsung-a53-gift-banner-mob-sq.jpg) !important;
        }


    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .white-text-wrap {
        width: 70%;
        margin: 20px 0 10px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner:before {
        width: 75% !important;
        height: 100% !important;
        background-size: contain;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner:after {
        display: none;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .white-text-wrap .ec {
        position: relative;
        right: 0;
        left: -10px;
        bottom: inherit;
        width: 80px;
        top: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner h4 {
        font-size: 22px !important;
        font-family: 'teleNeo-regular' !important;
        color: #fff;
        margin: 0;
        padding: 0;
    }

        .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner h4 br {
            display: none;
        }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner h3 {
        font-size: 26px !important;
        width: 100%;
        line-height: 1;
        margin: 0;
    }

        .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner h3 span {
            font-size: 30px;
            display: block;
        }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner p {
        font-size: 23px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .right-img-wrap {
        width: 85%;
        right: 0;
        margin: 0;
        bottom: 0;
        position: absolute;
        z-index: 2;
    }

    .homepage-wrapper .urediLandingTextSlider .item.banner-chista-10ka .right-img-wrap {
        position: relative;
        bottom: 0;
        height: auto;
        width: 60% !important;
        top: 0;
        right: 0;
        margin: 0 auto;
    }

    .homepage-wrapper .urediLandingTextSlider .item.banner-chista-10ka .white-text-wrap {
        width: 100%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.banner-chista-10ka .white-text-wrap img {
            object-fit: contain;
            width: 100%;
            height: 100%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.maxTv-iskustvo-banner {
        background-position: 50% 60% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.maxTv-iskustvo-banner {
        background-position: center !important;
    }




    .homepage-wrapper .urediLandingTextSlider .item.samsung-s21-fe {
        background-image: url(../content/banners/2022/samsung-s21-fe-banner-mob.jpg) !important;
        background-position: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-s21-fe.sq {
            background-image: url(../content/banners/2022/samsung-s21-fe-banner-mob-sq.jpg) !important;
            background-position: center !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-s21-fe .sliderUrediTxt-image {
            display: none;
        }

    .homepage-wrapper .urediLandingTextSlider .item.eco-popust-banner .sliderUrediTxt-image {
        background-size: contain;
        background-position: left center !important;
        height: 100%;
        left: -110px;
        margin: auto;
        bottom: -155px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.tv-kanali-new-banner .sliderUrediTxt-image {
        background-size: auto 70% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.five-g-privatni {
        background-position: 42% 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.five-g-delovni-banner {
        background-position: center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.kancelarija-vo-dvizenje {
        background-image: url(../content/banners/2022/kancelarija-vo-dvizenje-full-banner-mob.jpg) !important;
        background-position: -100px 0 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.kancelarija-vo-dvizenje.sq {
            background-image: url(../content/banners/2022/kancelarija-vo-dvizenje-full-banner-mob-sq.jpg) !important;
            background-position: -100px 0 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.b2b-fiksen-internet-banner {
        background-position: center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.tv-kanali-hd .sliderUrediTxt-image {
        top: 0;
        height: 100%;
        background-size: cover;
    }

    .homepage-wrapper .urediLandingTextSlider .item.tv-kanali-new-banner .sliderUrediTxt-image {
        top: 0;
        height: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-citroen {
        background-position: 50% 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-unlimited-banner .sliderUrediTxt-image {
        background-position: center;
        background-size: 150%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-unlimited-banner .sliderUrediTxt-image {
        background-size: 150%;
        background-position: center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-a52 .sliderUrediTxt-image {
        background-position: 0 10%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1b-zgolemena-brzina .sliderUrediTxt-image {
        height: 100%;
        position: absolute;
        left: -80px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-office-banner-new .sliderUrediTxt-image {
        height: 320px;
        left: -20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.watch4-banner {
        background-image: url(../content/banners/2021/banner-a1-watch4-mob.jpg) !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.watch4-banner.sq {
            background-image: url(../content/banners/2021/banner-a1-watch4-sq-mob.jpg) !important;
        }


    /*      .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner{
           
            background-image: url(../content/banners/2021/online-prodavnica-septemvri-2021-new-mob.jpg) !important;
           
        }
            .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .sliderUrediTxt-image{
                display: none;
            }
            .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner.sq {
                background-image: url(../content/banners/2021/online-prodavnica-septemvri-2021-new-sq-mob.jpg) !important;
            }*/
    /*    .homepage-wrapper .urediLandingTextSlider .item.samsung-pretprodazba-flip-fold {
        background-image: url(../content/banners/2021/samsung-galaxy-fold-flip-3-mob-mk.jpg) !important;
        background-position: center !important;
       
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-pretprodazba-flip-fold.sq {
            background-image: url(../content/banners/2021/samsung-galaxy-fold-flip-3-mob-sq.jpg) !important;
            background-position: center !important;
        }*/

    .homepage-wrapper .urediLandingTextSlider .item.samsung-pretprodazba-flip-fold .inline-btns {
        bottom: -15px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.navivajte-za-makedonija-promocija a {
        left: 0;
    }

    /*  .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner {
        background-image: url(../content/banners/2021/online-prodavnica-dekemvri-2021-mob.jpg) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner.sq {
        background-image: url(../content/banners/2021/online-prodavnica-dekemvri-2021-mob-sq.jpg) !important;
    }*/
    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .absolute-box {
        display: none;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .absolute-img {
        display: none;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .sliderUrediTxt-image {
        display: none;
    }
    /*.homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner {
        background-image: url(../content/banners/2021/online-prodavnica-juni-2021-mob.jpg) !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner.sq {
            background-image: url(../content/banners/2021/online-prodavnica-juni-2021-mob-sq.jpg) !important;
        }*/
    /*.homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .sliderUrediTxt-image {
            display: none
        }*/


    .homepage-wrapper .urediLandingTextSlider .item.tmk-app {
        background-image: url(../content/banners/2021/telekom-mk-app-banner-new-mob.jpg) !important;
        background-position: 0 13% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.tmk-app.sq {
            background-image: url(../content/banners/2021/telekom-mk-app-banner-new-mob-sq.jpg) !important;
            background-position: 0 13% !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.business-tarifa-promotion {
        background-position: right 90% center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-1-praznicanaPonuda .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/magenta-1-praznicanaPonuda-mob.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-1-praznicanaPonuda.magenta-1-praznicanaPonuda-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/magenta-1-praznicanaPonuda-mob-sq.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.huawei-mate-plus-huawei-watch .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/huawei-mate-plus-huawei-watch-mob.png) !important;
        background-position: top center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.tehnologijataZaDobro-new h3 {
        bottom: 65px;
        /*bottom: 10px;*/
        font-size: 16px;
        width: 85%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-11-pro-new .iphone11-new-buttons {
        bottom: 20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-11-pro-a1_banner {
        background-image: none !important;
        background-color: #000000 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iphone-11-pro-a1_banner .sliderUrediTxt-image {
            background-image: url(../content/banners/2019/iphone_11-PRO-a1-banner-mob.png) !important;
            background-position: top center;
        }

        .homepage-wrapper .urediLandingTextSlider .item.iphone-11-pro-a1_banner.iphone-11-pro-a1_banner-sq .sliderUrediTxt-image {
            background-image: url(../content/banners/2019/iphone_11-PRO-a1-banner-mob-sq.png) !important;
            background-position: top center;
        }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-11-a1_banner {
        background-image: none !important;
        background-color: white !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iphone-11-a1_banner .sliderUrediTxt-image {
            background-image: url(../content/banners/2019/iphone_11-a1-banner-mob.png) !important;
            background-position: top center;
        }

        .homepage-wrapper .urediLandingTextSlider .item.iphone-11-a1_banner.iphone-11-a1_banner-sq .sliderUrediTxt-image {
            background-image: url(../content/banners/2019/iphone_11-a1-banner-mob-sq.png) !important;
            background-position: top center;
        }

    .iphone11-buttons {
        /*bottom: 15px;*/
        bottom: 20px;
        top: auto;
        transform: none;
        right: auto !important;
        left: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-11-a1_banner .container.container-txt-slider-btn .btn-magen {
        /*display: block;
        margin-bottom: 10px;*/
        bottom: auto;
        left: auto;
        right: auto !important;
        top: auto;
        transform: none;
        margin: 0 10px 0 0;
        min-width: 130px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung10_left .sliderUrediTxt-image {
        background-position: top 50% right;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung10_left .sliderUrediTxt-image {
        background-image: url(../content/images/samsung10_up-xs.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung10_left.samsung10_left-sq .sliderUrediTxt-image {
        background-image: url(../content/images/samsung10_up-xs-sq.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung10_left .btn-magen {
        bottom: 12% !important;
        right: 25% !important;
    }

    .homepage-wrapper .iphone-buttons .btn {
        padding: 6px 10px;
    }

    .homepage-wrapper .urediLandingTextSlider .btn-magen, .homepage-wrapper .urediLandingTextSlider .btn-grey, .homepage-wrapper .urediLandingTextSlider .btn-white {
        bottom: 20px !important;
    }

    .urediLandingTextSlider .item {
        height: 300px;
    }

    .homepage-wrapper .iphone-buttons.middle {
        bottom: 25px;
    }

    .urediLandingTextSlider .item {
        background-position: 64% 0 !important;
    }

    .urediLandingTextSlider .carousel-control .glyphicon-chevron-right, .urediLandingTextSlider .carousel-control .icon-next {
        right: 0;
    }

    .urediLandingTextSlider .carousel-control .glyphicon-chevron-left, .urediLandingTextSlider .carousel-control .icon-prev {
        left: 0;
    }

    .urediLandingTextSlider .urediTextSliderIndicators {
        display: none;
    }

    .homepage-wrapper .urediLandingTextSlider .item.telekom-mk-app .sliderUrediTxt-image {
        top: 25px;
        width: 93%;
        margin: 0 auto;
    }


    .homepage-wrapper .urediLandingTextSlider .item.magenta1-sonista .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/magenta-1-sonista-a1-baner-txt-mob.png) !important;
        background-size: contain;
        background-position: center center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta1-sonista.magenta1-sonista-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/magenta-1-sonista-a1-baner-txt-mob-sq.png) !important;
        background-size: contain;
        background-position: center center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.kupiOnline-dobijPopust .sliderUrediTxt-image {
        top: 15px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.pickbox-filmovi-bezNadomest .sliderUrediTxt-image {
        top: 15px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-zaCelotoSemejstvo .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/magenta1-za-celoto-semejstvo-txt-mob.png) !important;
        top: 0px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-zaCelotoSemejstvo.m1-zaCelotoSemejstvo-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/magenta1-za-celoto-semejstvo-txt-mob-sq.png) !important;
        top: 0px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.vikend-rasprodazhba .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/vikend-rasprodazhba-a1-banner-txt-mob.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.vikend-rasprodazhba.vikend-rasprodazhba-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/vikend-rasprodazhba-a1-banner-txt-mob-sq.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.bestNetBanner .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/bestNetwork-banner-mob.png) !important;
        top: 20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.kupi-online-popust .sliderUrediTxt-image {
        background-position: top 30px center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.kupi-online-popust.kupi-online-popust-sq .sliderUrediTxt-image {
        background-position: top 30px center;
    }

    .item.samsung-s10-preorder .samsung-s10-preorder-txt {
        bottom: 0;
    }

        .item.samsung-s10-preorder .samsung-s10-preorder-txt a {
            margin: 15px 0 10px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.smart-sonista .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/smart-sonista-a1-baner-txt-mob.png) !important;
        background-size: contain;
        background-position: center center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smart-sonista.smart-sonista-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/smart-sonista-a1-baner-txt-mob-sq.png) !important;
        background-size: contain;
        background-position: center center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.valentine2019 .sliderUrediTxt-image {
        top: 10px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.huawei-p30-banner {
        background-position: right 25% center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.huawei-p30-banner .sliderUrediTxt-image {
            background-image: url(../content/banners/2019/huawei-p30-a1-banner-mob.png) !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.huawei-p30-banner.huawei-p30-banner-sq .sliderUrediTxt-image {
            background-image: url(../content/banners/2019/huawei-p30-a1-banner-mob-sq.png) !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-smetka .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/nagradna-igra-smetka-a1-banner-mob.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-smetka.nagradna-igra-smetka-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/nagradna-igra-smetka-a1-banner-mob-sq.png) !important;
    }

    .slider-naslovna2 .item.mladi-inovatori.active {
        background: url(../content/banners/2019/povik-do-mladi-investitori-mob.jpg) no-repeat !important;
        background-position: top 40% center !important;
        background-size: contain !important;
    }
}

@media(max-width:560px) {


    .homepage-wrapper .urediLandingTextSlider .item.samsung10_left .btn-magen {
        bottom: 10% !important;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        min-width: 100px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung10_left.item.samsung10_left-sq .btn-magen {
        min-width: 120px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner .white-text-wrap {
        width: 90%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner .right-img-wrap {
        width: 80%;
        right: 0;
        margin: 0 auto;
        bottom: 40px;
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.plus-kanali:after {
        width: 85% !important;
        height: 100%;
        background-size: cover !important;
        background-position: right !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .ec {
        width: 115px !important;
        right: 15px !important;
    }
}

@media(max-width: 450px) {

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .image img {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nov-broj .right-img-wrap {
        right: 0;
        left: 0;
        bottom: -40%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nov-broj .white-text-wrap {
        width: 75%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nov-broj .item-wrapper {
        padding: 80px 0 5px 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nov-broj .white-text-wrap .ec {
        position: absolute;
        width: 90px;
        height: 90px;
        margin-top: -10px;
        right: 15px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .right-img-wrap {
        right: 0;
        left: 0;
        bottom: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.motorola-edge .right-img-wrap {
        right: 0;
        left: 0;
        bottom: -20%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.motorola-edge .white-text-wrap {
        width: 55%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali {
        background-position: bottom center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .ec {
        width: 100px !important;
        right: -10px !important;
        bottom: 30% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.letna-promocija-juni {
        background-position: 43% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.letna-promocija-juni .white-text-wrap {
            padding: 20% 30% 0% 0% !important;
            width: 100% !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner .item-wrapper .white-text-wrap {
        width: 80%;
        position: absolute;
        margin-top: 0;
        text-align: left;
        left: 0;
        top: initial;
        bottom: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner .item-wrapper .right-img-wrap {
        position: absolute;
        width: 60% !important;
        text-align: right;
    }
}

@media (max-width: 400px) {
    .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj .item-wrapper .white-text-wrap {
        top: 0px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf .item-wrapper .white-text-wrap {
        top: 0px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.t-phone-pro-5g {
        background-image: none !important;
        background-color: #e20074 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.t-phone-pro-5g .right-img-wrap {
            width: 100% !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner:after {
        width: 70%;
        height: 85%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner .right-img-wrap {
        height: 55%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta1-junska-promocija {
        background-position: 70% 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.banner-chista-10ka .right-img-wrap {
        bottom: -13% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .white-text-wrap {
        width: 100% !important;
        margin: 10px 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .right-img-wrap {
        width: 100% !important;
        margin: 0px auto;
        bottom: 60px;
    }
}

@media (min-width: 320px) and (max-width: 380px) {
    .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024:after {
        width: 100%;
        height: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024 .white-text-wrap .header {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 {
        background-position: 32% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .item-wrapper {
            padding: 10px 0 5px 0 !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .item-wrapper .white-text-wrap {
                width: 100% !important;
                margin-top: 0 !important;
            }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap .header {
            width: 80% !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap .header .image {
                padding-bottom: 0;
                width: 60%;
            }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .item-wrapper .white-text-wrap h2 {
            font-size: 20px !important;
        }


        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .item-wrapper:after {
            content: '';
            height: 75%;
            width: 100%;
            top: 0;
            left: -45px;
            background-position: left top;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .white-text-wrap {
        width: 75%;
        margin-top: 0;
        margin-left: -10px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .white-text-wrap .header {
            width: 95%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .item-wrapper:after {
        width: 100%;
        left: -80px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .right-img-wrap {
        width: 60% !important;
        bottom: -20px;
        position: relative;
        margin: 0 auto;
    }

    .homepage-wrapper .urediLandingTextSlider .item.more-od-popusti .white-text-wrap {
        top: -30px !important;
    }

    #carousel-redesign .urediLandingTextSlider .item.more-od-popusti .white-text-wrap h2 {
        font-size: 35px !important;
    }

        #carousel-redesign .urediLandingTextSlider .item.more-od-popusti .white-text-wrap h2 span {
            font-size: 40px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.more-od-popusti .white-text-wrap p {
        font-size: 22px !important;
        width: 80% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.more-od-popusti .item-wrapper .white-text-wrap .ec {
        position: relative !important;
        right: 0 !important;
        top: 20px !important;
        width: 140px !important;
    }
}


@media(min-width: 768px) and (max-width: 991px) {
    .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024:after {
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1b-oktomvri-2024 .absolute-img {
        width: 55%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.wifi-booster .white-text-wrap {
        width: 100%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.wifi-booster .white-text-wrap .header h1 {
            font-size: 45px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.wifi-booster .white-text-wrap .ec {
            right: -40px;
            bottom: 10px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.wifi-booster .white-text-wrap .header h1 br {
            display: none;
        }

    .homepage-wrapper .urediLandingTextSlider .item.digitalizacija {
        background-position: 25% 50% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.digitalizacija .item-wrapper .white-text-wrap {
            width: 25%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart,
    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart.tarifi {
        background-position: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart:before {
            width: 65% !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart .white-text-wrap {
            width: 100%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart.tarifi .white-text-wrap {
            width: 80%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart .white-text-wrap h2 {
            font-size: 35px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart .white-text-wrap h3 {
            font-size: 28px !important;
        }


    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-ponuda {
        background-position: 25% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-business-ponuda .header {
            width: 65%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.delovna-efikasnost .header {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2024 .item-wrapper img {
        height: 75% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2024 .item-wrapper .white-text-wrap {
        justify-content: center;
    }

        .homepage-wrapper .urediLandingTextSlider .item.black-friday-2024 .item-wrapper .white-text-wrap .img-text {
            width: 100%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2024 .item-wrapper .right-img-wrap {
        bottom: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-omilen-model .item-wrapper .white-text-wrap {
        justify-content: center;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iphone-omilen-model .item-wrapper .white-text-wrap .img-text {
            width: 100%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-omilen-model .item-wrapper .right-img-wrap {
        bottom: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalizacija .item-wrapper .white-text-wrap .img-text {
        width: 75%;
        left: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalizacija .item-wrapper .white-text-wrap .ec {
        width: 120px;
        height: 120px;
        right: -90px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.ny-b2b-2024 .item-wrapper .white-text-wrap .ec {
        width: 120px;
        height: 120px;
        right: -90px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samo-onlajn .item-wrapper .white-text-wrap {
        justify-content: center;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samo-onlajn .item-wrapper .white-text-wrap .img-text {
            width: 100%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.samo-onlajn .item-wrapper .right-img-wrap {
        bottom: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-paris .item-wrapper .white-text-wrap {
        justify-content: center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-paris .ec {
        width: 90px;
        right: 50px;
        bottom: -15px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-paris .item-wrapper .white-text-wrap .img-text {
        width: 80%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-paris .item-wrapper .right-img-wrap {
        width: 50% !important;
        position: relative;
        bottom: -35% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-12-13-14 .item-wrapper .white-text-wrap {
        justify-content: center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-12-13-14 .item-wrapper .right-img-wrap {
        bottom: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.novogodishna-business-ponuda .item-wrapper .white-text-wrap {
        width: 45%;
        margin-right: 50px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.novogodishna-business-ponuda-v2 {
        background-position: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.novogodishna-business-ponuda-v2 .item-wrapper .white-text-wrap {
            width: 45%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.halloween-2023 .item-wrapper .white-text-wrap {
        width: 80%;
        margin-top: -70px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.halloween-2023 .item-wrapper .white-text-wrap .ec {
            right: 0px;
            bottom: -80px;
            width: 90px;
        }

    #ureditextCarousel .homepage-wrapper .urediLandingTextSlider .item.halloween-2023 .item-wrapper .white-text-wrap h2 {
        font-size: 45px !important;
    }

    #ureditextCarousel .homepage-wrapper .urediLandingTextSlider .item.halloween-2023 .item-wrapper .white-text-wrap h3 {
        font-size: 35px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments .item-wrapper .white-text-wrap {
        margin-left: 0px;
        width: 100%;
    }


    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap {
        width: 55%;
        z-index: 2;
        margin-top: 200px;
        margin-left: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new:after {
        content: '';
        position: absolute;
        width: 80%;
        left: 4%;
        bottom: 0;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap h2 {
        font-size: 36px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap .ec {
        right: -30px;
        top: -70px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.iPhone-15 .right-img-wrap {
        width: 45%;
        background-position: center right;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni .header img,
    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-delovni .header img {
        width: auto;
        height: 230px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni .white-text-wrap,
    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-delovni .white-text-wrap {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni h2,
    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-delovni h2 {
        font-size: 50px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni h3,
    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-delovni h3 {
        font-size: 22px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni .header,
    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-delovni .header {
        margin: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023 .header h2 {
        font-size: 55px !important;
        line-height: 0.9 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023 h3 {
        font-size: 24px;
        margin-bottom: 25px !important;
        margin-top: 10px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023 .small {
        font-size: 12px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .item-wrapper:after {
        width: 65% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap {
        width: 45%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap .header {
            width: 100%;
        }

            .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap .header h2 {
                font-size: 40px !important;
            }

        .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap .ec {
            right: -30px;
            width: 90px;
            bottom: -40px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.gen-z-leto-na-radost:after {
        width: 70%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: -180px;
        bottom: 0;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj:after {
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj {
        background-position: center left !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj .white-text-wrap {
            width: 60%;
            margin-top: 10px;
        }


            .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj .white-text-wrap h2 {
                font-size: 25px !important;
            }

                .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj .white-text-wrap h2 span {
                    font-size: 65px !important;
                }

            .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj .white-text-wrap h3 {
                font-size: 22px !important;
            }

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj .item-wrapper .white-text-wrap .header h2 {
        font-size: 40px !important;
    }


    .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: -180px;
        bottom: 0;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf .item-wrapper .white-text-wrap .header h2 {
        font-size: 40px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-povekje-internet {
        background-position: 20% 0 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-banner-povekje-internet:after {
            width: 55%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.business-banner-povekje-internet .white-text-wrap {
            margin-left: 50px;
        }

            .homepage-wrapper .urediLandingTextSlider .item.business-banner-povekje-internet .white-text-wrap h2 {
                font-size: 45px !important;
            }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni:after {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .item-wrapper .white-text-wrap {
        width: 80%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .item-wrapper .header {
        width: 100%;
        margin-top: -190px;
        margin-left: 60px;
    }

    #carousel-redesign .urediLandingTextSlider .item .white-text-wrap h2 {
        font-size: 28px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija .white-text-wrap .header h3 {
        font-size: 24px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.junska-promocija.m1b:after {
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap h3 {
        font-size: 22px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .item-wrapper .header p {
        font-size: 21px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .item-wrapper .right-img-wrap {
        text-align: right;
    }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .absolute-bottom {
        bottom: 30px;
        z-index: 2;
        width: 75%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-2023 {
        background-position: left !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.april-promo-2023:after {
            content: '';
            width: 70%;
            height: 100%;
            background-position: top left;
            background-size: contain;
        }

        .homepage-wrapper .urediLandingTextSlider .item.april-promo-2023 h2 {
            font-size: 60px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.april-promo-2023 h3 {
            font-size: 34px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija {
        background-position: 20% 0 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija .absolute-right-shape {
            width: 40%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija:after {
            width: 80%;
            left: -170px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija .white-text-wrap {
            width: 45%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali {
        background-position: 20% 0 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali:after {
            left: -45%;
            top: 0;
            bottom: 0;
            height: 100%;
            width: 100%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali .item-wrapper .white-text-wrap {
            position: relative;
            width: 50%;
        }

            .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali .item-wrapper .white-text-wrap h2 {
                font-size: 35px !important;
            }

            .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali .item-wrapper .white-text-wrap p {
                font-size: 19px !important;
            }

        .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali .item-wrapper .right-img-wrap {
            width: 100px !important;
            top: -90px;
        }


    .homepage-wrapper .urediLandingTextSlider .item.smartphones-bestPrices .white-text-wrap {
        width: 70%;
        position: relative;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smartphones-bestPrices .right-img-wrap {
        width: 50% !important;
        position: relative;
        bottom: -15% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smartphones-bestPrices h2 {
        font-size: 42px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smartphones-bestPrices p {
        font-size: 24px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smartphones-bestPrices .ec {
        position: absolute;
        left: 60%;
        bottom: -40px;
    }



    .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023:after {
        width: 80% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023 .header {
        margin-top: 0px;
        margin-left: 70px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023 .header h2 {
            font-size: 37px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023 .header h3 {
            font-size: 28px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.m1b-banner-2023:after {
        background-size: contain;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1b-banner-2023 .header h2 {
        font-size: 50px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1b-banner-2023 .header h3 {
        font-size: 35px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.plus-kanali {
        background-position: 80% 0 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .white-text-wrap {
            width: 60% !important;
            margin-bottom: 0 !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .white-text-wrap .kanali {
                width: 50% !important;
            }

            .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .white-text-wrap .header {
                width: 65% !important;
            }

                .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .white-text-wrap .header p br {
                    display: none !important;
                }

            .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .white-text-wrap h2 {
                font-size: 25px !important;
            }

            .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .white-text-wrap p {
                font-size: 22px !important;
            }

            .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .white-text-wrap .ec {
                right: 0 !important;
            }


    .homepage-wrapper .urediLandingTextSlider .plus-kanali:after {
        width: 65% !important;
        height: 100% !important;
        background-position: right !important;
        background-size: cover !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.letna-akcija-2023 {
        background-position: 30% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.letna-akcija-2023 .ec {
            width: 100px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.letna-akcija-2023 .header {
            width: 60%;
            margin-bottom: 35px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.novogodishna-2024 {
        background-position: 70% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.novogodishna-2024 .header {
            width: 60%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2023 {
        background-position: 70% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2023:after {
            background-position: unset;
            width: 50%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2023 .header {
            width: 60%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali {
        background-position: 80% 0 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali .white-text-wrap {
            width: 60%;
            margin-bottom: 0;
        }

            .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali .white-text-wrap h2 {
                font-size: 25px !important;
            }

            .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali .white-text-wrap p {
                font-size: 22px !important;
            }

        .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali:after {
            width: 100%;
            height: 100%;
            background-image: url(../content/banners/2023/maxtv-novi-kanali-shape.png);
        }


    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner-new:after {
        left: -80px;
        top: -50px;
        bottom: 0;
        height: 100%;
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.t-phone {
        background-position: 30% 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.Xmas-banner .item-wrapper .white-text-wrap {
        width: 55%;
        height: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.halloween-banner .item-wrapper > div {
        width: 50% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.halloween-banner h3 {
        font-size: 45px !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.halloween-banner h3 span {
            font-size: 50px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.halloween-banner h4 {
        font-size: 29px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.halloween-banner .ec {
        width: 100px;
        margin: 0 auto;
    }

    .homepage-wrapper .urediLandingTextSlider .item.teaser-banner .white-text-wrap {
        padding-right: 5%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2022 .right-img-wrap {
        width: 40% !important;
        position: relative;
        bottom: -10px;
        right: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2022 .white-text-wrap h3 {
        font-size: 30px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-14-banner .item-wrapper .white-text-wrap {
        width: 30% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-14-banner .item-wrapper .right-img-wrap {
        width: 50% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s-i-z-promocija .inline-btns {
        bottom: 0 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-s-i-z-promocija .inline-btns a:last-of-type {
            left: 240px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-z-flip-fold-presales {
        background-size: contain !important;
        background-color: #f4f4f4 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-watch-presales {
        background-image: url(../content/banners/2022/samsung-watch5-banner-mob.jpg) !important;
        background-position: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.samsung-watch-presales.sq {
            background-image: url(../content/banners/2022/samsung-watch5-banner-mob-sq.jpg) !important;
            background-position: center !important;
        }
}

@media(min-width:768px)and (max-width:991px) and (max-height:700px) {

    .homepage-wrapper .urediLandingTextSlider .item.samsung10_left a.btn-magen {
        bottom: 44% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung10_left.samsung10_left-sq .btn-magen {
        right: 25% !important;
    }
}

@media(min-width:992px) and (max-height:730px) {
    .homepage-wrapper .urediLandingTextSlider .item.samsung10_left a.btn-magen {
        bottom: 28% !important;
    }
}

@media (max-width: 991px) {


    .homepage-wrapper .urediLandingTextSlider .item.galaxy-s23-fe {
        position: relative;
        background-image: url(../content/banners/2023/s24-a1-mob-mk.jpg) !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.galaxy-s23-fe.sq {
            position: relative;
            background-image: url(../content/banners/2023/s24-a1-mob-sq.jpg) !important;
        }


    .homepage-wrapper .urediLandingTextSlider .item.advent-calendar-banner {
        position: relative;
        background-image: url(../content/banners/2023/advent-calendar-banner-mob.jpg) !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.advent-calendar-banner.sq {
            position: relative;
            background-image: url(../content/banners/2023/advent-calendar-banner-mob-sq.jpg) !important;
        }
}

@media(min-width:992px) and (max-width: 1199px) {
    .homepage-wrapper .urediLandingTextSlider .item.m1b-oktomvri-2024 .absolute-img {
        width: 65%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.wifi-booster .white-text-wrap {
        width: 50%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.wifi-booster .white-text-wrap .header h1 br {
            display: none;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .white-text-wrap .header {
        width: 90%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .white-text-wrap h2 {
        width: 90%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalizacija .item-wrapper .white-text-wrap .img-text {
        left: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalizacija .item-wrapper .white-text-wrap .ec {
        width: 120px;
        height: 120px;
        top: 20px;
        right: 30px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.ny-b2b-2024 .item-wrapper .white-text-wrap .ec {
        width: 120px;
        height: 120px;
        top: 20px;
        right: 30px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart {
        background-position: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart:before {
            width: 60%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-business-mart .white-text-wrap {
            width: 60% !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-monnents-paris .item-wrapper .white-text-wrap {
        width: 70%;
        padding-right: 20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-paris .ec {
        width: 100px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-paris .item-wrapper .white-text-wrap .img-text {
        width: 80%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-paris .right-img-wrap {
        right: -20px;
        width: 55%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-omilen-model .item-wrapper .white-text-wrap {
        width: 70%;
        padding-right: 20px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iphone-omilen-model .item-wrapper .white-text-wrap .img-text {
            width: 100%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2024 .item-wrapper img {
        height: 70% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2024 .item-wrapper .white-text-wrap {
        width: 70%;
        padding-right: 20px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.black-friday-2024 .item-wrapper .white-text-wrap .img-text {
            width: 100%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.samo-onlajn .item-wrapper .white-text-wrap {
        width: 70%;
        padding-right: 20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samo-onlajn .ec {
        width: 100px;
        right: 10px;
        bottom: -60px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samo-onlajn .item-wrapper .white-text-wrap .img-text {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-business-ponuda {
        background-position: 80% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.magenta-business-ponuda .header {
            width: 50%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.delovna-efikasnost .header {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iTest-new {
        background-position: center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap {
        margin-top: 370px;
        margin-left: -160px;
        width: 50%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap h3 {
            font-size: 22px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap h2 span {
            font-size: 35px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments .item-wrapper .white-text-wrap {
        margin-left: -80px;
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new:after {
        content: '';
        position: absolute;
        width: 60%;
        left: 10%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap h2 {
        font-size: 35px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni .header img,
    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-delovni .header img {
        height: 235px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni h2,
    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-delovni h2 {
        font-size: 45px !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni h2 span,
        .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-delovni h2 span {
            font-size: 22px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni h2 br,
        .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-delovni h2 br {
            display: none;
        }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni h3,
    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-delovni h3 {
        font-size: 22px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023:after {
        left: 5%;
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .item-wrapper {
        align-items: flex-end !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap {
        margin-left: 15%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap .ec {
            right: -30px;
            top: -80px;
            width: 100px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap .header h2 {
            font-size: 40px !important;
            margin: 0 0 10px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap .header h3 {
            font-size: 25px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap .header .small {
            width: 100%;
            margin-top: 10px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023 .white-text-wrap {
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .item-wrapper:after {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap {
        width: 40%;
        margin-top: -20%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap .ec {
            right: -60px;
            width: 100px;
            bottom: 0;
        }

        .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap .header h2 {
            font-size: 53px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap .header h3 {
            font-size: 30px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj:after {
        content: '';
        position: absolute;
        width: 55%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj .item-wrapper .white-text-wrap .header h2 br:first-of-type {
        display: none;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj .item-wrapper .white-text-wrap .header h2 {
        font-size: 42px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj .item-wrapper .white-text-wrap .header h3 {
        font-size: 23px !important;
    }



    .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf:after {
        content: '';
        position: absolute;
        width: 90%;
        height: 100%;
        top: 0;
        left: -210px;
        z-index: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf .item-wrapper .white-text-wrap .header h2 br:first-of-type {
        display: none;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf .item-wrapper .white-text-wrap .header h2 {
        font-size: 42px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf .item-wrapper .white-text-wrap .header h3 {
        font-size: 23px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-povekje-internet:after {
        width: 45%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-povekje-internet .white-text-wrap {
        margin-left: 40px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-banner-povekje-internet .white-text-wrap h2 {
            font-size: 36px !important;
        }



    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .item-wrapper .white-text-wrap {
        width: 70%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .item-wrapper .right-img-wrap {
        text-align: center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .absolute-bottom {
        bottom: 30px;
        width: 65%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-2023 {
        background-position: left !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.april-promo-2023:after {
            width: 60%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.april-promo-2023 h2 {
            font-size: 70px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija:after {
        width: 75%;
        left: -200px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija .white-text-wrap {
        width: 30%;
        z-index: 2;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023 .header {
        margin-top: 30px;
        margin-left: 80px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner:after {
        width: 65%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner .white-text-wrap {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smartphones-bestPrices .ec {
        left: 40%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023:after {
        width: 80% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1b-banner-2023 .header h2 {
        font-size: 65px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.plus-kanali:after {
        width: 60% !important;
        background-size: cover !important;
        background-position: right !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .ec {
        right: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .white-text-wrap .kanali {
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.plus-kanali {
        background-position: 90% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.plus-kanali .white-text-wrap h2 {
            font-size: 30px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.letna-akcija-2023 {
        background-position: 25% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.letna-akcija-2023 .header {
            width: 75%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.novogodishna-2024 {
        background-position: 70% !important;
    }


        .homepage-wrapper .urediLandingTextSlider .item.novogodishna-2024 .header {
            width: 60%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2023 {
        background-position: 70% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2023:after {
            background-position: unset;
            width: 50%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2023 .header {
            width: 60%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali:after {
        width: 90%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali .white-text-wrap h2 {
        font-size: 30px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.t-phone {
        background-position: 34% 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2022 .item-wrapper .white-text-wrap {
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2022 .item-wrapper h2 {
        font-size: 60px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2022 .item-wrapper p {
        font-size: 30px !important;
    }


    .homepage-wrapper .urediLandingTextSlider .item.halloween-banner h3 {
        font-size: 45px !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.halloween-banner h3 span {
            font-size: 50px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.halloween-banner h4 {
        font-size: 29px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.halloween-banner .ec {
        width: 100px;
        margin: 0 auto;
    }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner:after {
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner .header h2 {
        font-size: 60px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner .header h3 {
        font-size: 30px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner .ec {
        position: absolute;
        right: -95px;
        top: 55%;
        width: 110px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s-i-z-promocija .inline-btns {
        bottom: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-z-flip-fold-presales {
        background-size: contain !important;
        background-color: #f4f4f4 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-watch-presales {
        background-size: 130% !important;
        background-color: white !important;
        background-position: top center !important;
    }
}

@media(min-width: 1200px) and (max-width: 1600px) {

    /*    .homepage-wrapper .urediLandingTextSlider .item.digitalizacija .item-wrapper .white-text-wrap .img-text {
        width: 90%;
    }*/
    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni h2 {
        font-size: 55px !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni h2 span {
            font-size: 22px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni h3 {
        font-size: 22px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-privatni .header img,
    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023-delovni .header img {
        height: 260px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023 .header {
        margin-top: -60px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023 .header h2 {
            font-size: 72px !important;
            line-height: 0.9 !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023 h3 {
        margin-bottom: 25px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.best-net-2023 .white-text-wrap {
        width: 70%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-office .white-text-wrap {
        position: relative;
        z-index: 1;
        width: 50%;
        margin-top: -15%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-office .white-text-wrap .header .image {
            padding: 35px 0px 15px;
        }


    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .ec {
        top: -25%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.plus-kanali {
        background-position: right 70% center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.plus-kanali:after {
            width: 50% !important;
            background-position: right !important;
            background-size: cover;
        }



    .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .item-wrapper:after {
        width: 45%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap {
        margin-top: -20%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj:after {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj:after {
        content: '';
        position: absolute;
        width: 70%;
        height: 100%;
        left: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-maj .white-text-wrap {
        width: 40%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj .item-wrapper .white-text-wrap .header h2 {
        font-size: 37px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj .item-wrapper .white-text-wrap .header h3 {
        font-size: 25px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-and-surf:after {
        content: '';
        position: absolute;
        width: 70%;
        height: 100%;
        left: -130px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2023 {
        background-position: 70% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2023 .header {
            width: 80%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-povekje-internet .white-text-wrap {
        margin-top: -150px;
        margin-left: 60px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-banner-povekje-internet .white-text-wrap h2 {
            font-size: 56px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni:after {
        width: 80%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.april-promo-privatni .item-wrapper .header {
        margin-top: -200px;
        margin-left: 90px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.martovska-promocija:after {
        width: 100%;
        left: -40%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner:after {
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023:after {
        width: 60% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023 .header {
        margin-left: 70px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023 .header h2 {
            font-size: 45px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023 .header h3 {
            font-size: 30px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner-new {
        background-position: 25% 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.t-phone {
        background-position: 35% 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.eco-popust-banner .sliderUrediTxt-image {
        background-size: contain;
        bottom: -110px;
        left: 0;
        right: 0;
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2022 {
        background-position: 33% center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.halloween-banner h3 {
        font-size: 50px !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.halloween-banner h3 span {
            font-size: 55px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.halloween-banner h4 {
        font-size: 32px;
    }


    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner .header h2 {
        font-size: 60px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner .header h3 {
        font-size: 30px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-14-banner .item-wrapper > div {
        height: 100%;
        transform: scale(0.8);
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-z-flip-fold-presales {
        background-size: contain !important;
        background-color: #f4f4f4 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-watch-presales {
        background-image: url(../content/banners/2022/samsung-watch5-banner.jpg) !important;
        background-position: center !important;
        background-size: 110% !important;
        background-color: white !important;
    }
}

@media (min-width: 1990px) {
    .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025 {
        background-position: 20% 25% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025:after {
            height: 85%;
            background-position: bottom right;
        }

        .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025 .ec {
            bottom: -40%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.digitalizacija .item-wrapper .white-text-wrap .img-text {
        left: -40px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalizacija .item-wrapper .white-text-wrap .header {
        top: 20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.eco-tag-banner {
        background-position: center 70% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .image {
        width: 75%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .image {
        width: 75%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .white-text-wrap {
        margin-top: -10%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .item-wrapper:after {
        background-size: contain;
    }

    .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap {
        margin-top: -15%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .ec {
        top: -30%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone-airpods .right-img-wrap {
        height: 95%;
    }
}

@media (min-width: 1900px) {
    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap {
        margin-left: 10%;
        margin-top: 20%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap {
        margin-top: -30%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.letna-akcija-2023 {
        background-position: 0% 30% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-business-banner-maj:after {
        background-size: cover;
    }

    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner .white-text-wrap {
        margin-top: 2% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner .right-img-wrap {
        bottom: 16% !important;
        width: 55% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-banner-2023 .header {
        margin-top: 50px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.plus-kanali {
        background-position: top center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.plus-kanali:after {
            content: '';
            position: absolute;
            width: 50%;
            height: 100%;
            background-size: cover;
        }

    .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali {
        background-position: top center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali:after {
            content: '';
            position: absolute;
            width: 65%;
            height: 100%;
            background-size: cover;
        }

        .homepage-wrapper .urediLandingTextSlider .item.superstar-tv-kanali .white-text-wrap {
            width: 40%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.t-phone .right-img-wrap {
        width: 40%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.teaser-banner:after {
        background-position: center 40% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-z-flip-fold-presales {
        background-size: contain !important;
        background-color: #f4f4f4 !important;
        background-repeat: no-repeat !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-watch6 {
        background-size: contain !important;
        background-color: white !important;
        background-repeat: no-repeat !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-z-flip-fold {
        background-size: contain !important;
        background-color: white !important;
        background-repeat: no-repeat !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-tab {
        background-size: contain !important;
        background-color: white !important;
        background-repeat: no-repeat !important;
    }




    .homepage-wrapper .urediLandingTextSlider .item.samsung-watch-presales {
        background-size: contain !important;
        background-color: white !important;
        background-repeat: no-repeat !important;
    }



    .homepage-wrapper .urediLandingTextSlider .item.letna-promocija-juni .white-text-wrap {
        padding: 14% 14% 10% 0%;
        width: 43%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.letna-promocija-juni .white-text-wrap:before {
            top: 40px;
            left: -80px;
        }
}
/*#endregion slider uredi landing*/



/*#region huawei banner so dve buttons*/

a.third.btn.btn-magen.left-huawei-button, a.third.btn.btn-magen.left-huawei-button-sq {
    display: none;
}


a.third.btn.btn-magen.left.left-huawei-p20-lite {
    left: 20%;
}

/*.slider-naslovna-full-width-wraper.slider-naslovna2 .item.online-rasprodazba {
    background: url(/content/banners/2018/online-rasprodazba-2.png) no-repeat !important;
    background-position: 52% 0 !important;
}*/

.slider-naslovna-full-width-wraper.slider-naslovna2 .item.maj-online-rasprodazba {
    background: url(/content/banners/2018/maj-online-rasprodazba-mobile.jpg) no-repeat !important;
    background-position: 31% 0 !important;
}

.slider-naslovna-full-width-wraper.slider-naslovna2 .item.online-letna-ponuda {
    background: url(/content/banners/2018/letna-promocija-baner-mob.jpg) no-repeat !important;
    background-position: 31% 0 !important;
}

.slider-naslovna-full-width-wraper.slider-naslovna2 .item.online-letna-ponuda-juli {
    background: url(/content/banners/2018/online-letna-ponuda-juli-mob.jpg) no-repeat !important;
    background-position: 31% 0 !important;
}

.slider-naslovna-full-width-wraper.slider-naslovna2 .item.maj-online-promocija {
    /*background: url(/content/banners/2018/maj-promocija-a1-baner.jpg) no-repeat !important;*/
    background-position: 31% 0 !important;
}

.slider-naslovna-full-width-wraper.slider-naslovna2 .item.huawei-april {
    background: url(/content/banners/2018/Huawei-P20-A1-banner-mobile.jpg) no-repeat !important;
    background-position: 67% 0 !important;
}

.slider-naslovna-full-width-wraper.slider-naslovna2 .item.super-popust {
    background: url(/content/banners/2018/super-popust-na-smartfoni-baner-mob.jpg) no-repeat !important;
    background-position: 31% 0 !important;
}

.slider-naslovna-full-width-wraper.slider-naslovna2 .item.iphoneXsNaskoro {
    background: url(/content/banners/2018/iPhoneXs-naskoro-mob.jpg) no-repeat !important;
    background-position: center 0 !important;
}


.slider-naslovna-full-width-wraper.slider-naslovna2 .item.iphoneXrNaskoro {
    background: url(/content/banners/2018/baner_iPhoneXr_naskoro-mob.jpg) no-repeat !important;
    background-position: center 0 !important;
}

.slider-naslovna-full-width-wraper.slider-naslovna2 .item.huawei-idnina {
    background: url(/content/banners/2018/Huawei-Mate-20-Pro-dobredojde-vo-idnina-mob.jpg) no-repeat !important;
    background-position: center 0 !important;
}




@media (max-width:767px) {
    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap {
        justify-content: flex-start;
        margin-top: 0px;
        width: 100%;
        margin-left: 20px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .img {
            width: 100px;
        }

            .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .img img {
                width: 100%;
                height: auto;
            }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .app-icons {
        position: relative;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .app-icons a::after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 5;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .right-img-wrap {
        margin-top: 0px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header {
        width: 85% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header h1 {
            font-size: 29px !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header h1 span {
                font-size: 25px !important;
            }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header .ec {
            position: absolute;
            right: initial;
            width: 80px;
            top: 0px;
            left: 43%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .qr {
        display: none !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .app-icons {
        position: relative;
        bottom: 0;
        width: 100px;
        left: 20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.t-phone-2023 {
        background-image: url(../content/banners/2023/t-phone-mob-mk.jpg) !important;
        background-position: center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.t-phone-2023.sq {
            background-image: url(../content/banners/2023/t-phone-mob-sq.jpg) !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-12-13 .sliderUrediTxt-image {
        background-size: cover !important;
        top: 0 !important;
        height: 100% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s21-fe-banner,
    .homepage-wrapper .urediLandingTextSlider .item.samsung-s21-fe-banner.sq {
        background-position: center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.prepaid-card-banner .wrapper-text img {
        right: 0%;
        width: 90%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.navivajte-za-makedonija-privatni,
    .homepage-wrapper .urediLandingTextSlider .item.navivajte-za-makedonija-privatni.sq {
        background-position: center top !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner a {
        z-index: 3;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-popust-2021 .absolute-text {
        right: -100px;
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-promocija {
        background-image: url(../content/banners/2021/samsung-promotion-03-2021-mob.jpg) !important;
        background-position: top center !important;
    }

    a.third.btn.btn-magen.left.left-huawei-p20-lite {
        display: inline-block;
        width: 150px;
        height: 40px;
        right: 6%;
        left: auto !important;
        top: 120px;
    }

    a.third.btn.btn-magen.left.left-huawei-p20, a.third.btn.btn-magen.left.left-huawei-p20-lite {
        display: inline-block;
        width: 154px;
        height: 40px;
        right: 2%;
        left: auto !important;
        text-align: center;
        background-color: #e20074 !important;
        border: 1px solid #af005a !important;
        color: white;
        font-size: 16px;
        padding: 5px 10px;
        line-height: 1.7;
    }

    a.third.btn.btn-magen.left.left-huawei-p20 {
        top: 100px;
    }

    a.third.btn.btn-magen.left.left-huawei-p20-lite {
        top: 155px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .homepage-wrapper .urediLandingTextSlider .item.infobip-omni .item-wrapper .white-text-wrap .header h2 {
        font-size: 50px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap {
        margin-left: 0;
        width: 90%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .right-img-wrap {
        position: absolute !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .img img {
        width: 130px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header h1 {
        font-size: 35px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header h1 span {
            font-size: 30px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header .qr img {
        width: 70px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header .qr p {
        font-size: 21px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header .ec {
        position: absolute;
        right: 230px;
        width: 110px;
        top: 90px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .app-icons {
        bottom: 270px;
        width: 90px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.safenet .item-wrapper .right-img-wrap {
        width: 30% !important;
        bottom: unset !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.safenet {
        background-position: 30% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.safenet:after {
            width: 55%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.iTest-new {
        background-position: 30% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iTest-new:after {
            width: 65%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.iTest {
        background-position: 30% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iTest:after {
            width: 65%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap h2 span {
        font-size: 28px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-office:after {
        width: 80%;
        left: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-office .white-text-wrap .header h2 {
        font-size: 26px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-office .white-text-wrap {
        position: relative;
        z-index: 2;
        width: 55%;
        margin-top: -17%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.business-office .white-text-wrap .header {
            width: 100%;
            margin-left: 38%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023:after {
        width: 70%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 {
        background-position: 25% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap {
            width: 60%;
            margin-left: 20%;
            margin-top: 30%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .item-wrapper:after {
            top: 0;
            left: -20%;
            width: 85%;
        }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap .header h2 {
            font-size: 22px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap .header {
            width: 100%;
        }

            .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap .header h3 {
                width: 100% !important;
                font-size: 19px !important;
            }


    .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .item-wrapper:after {
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap .header .small {
        width: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .white-text-wrap {
        width: 45%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .white-text-wrap .header {
            width: 100%;
        }

            .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .white-text-wrap .header h2 {
                font-size: 40px !important;
                line-height: 1.0 !important;
            }

            .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .white-text-wrap .header h3 {
                margin: 0 35px 0 0;
            }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-tab .inline-btns {
        bottom: 0px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nov-iPhone .inline-btns {
        bottom: 0px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-2023-modeli .inline-btns {
        bottom: 0px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023:after {
        width: 45%;
        background-size: contain;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .white-text-wrap .ec {
        right: -100px;
        width: 100px;
        top: 40px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .right-img-wrap {
        width: 50% !important;
        position: absolute !important;
        bottom: -10px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .white-text-wrap h3 {
        font-size: 35px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .white-text-wrap h4 {
        font-size: 25px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.zemi-popust-banner-new {
        background-position: 20% -40px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nedela-na-popusti .white-text-wrap h2 span {
        font-size: 87px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner .item-wrapper .right-img-wrap {
        width: 50% !important;
        position: absolute !important;
        bottom: 0 !important;
        right: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner .inline-btns a {
        left: 0 !important;
        bottom: 100px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner .inline-btns a:last-of-type {
            left: 130px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner:after {
        width: 60% !important;
        background-position: right !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner .white-text-wrap {
        width: 55%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner h3 {
        font-size: 40px !important;
        margin: 0;
    }

        .homepage-wrapper .urediLandingTextSlider .item.valentine-banner h3 span {
            font-size: 38px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.valentine-banner h4 {
        font-size: 27px !important;
        margin: 0;
    }


    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner:before {
        width: 60% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner:after {
        width: 65%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .white-text-wrap {
        width: 40%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner h3 {
        font-size: 40px !important;
        margin: 0;
    }

        .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner h3 span {
            font-size: 38px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner h4 {
        font-size: 27px !important;
        margin: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .white-text-wrap .ec {
        right: -110px;
        top: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner p {
        font-size: 22px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .white-text-wrap .ec {
        width: 110px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.cisco-umbrella:after {
        content: '';
        background-size: cover;
        width: 105%;
        left: -42%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.cisco-umbrella .right-img-wrap {
        width: 35% !important;
        margin-top: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.cisco-umbrella .ec {
        position: absolute;
        right: -60px;
        top: -80px;
        width: 100px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalen-index-banner-new .item-wrapper > div {
        width: 45% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-12-airpods .inline-btns a:last-of-type {
        left: 180px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.oryx-assistance-banner .item-wrapper {
        justify-content: flex-start !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta1-junska-promocija .absolute-img {
        position: absolute;
        bottom: 60px;
        width: 60%;
        left: 50px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.letna-promocija-juni .white-text-wrap {
        width: 70%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.letna-promocija-juni h3 {
        font-size: 25px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.wow-promocija .item-wrapper div {
        width: 50% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.wow-promocija h2 {
        font-size: 45px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.wow-promocija h3 {
        font-size: 35px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.praznichna-promocija .white-text-wrap,
    .homepage-wrapper .urediLandingTextSlider .item.praznichna-promocija .right-img-wrap {
        width: 50%;
        bottom: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.praznichna-promocija h2 {
        font-size: 35px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.praznichna-promocija h3 {
        font-size: 25px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-13-green .black-text-wrap {
        width: 40%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iphone-13-green .black-text-wrap img {
            width: 40%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-13-green .right-img-wrap {
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .item-wrapper {
        align-items: center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.banner-chista-10ka .white-text-wrap {
        width: 80%;
        height: 100%;
    }

    #carousel-redesign .urediLandingTextSlider .item h2 {
        font-size: 45px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.banner-chista-10ka .white-text-wrap h3 {
        font-size: 25px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-12-13 .sliderUrediTxt-image {
        top: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-12-13 .sliderUrediTxt-image {
        background-size: cover;
        top: 0;
        height: 100%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.prepaid-card-banner .wrapper-text img {
        right: -10%;
    }

    #myCarousel2.homepage-slider-full a.third.btn.btn-magen.left.left-huawei-p20, #myCarousel2.homepage-slider-full a.third.btn.btn-magen.left.left-huawei-p20-lite {
        display: block;
    }

    a.third.btn.btn-magen.left.left-huawei-p20-lite {
        left: 25%;
    }
}


@media(min-width: 1000px) and (max-width: 1400px) {
    .homepage-wrapper .urediLandingTextSlider .item.praznichna-promocija .white-text-wrap {
        bottom: 20px !important;
        width: 50% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.praznichna-promocija .white-text-wrap h2 {
            font-size: 40px !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.praznichna-promocija .white-text-wrap h3 {
            font-size: 27px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.praznichna-promocija .ec {
        width: 100px;
    }

        .homepage-wrapper .urediLandingTextSlider .item.praznichna-promocija .ec img {
            width: 100px;
        }
}

@media (max-width:320px) {

    .slider-naslovna-full-width-wraper.slider-naslovna2 .item.huawei-april {
        background-position: 65% 0 !important;
    }
}

/*#endregion huawei banner so dve buttons*/



/*#region business office 365*/


.uslugi-office365-accordion .panel-heading {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    background-color: #f8f8f8;
    font-size: 16px;
    position: relative;
    text-transform: uppercase;
    padding: 0;
    margin-top: 45px;
}

.uslugi-office365-accordion .panel.panel-default {
    border: none;
    box-shadow: none;
}

.uslugi-office365-accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: none;
    padding: 15px 0;
}

.uslugi-office365-accordion .panel-heading h4.panel-title {
    padding-top: 0;
}

.uslugi-office365-accordion h4.panel-title a:hover, .uslugi-office365-accordion h4.panel-title a:focus, .uslugi-office365-accordion h4.panel-title a:active {
    color: #e20074;
    text-decoration: none;
}

.uslugi-office365-accordion h4.panel-title a {
    display: block;
    font-family: 'teleNeo-medium' !important;
    color: #e20074;
    padding: 20px 45px 20px 20px;
    font-size: 19px;
    line-height: 1.2;
}

.uslugi-office365-accordion .oldPrice .p-right-smart span.p-currency {
    line-height: 1;
}

.uslugi-office365-accordion .smart-table {
    border-top: 0px solid #e0e0e0;
}

#mag1BusinessServices .uslugi-office365-accordion .smart-table .smart-tarifa {
    min-height: 110px;
}

#mag1BusinessServices .uslugi-office365-accordion .smart-table .oldPrice .p-right-smart {
    margin-top: 11px;
}

.uslugi-office365-accordion .smart-table span.tariff-title {
    font-size: 25px;
    font-family: 'teleNeo-medium' !important;
}

#mag1BusinessServices .uslugi-office365-accordion .smart-table p.smart-head {
    line-height: 1.2;
    padding: 0;
    padding-top: 25px;
}

.uslugi-office365-accordion .office-desktop {
    min-height: 208px;
}

#mag1BusinessServices .uslugi-office365-accordion .smart-table .office365-uslugiIcon .one-t-dicklaimer {
    position: relative;
    left: auto;
    bottom: auto;
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
    background-color: transparent;
    margin-left: 0;
    border: none;
    margin-right: 15px;
    margin-bottom: 5px;
}

#mag1BusinessServices .uslugi-office365-accordion .one-t-dicklaimer.max .one-t-dicklaimer-message:before {
    left: 38%;
}

#mag1BusinessServices .uslugi-office365-accordion .smart-table .office365-uslugiIcon .one-t-dicklaimer-message {
    bottom: 45px !important;
    z-index: 9999;
}

.uslugi-office365-accordion .office365-uslugiIcon {
    width: 61%;
    margin-bottom: 15px;
    min-height: 80px;
}

#mag1BusinessServices .uslugi-office365-accordion ul li {
    display: block;
    background: url(../images/list-bullet.png) 0 11px no-repeat;
    margin-top: 5px;
    line-height: 1.2;
    padding-left: 15px;
}


.uslugi-office365-accordion .panel-default > .panel-heading > .panel-title > a.collapsed:after {
    content: '$';
    font-family: 'teleicon-outline';
    position: absolute;
    color: #000000;
    font-size: 22px;
    top: 20px;
    right: 20px;
    margin: auto;
    transform: rotateZ(0deg);
}

.uslugi-office365-accordion .panel-default > .panel-heading > .panel-title > a:after {
    content: ']$';
    font-family: 'teleicon-outline';
    position: absolute;
    color: #000000;
    font-size: 22px;
    top: 20px;
    right: 20px;
    margin: auto;
    transform: rotateZ(-180deg);
    transition-property: transform;
    transition-duration: 0.25s;
}

.m1b-office-box {
    padding: 45px 0;
    text-align: left;
}

.m1b-intro-box-title {
    padding: 50px 0 30px;
}

#magenta1-biznis-wraper .mb-partner-box a {
    text-decoration: underline;
}

.m1b-office-box .mb-magenta-box {
    background: #e20074;
    color: white;
    padding: 30px 25px;
    min-height: 104px;
}

    .m1b-office-box .mb-magenta-box a {
        color: white;
        text-decoration: underline;
    }

    .m1b-office-box .mb-magenta-box p {
        display: inline;
    }

.m1b-office-box h2 {
    margin-bottom: 30px !important;
    text-align: center;
}

.m1b-office-box .one-t-dicklaimer {
    top: 0px;
}

#magenta1-biznis-wraper.magenta1-biznis-april .white-back .mb-service-boxes p:first-of-type {
    width: 100%;
}

@media (min-width:992px) and (max-width:1199px) {
    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .img img {
        width: 120px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header h1,
    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header h1 span {
        font-size: 40px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header .qr img {
        width: 70px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .white-text-wrap .header .ec {
        width: 110px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nagradna-igra-2024 .app-icons {
        width: 100px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-office:after {
        left: 0;
        width: 65% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-office .white-text-wrap .header {
        width: 100%;
        margin-left: 33%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.letna-akcija-2023 .header {
        width: 50% !important;
        margin-bottom: 90px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023:after {
        width: 50%;
        background-size: contain;
    }

    .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali:after {
        left: -15%;
        height: 100%;
        width: 65%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali .item-wrapper .white-text-wrap {
        position: relative;
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .white-text-wrap .ec {
        position: absolute;
        right: -130px;
        width: 130px;
        top: 50px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali .item-wrapper .white-text-wrap h2 {
        font-size: 38px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali .item-wrapper .white-text-wrap p {
        font-size: 20px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali .item-wrapper .right-img-wrap {
        width: 120px !important;
    }


    .homepage-wrapper .urediLandingTextSlider .item.iPhone-14-banner .item-wrapper > div {
        height: 100%;
        transform: scale(0.8);
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner:before {
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner:after {
        width: 70%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .white-text-wrap {
        width: 48%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .white-text-wrap .ec {
            width: 110px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner h3 {
        font-size: 45px !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner h3 span {
            font-size: 40px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner h4 {
        font-size: 35px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner p {
        font-size: 28px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.cisco-umbrella:after {
        content: '';
        width: 80%;
        top: 0;
        left: -20%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.cisco-umbrella .right-img-wrap {
        width: 30% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.letna-promocija-juni .item-wrapper {
        justify-content: space-between !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.triPati-povekje-banner .item-wrapper {
        justify-content: center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.triPati-povekje-banner .white-text-wrap {
        padding-right: 5%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.wow-promocija .item-wrapper div {
        width: 50% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.wow-promocija h2 {
        font-size: 50px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.wow-promocija h3 {
        font-size: 40px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.banner-chista-10ka .white-text-wrap {
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.banner-chista-10ka .right-img-wrap {
        width: 40%;
    }

    .m1b-office-box .mb-magenta-box {
        padding: 30px 15px;
    }
}


@media (max-width:767px) {


    #mag1BusinessServices .uslugi-office365-accordion .smart-table p.smart-head {
        line-height: 1.2;
        padding: 25px 0;
    }

    .uslugi-office365-accordion .office365-uslugiIcon {
        min-height: auto;
        width: 69%;
    }

    #mag1BusinessServices .uslugi-office365-accordion .smart-table .smart-tarifa {
        min-height: auto;
    }

    .uslugi-office365-accordion .office-desktop {
        min-height: auto;
    }

    .uslugi-office365-accordion .smart-table span.tariff-title {
        font-size: 22px;
    }

    #mag1BusinessServices .uslugi-office365-accordion .one-t-dicklaimer.max .one-t-dicklaimer-message {
        left: -20px;
    }

        #mag1BusinessServices .uslugi-office365-accordion .one-t-dicklaimer.max .one-t-dicklaimer-message:before {
            left: 12%;
        }
}









/*#endregion business office 365*/

.fantasy-football-dobitnici h2 {
    display: table;
    width: 100%;
    font-size: 19px;
}

    .fantasy-football-dobitnici h2 span {
        display: table-cell;
        width: 50%;
        font-family: 'teleNeo-medium' !important;
    }

    .fantasy-football-dobitnici h2 span {
        text-align: left;
        padding-left: 5px;
    }

        .fantasy-football-dobitnici h2 span:first-of-type {
            text-align: right;
        }

@media (max-width:767px) {

    .fantasy-football-dobitnici h2 {
        font-size: 17px;
        text-align: left;
    }

        .fantasy-football-dobitnici h2 span {
            display: inline-block;
            width: auto;
        }

            .fantasy-football-dobitnici h2 span:first-of-type {
                text-align: left;
            }
}


.siv-box-telekom-promotivno {
    background: #f8f8f8;
    padding: 20px;
    margin-bottom: 30px;
}

    .siv-box-telekom-promotivno p {
        margin-bottom: 0px;
    }

    .siv-box-telekom-promotivno h1 {
        margin-top: 0px !important;
    }

#magenta1-biznis-wraper .mb-partner-boxes .max-tv-business-box {
    position: relative;
}

    #magenta1-biznis-wraper .mb-partner-boxes .max-tv-business-box .m1b-uslugi-maxtv-ec {
        position: absolute;
        top: 55px;
        right: -20px;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .homepage-wrapper .urediLandingTextSlider .item.online-popust-2021 .absolute-text {
        bottom: 80px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.pet-god-m1-hbo a.inline-btn:last-child,
    .homepage-wrapper .urediLandingTextSlider .item.pet-god-m1-hbo.sq a.inline-btn:last-child {
        left: 35%;
    }

    .m1b-office-box .mb-magenta-box {
        padding: 20px 20px;
        min-height: 106px;
    }
}

@media (max-width:767px) {

    .m1b-office-box .mb-magenta-box {
        margin-bottom: 10px;
    }

    #magenta1-biznis-wraper .mb-partner-boxes .max-tv-business-box > img:first-of-type {
        top: 55px;
        right: -60px;
    }

    .m1b-office-box {
        padding: 35px 0 20px;
    }
}

@media (max-width:374px) {

    .uslugi-office365-accordion h4.panel-title a {
        font-size: 15px;
    }

    .uslugi-office365-accordion .smart-table span.tariff-title {
        font-size: 20px;
    }
}


.dobitna-app-nagradna .dobitna-app-box {
    margin-bottom: 20px;
}

    .dobitna-app-nagradna .dobitna-app-box h3 {
        font-family: 'teleNeo-medium' !important;
        font-size: 19px;
    }

    .dobitna-app-nagradna .dobitna-app-box a img {
        width: 150px;
    }

    .dobitna-app-nagradna .dobitna-app-box a:first-of-type {
        margin-right: 10px;
    }

@media (max-width:767px) {

    .dobitna-app-nagradna .dobitna-app-box a img {
        width: 115px;
    }
}



.slider-naslovna-full-width-wraper.slider-naslovna2 .item.smart-football-baner {
    background: url(/content/banners/2018/mob-Smart-Football-A1baner.jpg) no-repeat !important;
    background-position: 69% 0 !important;
}

.slider-naslovna-full-width-wraper.slider-naslovna2 .item.smart-football-baner-sq {
    background: url(/content/banners/2018/mob-Smart-Football-A1baner-sq.jpg) no-repeat !important;
    background-position: 69% 0 !important;
}


/*#region moja smetka*/

#mojaSmetka-landing .mojaSmetka-landing-videoWrapper {
    margin-top: 35px;
}

#mojaSmetka-landing .mojaSmetka-landing-banner {
    position: relative;
    background: url(../content/images/moja-smetka-landing-baner.jpg) no-repeat center;
    background-size: cover;
    height: 441px;
}

#mojaSmetka-landing .mojaSmetka-landing-intro {
    padding: 60px 0;
    text-align: center;
}

    #mojaSmetka-landing .mojaSmetka-landing-intro .row > div:not(:last-of-type) {
        border-right: 1px solid #dbdbdb;
    }

#mojaSmetka-landing .mojaSmetka-introBox h3 {
    color: black;
    text-transform: uppercase;
    font-size: 22px;
}

#mojaSmetka-landing .mojaSmetka-landing-intro a:hover {
    text-decoration: none;
}

#mojaSmetka-landing .mojaSmetka-packages {
    background: #ececec;
    padding: 90px 0 70px;
    text-align: center;
}

#mojaSmetka-landing .mojaSmetka-landing-banner-video {
    text-align: center;
}

.mojaSmetka-landing-faq ul li {
    position: relative;
    display: block;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    margin-left: 15px;
}

    .mojaSmetka-landing-faq ul li:before {
        content: '-';
        position: absolute;
        left: 0px;
        top: 1px;
        font-size: 8px;
        font-family: 'teleicon-outline';
        color: white;
    }

.mojaSmetka-landing-faq a {
    color: white;
    text-decoration: underline;
}

.mojaSmetka-landing-banner h1 {
    font-family: 'teleNeo-bold' !important;
    display: inline-block;
    margin: 0;
    color: white;
    background: #e20074;
    font-size: 64px;
    padding: 3px 15px;
    margin-top: 90px;
}

.mojaSmetka-landing-faq ul {
    margin-bottom: 20px;
}


#mojaSmetka-landing .mojaSmetka-packages h1 {
    color: #000000;
    font-size: 38px;
    font-family: 'teleNeo-regular' !important;
    margin-bottom: 60px;
}

#mojaSmetka-landing .mojaSmetka-packagesBox {
    background-color: white;
    margin: 0 auto;
    margin-bottom: 40px;
}

    #mojaSmetka-landing .mojaSmetka-packagesBox a {
        display: block;
        width: 100%;
        padding: 40px 25px 30px;
    }

    #mojaSmetka-landing .mojaSmetka-packagesBox h3 {
        margin-bottom: 0;
        color: #e20074;
        text-transform: uppercase;
        font-size: 18px;
        min-height: 38px;
    }

#mojaSmetka-landing .mojaSmetka-packages a:hover {
    text-decoration: none;
}

#mojaSmetka-landing .mojaSmetka-landing-faq {
    padding: 50px 0;
    background-color: #e20074;
    position: relative;
}

#mojaSmetka-landing .mojaSmetka-faq-box {
    width: 90%;
    margin: 0 auto;
}

#mojaSmetka-landing .mojaSmetka-landing-faq h1 {
    color: white;
    font-size: 35px;
    text-align: center;
    font-family: 'teleNeo-regular' !important;
    margin-bottom: 40px;
}

#mojaSmetka-landing .mojaSmetka-landing-faq .panel.panel-default {
    border: none;
    box-shadow: none;
    margin-top: 0;
}

#mojaSmetka-landing .mojaSmetka-landing-faq .panel-group .panel.panel-default:first-of-type > .panel-heading {
    border-top: 1px solid #fff;
}

#mojaSmetka-landing .mojaSmetka-landing-faq .panel-default > .panel-heading {
    background-color: white;
    border-color: #bfbfbf;
    border-top: 1px solid #f6b3d8;
    position: relative;
    padding: 0;
}

#mojaSmetka-landing .mojaSmetka-landing-faq .panel-title {
    padding: 0;
}

#mojaSmetka-landing .mojaSmetka-landing-faq h4.panel-title a {
    display: block;
    padding: 25px 30px 25px 20px;
    font-family: 'teleNeo-medium' !important;
    font-size: 19px;
    color: white;
    text-decoration: none;
    background-color: #e20074;
}

#mojaSmetka-landing .mojaSmetka-landing-faq .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: white;
    border: none;
    color: white;
    font-size: 17px;
    line-height: 1.2;
    padding: 0px 30px 25px 20px;
    background-color: #e20074;
}

#mojaSmetka-landing .mojaSmetka-landing-faq .panel-default > .panel-heading > .panel-title > a.collapsed:after {
    content: ']$';
    font-family: 'teleicon-outline';
    position: absolute;
    color: white;
    font-size: 22px;
    top: 27px;
    right: 20px;
    margin: auto;
    transform: rotateZ(0deg);
}

#mojaSmetka-landing .mojaSmetka-landing-faq .panel-default > .panel-heading > .panel-title > a:after {
    content: ']$';
    font-family: 'teleicon-outline';
    position: absolute;
    color: white;
    font-size: 22px;
    top: 27px;
    right: 20px;
    margin: auto;
    transform: rotateZ(-180deg);
    transition-property: transform;
    transition-duration: 0.25s;
}

.mojaSmetka-packagesBox img {
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.mojaSmetka-packagesBox:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.mojaSmetka-introBox img {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.mojaSmetka-introBox:hover img {
    -moz-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    -o-transform: translate(0px, -10px);
    -webkit-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
}



/*.magenta1noemvri  h2{
    margin:50px 0 20px;
}
.magenta1noemvri  .m1b-box.m1b-slider.magentaBusinessNewSliderBox {
padding-top:15px!important;
}
.magenta1noemvri .item h2 {
    font-size: 18px;
    color: #383838 !important;
    text-align: center;
    font-family: 'teleNeo-bold' !important
}
    .magenta1noemvri .p-uredi-cena {
        max-width: 130px;
        display: block;
    }
.magenta1noemvri .p-left {
    float: left;
    width: auto !important;
    text-align: left;
    padding-right: 5px;
}
.magenta1-biznis-april#magenta1-biznis-wraper .m1b-box.m1b-slider .item .regular-price div > span.price2 {
    line-height: 30px;
    font-size: 31px;
    font-weight: 700;
    color: #e20074;
    padding: 10px 0 8px;
    font-family: teleNeo-bold;
    letter-spacing: 0;
}
.magenta1noemvri .price2  label{
    font-weight: normal !important;
    font-family: 'teleNeo-medium' !important;
    line-height: 16px;
    display: block;
}
    .magenta1noemvri .p-right {
    float: left;
    width: auto;
}
.magenta1noemvri .p-currency {
    color: #383838 !important;
    line-height: 13px;
    font-size: 12px !important;
    text-transform: uppercase;
    font-family: teleNeo-bold !important;
    margin-top: -6px!important;
}
.magenta1noemvri .num-instalments {
    color: #383838 !important;
    line-height: 13px;
    font-size: 12px !important;
    text-transform: uppercase;
    font-family: teleNeo-bold !important;
    display: table;
}
.magenta1noemvri .regular-price-new-box {
    border-top: none !important;
}
.magenta1noemvri .p-rates {
    color: #383838;
    display: table-cell;
}
.magenta1noemvri .tariff-name {
    padding-top: 5px;
    border-top: 0;
    color: #989898 !important;
    font-size: 15px !important;
}
div.magenta1noemvri.magenta1b-box-new-april .magentaBusinessNewSliderBox #carousel-example-generic .item a > img.phone {
    width: 400px !important;
}

#businessModalPhoneTwo .modal-dialog,
#businessModalPhoneThree .modal-dialog,
#businessModalPhoneFour .modal-dialog {
    width: 300px;
    margin: auto;
}*/

@media (min-width:768px) and (max-width:991px) {
    #mojaSmetka-landing .mojaSmetka-packagesBox {
        width: 100%;
    }

        #mojaSmetka-landing .mojaSmetka-packagesBox a {
            padding: 25px 10px 20px;
        }

    #mojaSmetka-landing .mojaSmetka-introBox h3 {
        font-size: 19px;
    }

    #mojaSmetka-landing .mojaSmetka-packagesBox h3 {
        font-size: 16px;
    }

    #mojaSmetka-landing .mojaSmetka-packages {
        padding: 60px 0 25px;
    }

    #mojaSmetka-landing .mojaSmetka-landing-intro {
        padding: 50px 0;
    }

    #mojaSmetka-landing .mojaSmetka-landing-banner {
        height: 350px;
    }

    #mojaSmetka-landing .mojaSmetka-packages h1 {
        font-size: 35px;
    }
}




@media (max-width:767px) {

    #mojaSmetka-landing {
        margin-top: 0;
    }

    .mojaSmetka-landing-banner h1 {
        font-size: 34px;
    }

    #mojaSmetka-landing .mojaSmetka-landing-banner {
        height: 250px;
    }

    #mojaSmetka-landing .mojaSmetka-introBox h3 {
        display: table-cell;
        margin: 0;
        vertical-align: middle;
        text-align: left;
    }

    .mojaSmetka-introBox {
        display: table;
        margin: 0 auto;
        width: 90%;
        padding: 12px 0;
    }

    .mojaSmetka-introBox-img {
        display: table-cell;
        vertical-align: middle;
        width: 45%;
    }

        .mojaSmetka-introBox-img img {
            width: 70px;
        }

    .mojaSmetka-landing-videoWrapper {
        position: relative;
        padding-bottom: 49.4%;
        padding-top: 25px;
        height: 0;
    }

    .mojaSmetka-landing-banner-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .mojaSmetka-landing-banner-video {
        padding-top: 30px;
    }

    #mojaSmetka-landing .mojaSmetka-landing-intro .row > div:not(:last-of-type) {
        border-right: none;
    }

        #mojaSmetka-landing .mojaSmetka-landing-intro .row > div:not(:last-of-type) a > div {
            border-bottom: 1px solid #dbdbdb;
        }

    #mojaSmetka-landing .mojaSmetka-landing-intro {
        padding: 10px 0;
    }

    #mojaSmetka-landing .mojaSmetka-packages {
        padding: 40px 0 30px;
    }

        #mojaSmetka-landing .mojaSmetka-packages h1 {
            font-size: 27px;
            margin-bottom: 55px;
        }

    #mojaSmetka-landing .mojaSmetka-packagesBox {
        width: 100%;
        margin-bottom: 25px;
    }

        #mojaSmetka-landing .mojaSmetka-packagesBox a {
            padding: 30px 10px 25px;
        }

        #mojaSmetka-landing .mojaSmetka-packagesBox h3 {
            font-size: 16px;
        }

    #mojaSmetka-landing .mojaSmetka-landing-faq h1 {
        font-size: 29px;
    }

    #mojaSmetka-landing .mojaSmetka-landing-faq h4.panel-title a {
        padding: 25px 20px 25px 0px;
        font-size: 17px;
    }

    #mojaSmetka-landing .mojaSmetka-landing-faq .panel-default > .panel-heading > .panel-title > a:after, #mojaSmetka-landing .mojaSmetka-landing-faq .panel-default > .panel-heading > .panel-title > a.collapsed:after {
        right: 0px;
    }

    #mojaSmetka-landing .streamON-landing-faq .panel-default > .panel-heading + .panel-collapse > .panel-body {
        font-size: 16px;
    }

    #mojaSmetka-landing .mojaSmetka-introBox h3 {
        font-size: 19px;
    }

    .mojaSmetka-packagesBox img {
        width: 70px;
    }
}



/*#endregion moja smetka*/



/*#region nov broj*/
.prepaid-karticki {
    position: relative;
    padding-bottom: 40px;
}

.prePaid-karticka-fullBox {
    display: table;
    width: 89%;
    margin-bottom: 50px;
}

.prepaid-karticki.prepaid-karticki-en .prePaid-karticka-fullBox {
    width: 100%;
}

.prePaid-karticka-img {
    display: table-cell;
    width: 45%;
    padding-right: 15px;
    vertical-align: top;
}

.prePaid-karticka-info {
    display: table-cell;
    width: 55%;
    padding-left: 15px;
    position: relative;
    vertical-align: top;
}

    .prePaid-karticka-info span.old {
        text-decoration: line-through;
    }

.prepaid-karticki.prepaid-karticki-en .prePaid-karticka-info ul {
    margin-bottom: 0;
}

    .prepaid-karticki.prepaid-karticki-en .prePaid-karticka-info ul li {
        margin-bottom: 3px;
    }

.prepaid-karticki-price {
    position: absolute;
    bottom: 0;
    font-size: 22px;
    width: 97%;
}

    .prepaid-karticki-price p {
        display: inline-block;
        font-family: 'teleNeo-medium' !important;
        margin: 0;
    }

    .prepaid-karticki-price a {
        float: right;
    }

.prePaid-karticka-info p.telekom-p-small-text-2017 {
    line-height: 1.1;
}

@media (min-width:992px) and (max-width:1199px) {

    .prePaid-karticka-fullBox {
        width: 94%;
    }

    .prepaid-karticki.prepaid-karticki-en .prePaid-karticka-fullBox.prePaid-karticka-firstBox .prepaid-karticki-price {
        position: relative;
    }
}

@media (min-width:768px) and (max-width:991px) {

    .prePaid-karticka-img {
        width: 50%;
    }

    .prePaid-karticka-info {
        width: 50%;
    }

    .prePaid-karticka-img img {
        margin-top: 15px;
    }

    .prePaid-karticka-info p.telekom-p-small-text-2017 {
        line-height: 1;
    }

    .prePaid-karticka-info ul {
        margin-bottom: 0;
    }

    .prePaid-karticka-fullBox.prepaidSimEvtina .prepaid-karticki-price {
        position: relative;
    }
}



@media (max-width:767px) {

    .prePaid-karticka-img {
        display: block;
        width: 100%;
        padding-right: 0;
    }

    .prePaid-karticka-fullBox {
        width: 100%;
    }

    .prePaid-karticka-info {
        display: block;
        width: 100%;
        padding-left: 0;
        position: relative;
    }

    .prepaid-karticki-price {
        position: relative;
        margin-top: 20px;
    }
}

/*#endregion nov broj*/


/*#region digitalni talenti*/



#carousel-talenti .carousel-control .glyphicon-chevron-right, #carousel-talenti .carousel-control .icon-next {
    margin-right: -15px;
    transform: rotate(180deg);
    right: 20%;
    top: 56%;
}

#carousel-talenti .carousel-control .glyphicon-chevron-left, #carousel-talenti .carousel-control .icon-prev {
    margin-left: -15px;
    left: 20%;
    top: 50%;
}

#carousel-talenti .carousel-indicators {
    bottom: 0px;
    margin-bottom: 5px;
}

#carousel-talenti .carousel-inner > .item > img, #carousel-talenti .carousel-inner > .item > a > img {
    width: 100%;
    height: auto;
}

#carousel-talenti .carousel-indicators li {
    background-image: url(../content/images/dt-carousel-bullets.png) !important;
}

#carousel-talenti {
    margin-bottom: 20px;
}

    #carousel-talenti .glyphicon-chevron-right:before, #carousel-talenti .glyphicon-chevron-left:before {
        content: ']%';
        font-family: 'teleicon-outline';
        color: white;
        font-size: 41px;
    }

    #carousel-talenti .glyphicon-chevron-right:before {
        content: ']%';
    }

    #carousel-talenti .glyphicon-chevron-left:before {
        content: ']%';
    }

@media (max-width:767px) {

    #carousel-talenti .carousel-indicators {
        margin-bottom: 0;
    }
}

/*#endregion digitalni talenti*/


.smart-banner-button {
    position: relative;
}

    .smart-banner-button a.btn {
        position: absolute;
        left: 18px;
        bottom: 15px;
    }





/*#region maxTV landing*/


#maxTV-landingPage .maxTV-landingPage-banner img {
    width: 100%;
}

#maxTV-landingPage .maxTV-lp-magenta-opcii {
    background: #e20074;
    padding: 45px 0 55px;
    color: white;
    position: relative;
    margin-top: -5px;
}

#maxTV-landingPage .maxTV-magenta-opcii-iconBox {
    text-align: center;
    cursor: pointer;
}

#maxTV-landingPage .maxTV-magenta-opcii-iconBox-Title h3 {
    font-family: 'teleNeo-medium' !important;
    text-transform: uppercase;
    font-size: 19px;
}

#maxTV-landingPage .maxTV-lp-arrowBox {
    bottom: -55px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 10;
}

#maxTV-landingPage {
    margin-top: 0px;
    position: relative;
}

    #maxTV-landingPage .maxTV-lp-opcii {
        position: relative;
        background: white;
        padding: 40px 0 30px;
        background-image: url(../content/images/maxTv/maxtv_bg.jpg);
        background-position: center;
        background-size: cover;
    }

        #maxTV-landingPage .maxTV-lp-opcii h2 {
            text-align: center;
            color: white;
            font-size: 45px;
            font-family: 'teleNeo-bold' !important;
            margin-bottom: 40px;
            text-transform: uppercase;
        }

        #maxTV-landingPage .maxTV-lp-opcii h3 {
            font-size: 19px;
            text-align: center;
            margin-bottom: 50px;
            line-height: 1.2;
        }

        #maxTV-landingPage .maxTV-lp-opcii .maxTV-iskustvo-arrows {
            position: absolute;
            right: 0;
            bottom: 10%;
            width: 100px;
        }

        #maxTV-landingPage .maxTV-lp-opcii .maxTv-opcii-indicators ol {
            background-color: transparent;
            position: absolute;
            bottom: 50%;
            z-index: 15;
            width: 30px;
            margin-left: 20px;
            list-style: none;
            text-align: center;
            right: 0;
            left: 95%;
        }

            #maxTV-landingPage .maxTV-lp-opcii .maxTv-opcii-indicators ol li {
                background-image: none !important;
                text-indent: -150px;
                color: white;
                text-align: left;
                padding: 10px 0;
                /* background: #e20074;*/
                line-height: 1.2;
                /*border-radius: 50px;*/
                position: relative;
                width: 30px;
                height: 30px;
            }

                #maxTV-landingPage .maxTV-lp-opcii .maxTv-opcii-indicators ol li:after {
                    content: '';
                    background-color: rgba(226, 0, 116, .6);
                    border-radius: 50px;
                    width: 14px;
                    height: 14px;
                    text-align: left;
                    margin: 7px 0;
                    position: absolute;
                    right: 0;
                }

                #maxTV-landingPage .maxTV-lp-opcii .maxTv-opcii-indicators ol li span {
                    position: relative;
                    color: white;
                    background: black;
                    width: auto;
                    padding: 7px 20px;
                    margin: 5px 0;
                    border-radius: 8px;
                    opacity: 0;
                    transition: all ease-in .3s;
                    font-size: 17px;
                }

                #maxTV-landingPage .maxTV-lp-opcii .maxTv-opcii-indicators ol li.active span,
                #maxTV-landingPage .maxTV-lp-opcii .maxTv-opcii-indicators ol li:hover span {
                    opacity: 1;
                    transition: all ease-in .3s;
                }

                #maxTV-landingPage .maxTV-lp-opcii .maxTv-opcii-indicators ol li.active {
                    transition: all ease-in .3s;
                    -webkit-transition: all ease-in .3s;
                }

                    #maxTV-landingPage .maxTV-lp-opcii .maxTv-opcii-indicators ol li.active:before {
                        content: '';
                        position: absolute;
                        width: 27px;
                        height: 27px;
                        top: 11px;
                        right: -15px;
                        left: 0;
                        bottom: 0;
                        background: rgba(226, 0, 116, .3);
                        border-radius: 50px;
                        margin: 0 auto;
                        transition: all ease-in .3s;
                        -webkit-transition: all ease-in .3s;
                    }

        #maxTV-landingPage .maxTV-lp-opcii .opcija {
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            margin: 0 !important;
        }

    #maxTV-landingPage .maxTV-lp-tvBox-txt {
        color: white;
    }

        #maxTV-landingPage .maxTV-lp-tvBox-txt img {
            position: absolute;
            top: 0px;
        }

        #maxTV-landingPage .maxTV-lp-tvBox-txt h2 {
            margin-left: 45px;
            /* padding: 1px 7px 2px; */
            /* background-color: #e20074; */
            color: white;
            display: inline-block;
            font-size: 32px;
            font-family: 'teleNeo-bold' !important;
            margin-bottom: 20px;
            text-transform: uppercase;
        }

    #maxTV-landingPage .maxTV-lp-tvBox-txt {
        position: relative;
        padding-left: 50px;
    }

    #maxTV-landingPage #maxTV-lp-opcii .maxTV-opcii-btn-box {
        margin: 30px 0;
    }

        #maxTV-landingPage #maxTV-lp-opcii .maxTV-opcii-btn-box a {
            margin: 0 30px 0 0;
        }

    #maxTV-landingPage #maxTV-lp-opcii #max-tv-opcii-total {
        position: relative;
        min-height: 1820px;
    }

    #maxTV-landingPage #maxTV-lp-opcii h3 {
        font-size: 20px;
        text-align: center;
        margin-bottom: 50px;
        line-height: 1.2;
        color: white;
    }

        #maxTV-landingPage #maxTV-lp-opcii h3 span {
            display: block;
            line-height: 1.2;
        }

    #maxTV-landingPage #maxTV-lp-opcii .container div {
        margin: 30px 0;
    }

    #maxTV-landingPage .maxTV-lp-tvBox-txt p {
        font-size: 19px;
        width: 95%;
        /* opacity: 0.8; */
        color: #000000;
    }

    #maxTV-landingPage .maxTV-lp-opcii-tvteka {
        margin: 80px 0;
    }

        #maxTV-landingPage .maxTV-lp-opcii-tvteka .maxTV-lp-tvBox-txt p, #maxTV-landingPage .maxTV-lp-opcii-snimanje .maxTV-lp-tvBox-txt p {
            width: 80%;
        }


        #maxTV-landingPage .maxTV-lp-opcii-tvteka .maxTV-lp-tvBox-txt h2 {
            margin-left: 50px;
        }

    #maxTV-landingPage .maxTV-lp-opcii-btn {
        text-align: center;
        margin-top: 70px;
    }

    #maxTV-landingPage .maxTV-lp-dop-paketi .maxTV-lp-opcii-btn {
        margin-top: 20px;
    }

    #maxTV-landingPage .btn-magen {
        border-radius: 3px;
        padding: 8px 20px;
        font-size: 19px;
    }

    #maxTV-landingPage .maxTV-lp-arrowBox img {
        cursor: pointer;
        width: 100px;
    }

    #maxTV-landingPage .maxTV-landingPage-banner {
        position: relative;
        text-align: center;
    }

    #maxTV-landingPage .maxTV-landingPage-banner-mobile {
        position: relative;
        background: url(../content/images/maxt-tv-landing-baner-background.jpg) no-repeat center;
        background-size: cover;
        padding: 40px 10px 20px;
        text-align: center;
    }

        #maxTV-landingPage .maxTV-landingPage-banner-mobile p {
            color: white;
            line-height: 1.2;
            opacity: 0.8;
        }

        #maxTV-landingPage .maxTV-landingPage-banner-mobile h1 {
            color: white;
            font-size: 25px;
            font-family: 'teleNeo-ultra' !important;
            margin-bottom: 10px;
        }

    #maxTV-landingPage video {
        width: 100%;
        height: auto;
        margin-top: 0px;
        display: block;
    }

    #maxTV-landingPage .maxTV-magenta-opcii-iconBox img {
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

    #maxTV-landingPage .maxTV-lp-iskustvo-tabs ul.nav.nav-tabs li {
        padding: 0;
        margin: 5px;
        border: 1px solid #ddd;
        border-radius: 4px;
        position: relative;
        display: table;
        /*-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;*/
    }

    #maxTV-landingPage .maxTV-lp-iskustvo h1 {
        text-align: center;
        color: #e20074;
        font-size: 56px;
        font-family: 'teleNeo-ultra' !important;
        margin-bottom: 50px;
    }

    #maxTV-landingPage .maxTV-lp-iskustvo-tabs ul.nav.nav-tabs {
        text-align: center;
        padding: 25px 0px 15px;
        display: inline-block;
        border-bottom: 0px;
        width: 100%;
    }

    #maxTV-landingPage .maxTV-lp-iskustvo {
        padding: 50px 0 70px;
    }

    #maxTV-landingPage .maxTV-lp-iskustvo-tabs ul.nav.nav-tabs li a {
        margin: 0px;
        border-radius: 4px !important;
        border: 0px !important;
        display: table-cell;
        line-height: 1.2;
        vertical-align: middle;
        color: black;
        font-size: 19px;
        background: transparent;
        text-transform: uppercase;
        transition: none;
        padding: 10px 19px;
    }

    #maxTV-landingPage .maxTV-lp-iskustvo-tabs .tab-content p {
        font-size: 23px;
        width: 80%;
        color: #000000;
        padding-left: 15px;
    }

    #maxTV-landingPage .maxTV-lp-iskustvo-tabs ul.nav.nav-tabs li.active {
        background-color: #e20074 !important;
    }

        #maxTV-landingPage .maxTV-lp-iskustvo-tabs ul.nav.nav-tabs li.active a {
            color: white !important;
        }

        #maxTV-landingPage .maxTV-lp-iskustvo-tabs ul.nav.nav-tabs li.active:after {
            content: '';
            position: absolute;
            display: block;
            width: 0;
            left: 0;
            right: 0;
            margin: auto;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #e20074;
            bottom: -10px;
        }

    /*#maxTV-landingPage .maxTV-lp-iskustvo-tabs ul.nav.nav-tabs li:hover {
    border: 1px solid #e20074;
}*/

    #maxTV-landingPage .maxTV-magenta-opcii-iconBox:hover img {
        -moz-transform: translate(0px, -10px);
        -ms-transform: translate(0px, -10px);
        -o-transform: translate(0px, -10px);
        -webkit-transform: translate(0px, -10px);
        transform: translate(0px, -10px);
    }

    #maxTV-landingPage .maxTV-landingPage-banner h1 {
        text-align: center;
        color: white;
        font-size: 65px;
        font-family: 'teleNeo-ultra' !important;
        margin-bottom: 25px;
    }

    #maxTV-landingPage .maxTV-landingPage-banner p {
        font-size: 22px;
        width: 90%;
        color: white;
    }

    #maxTV-landingPage .maxTV-landingPage-banner {
        text-align: center;
    }

#maxTV-lp-kanali-box1 p {
    font-size: 23px;
    color: #000000;
}

    #maxTV-lp-kanali-box1 p:last-of-type {
        margin-bottom: 35px;
    }

#maxTV-landingPage .maxTV-landingPage-banner img {
    max-width: 1200px !important;
}



div#maxTV-banner-section {
    position: relative;
    background-image: url('../content/images/maxTV/max-tv-iskustvo-banner-new.jpg');
    height: 580px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3% 0;
}

    div#maxTV-banner-section .header {
        width: 40%;
        left: 0;
        position: relative;
    }

        div#maxTV-banner-section .header * {
            color: white;
        }

        div#maxTV-banner-section .header .ec {
            width: 110px;
            right: 0;
            position: absolute;
            bottom: -90%;
        }

        div#maxTV-banner-section .header h2 {
            font-size: 37px;
            font-family: 'teleNeo-regular' !important;
        }

            div#maxTV-banner-section .header h2 span {
                font-family: 'teleNeo-bold' !important;
                display: block;
            }

        div#maxTV-banner-section .header p {
            font-size: 20px;
            line-height: 1.2;
            font-family: 'teleNeo-bold' !important;
        }




#maxTV-landingPage #maxTV-lp-carousel .carousel-control, #maxTV-landingPage #maxTV-lp-carousel1 .carousel-control {
    z-index: 10 !important;
    width: 150px;
}

    #maxTV-landingPage #maxTV-lp-carousel .carousel-control span, #maxTV-landingPage #maxTV-lp-carousel .carousel-control .icon-prev {
        top: 36%;
        position: absolute;
        z-index: 5;
        display: inline-block;
    }

    #maxTV-landingPage #maxTV-lp-carousel1 .carousel-control span, #maxTV-landingPage #maxTV-lp-carousel1 .carousel-control .icon-prev {
        top: 50%;
        position: absolute;
        z-index: 5;
        display: inline-block;
        transform: translateY(-50%);
    }

    #maxTV-landingPage #maxTV-lp-carousel1 .carousel-control span, #maxTV-landingPage #maxTV-lp-carousel1 .carousel-control .icon-next {
        top: 50%;
        position: absolute;
        z-index: 5;
        display: inline-block;
        transform: translateY(-50%);
    }

#maxTV-landingPage #maxTV-lp-carousel a.carousel-control img {
    max-width: 75px;
}

#maxTV-lp-carousel1 a.carousel-control img {
    max-width: 30px;
}

#maxTV-landingPage #maxTV-lp-carousel a.left.carousel-control span, #maxTV-landingPage1 #maxTV-lp-carousel1 a.left.carousel-control span {
    left: 30%;
}

#maxTV-landingPage #maxTV-lp-carousel a.right.carousel-control span,
#maxTV-landingPage #maxTV-lp-carousel1 .carousel-control span {
    right: 30%;
}

#maxTV-landingPage .maxTV-lp-carousel,
#maxTV-landingPage1 .maxTV-lp-carousel1 {
    text-align: center;
    padding: 40px 0;
    background: #f2f2f2;
}

#maxTV-lp-kanali-box p {
    font-size: 20px;
    margin-bottom: 45px;
}

#maxTV-landingPage .maxTV-lp-carousel h2 {
    text-transform: uppercase;
    color: #e20074;
    font-family: 'teleNeo-medium' !important;
    font-size: 35px;
    margin-bottom: 15px;
}

#maxTV-landingPage .maxTV-lp-carousel-box, #maxTV-landingPage1 .maxTV-lp-carousel-box {
    margin-bottom: 35px;
}

    #maxTV-landingPage .maxTV-lp-carousel-box .item img {
        width: 100%;
        height: auto;
    }

#maxTV-landingPage .maxTV-lp-go {
    position: relative;
    background: url(../content/images/maxt-tv-go-baner.jpg) no-repeat center;
    background-size: cover;
    padding: 4% 0 15%;
}

    #maxTV-landingPage .maxTV-lp-go h2 {
        padding: 1px 7px 2px;
        background-color: #e20074;
        color: white;
        display: inline-block;
        font-size: 51px;
        font-family: 'teleNeo-extra' !important;
        margin-bottom: 30px;
        text-transform: uppercase;
    }

#maxTV-landingPage maxTV-lp-goBox p {
    width: 30%;
    font-size: 21px;
    font-family: 'teleNeo-bold' !important;
    margin-bottom: 40px;
}

#maxTV-landingPage .maxTV-lp-goBox p {
    font-size: 19px;
    width: 30%;
    margin-bottom: 35px;
    font-family: 'teleNeo-bold' !important;
}

#maxTV-landingPage .maxTV-lp-paketi {
    position: relative;
    /* background: #d0d0d0; */
    padding: 50px 0 70px;
    text-align: center;
    background: transparent linear-gradient(45deg, #FFFFFF 0%, #EDEFF3 100%) 0% 0% no-repeat padding-box;
}

    #maxTV-landingPage .maxTV-lp-paketi h2 {
        text-transform: uppercase;
        color: #333;
        font-family: 'teleNeo-extra' !important;
        font-size: 35px;
        margin-bottom: 45px;
        line-height: 1.2;
    }

        #maxTV-landingPage .maxTV-lp-paketi h2 span {
            color: #6B6B6B;
        }

    #maxTV-landingPage .maxTV-lp-paketi h3 {
        font-family: 'teleNeo-bold' !important;
        font-size: 29px;
        margin-bottom: 70px;
        position: relative;
    }

        #maxTV-landingPage .maxTV-lp-paketi h3:after {
            content: '';
            position: absolute;
            width: 90%;
            height: 1px;
            background: #eaeaea;
            left: 0;
            right: 0;
            margin: 0 auto;
            bottom: -38px;
        }

    #maxTV-landingPage .maxTV-lp-paketi .maxTV-lp-paketiBox {
        background: white;
        padding: 45px 20px 25px;
        background: #FFFFFF 0% 0%;
        box-shadow: 0px 0px 250px rgba(0,0,0,.012);
        min-height: 520px;
    }

        #maxTV-landingPage .maxTV-lp-paketi .maxTV-lp-paketiBox:hover {
            border: 3px solid #e20074;
        }

        #maxTV-landingPage .maxTV-lp-paketi .maxTV-lp-paketiBox img {
            margin-bottom: 20px;
        }

        #maxTV-landingPage .maxTV-lp-paketi .maxTV-lp-paketiBox h2 {
            font-family: 'teleNeo-bold' !important;
            margin-bottom: 30px;
            color: #e20074;
        }

        #maxTV-landingPage .maxTV-lp-paketi .maxTV-lp-paketiBox p {
            font-size: 19px;
            margin-bottom: 35px;
            color: #000000;
            min-height: 130px;
        }

#maxTV-landingPage .maxTV-lp-upatstvo {
    padding: 40px 0;
    text-align: center;
    background: #e20074;
}

    #maxTV-landingPage .maxTV-lp-upatstvo a {
        text-transform: uppercase;
        color: white;
        font-family: 'teleNeo-bold' !important;
        font-size: 36px;
    }

#maxTV-landingPage .maxTV-lp-dop-paketi {
    position: relative;
    /*background: url(../content/images/max-tv-landing-dop-opcii.jpg) no-repeat center;
        background-size: cover;*/
    background: white;
    padding: 50px 0;
    text-align: center;
}

    #maxTV-landingPage .maxTV-lp-dop-paketi h2 {
        color: #e20074;
        font-size: 42px;
        font-family: 'teleNeo-bold' !important;
        margin-bottom: 90px;
        text-transform: uppercase;
    }

#maxTV-landingPage .maxTV-dop-paketi-box {
    display: table;
    width: 100%;
    text-align: center;
}

.maxTV-dop-kanali {
    display: inline-block;
    width: 25%;
    margin-bottom: 60px;
    padding: 0 20px;
}

@media (max-width: 1199px) {

    .homepage-wrapper .urediLandingTextSlider .item.safenet-office-safenet-mobile {
        background-image: url(../content/banners/2024/safenet-office-safenet-mobile-2024-mob.jpg) !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.safenet-office-safenet-mobile .white-text-wrap {
            display: none;
        }

        .homepage-wrapper .urediLandingTextSlider .item.safenet-office-safenet-mobile.sq {
            background-image: url(../content/banners/2024/safenet-office-safenet-mobile-2024-mob-sq.jpg) !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.backup-business-2024 {
        background-image: url(../content/banners/2024/backup-business-2024-mob.jpg) !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.backup-business-2024.sq {
            background-image: url(../content/banners/2024/backup-business-2024-mob-sq.jpg) !important;
        }


        .homepage-wrapper .urediLandingTextSlider .item.backup-business-2024 .white-text-wrap {
            display: none;
        }

    .homepage-wrapper .urediLandingTextSlider .item.boc-2024 {
        background-image: url(../content/banners/2024/boc-2024-mob.jpg) !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.boc-2024.sq {
            background-image: url(../content/banners/2024/boc-2024-mob-sq.jpg) !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.boc-2024 .white-text-wrap {
            display: none;
        }

    .homepage-wrapper .urediLandingTextSlider .item.ny-b2b-2024 {
        background-image: url(../content/banners/2024/a1-mk-mob-ny.jpg) !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.ny-b2b-2024.sq {
            background-image: url(../content/banners/2024/a1-sq-mob-ny.jpg) !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.ny-b2b-2024.nov-brz {
            background-image: url(../content/banners/2024/nov-brz-baner-mob.jpg) !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.ny-b2b-2024.nov-brz.sq {
                background-image: url(../content/banners/2024/nov-brz-baner-mob-sq.jpg) !important;
            }

        .homepage-wrapper .urediLandingTextSlider .item.ny-b2b-2024 .white-text-wrap {
            display: none;
        }
}

@media (min-width: 992px) and (max-width: 1199px) {

    #maxTV-landingPage .maxTV-lp-iskustvo-tabs ul.nav.nav-tabs li a {
        font-size: 18px;
        padding: 10px 15px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {

    #maxTV-landingPage .maxTV-lp-arrowBox img {
        width: 80px;
        cursor: pointer;
    }

    #maxTV-landingPage .maxTV-lp-arrowBox {
        bottom: -50px;
    }

    #maxTV-landingPage .maxTV-lp-opcii {
        padding: 80px 0;
    }

        #maxTV-landingPage .maxTV-lp-opcii h1 {
            margin-bottom: 60px;
            font-size: 65px;
        }

    #maxTV-landingPage .maxTV-lp-tvBox-txt p {
        font-size: 18px;
    }

    #maxTV-landingPage .maxTV-lp-carousel h2 {
        font-size: 46px;
    }

    #maxTV-landingPage #maxTV-lp-carousel .carousel-control {
        width: 100px;
    }

    #maxTV-landingPage .maxTV-lp-opcii .maxTV-iskustvo-arrows {
        bottom: 0 !important;
    }

    #maxTV-landingPage #maxTV-lp-carousel a.carousel-control img {
        max-width: 45px;
    }

    #maxTV-landingPage .maxTV-lp-goBox p {
        width: 45%;
    }

    #maxTV-landingPage .maxTV-lp-paketi h1 {
        font-size: 46px;
    }

    #maxTV-landingPage .maxTV-lp-paketi .maxTV-lp-paketiBox h2 {
        /*font-family: 'teleNeo-medium' !important;*/
        font-size: 24px;
    }

    #maxTV-landingPage .maxTV-lp-dop-paketi h1 {
        font-size: 45px;
    }

    #maxTV-landingPage #maxTV-lp-carousel .carousel-control span, #maxTV-landingPage #maxTV-lp-carousel .carousel-control .icon-prev {
        top: 33%;
    }

    #maxTV-landingPage .maxTV-lp-upatstvo a {
        font-size: 34px;
    }
}


@media (min-width: 768px) and (max-width: 991px) {

    #maxTV-landingPage .maxTV-lp-opcii h2 {
        text-align: left;
    }

    #maxTV-landingPage .maxTV-lp-opcii h3 {
        text-align: left !important;
    }

    #maxTV-landingPage .maxTV-lp-magenta-opcii .plr-xs {
        padding-left: 4.5px;
        padding-right: 4.5px;
    }

    #maxTV-landingPage .maxTV-magenta-opcii-iconBox-Title h3 {
        font-size: 16px;
    }

    #maxTV-landingPage .maxTV-lp-opcii .opcija {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    #maxTV-landingPage .maxTV-lp-tvBox-img {
        width: 40%;
    }

    #maxTV-landingPage .maxTV-lp-tvBox-txt h2 {
        font-size: 37px;
        margin-bottom: 15px;
    }

    #maxTV-landingPage .maxTV-lp-tvBox-txt img {
        top: 7px;
    }

    #maxTV-landingPage .maxTV-lp-opcii-tvteka .maxTV-lp-tvBox-txt p, #maxTV-landingPage .maxTV-lp-opcii-snimanje .maxTV-lp-tvBox-txt p, #maxTV-landingPage .maxTV-lp-tvBox-txt p {
        width: 90%;
    }

    #maxTV-landingPage .maxTV-lp-opcii-btn {
        margin-top: 60px;
    }

    #maxTV-landingPage .maxTV-lp-paketi .maxTV-lp-paketiBox p {
        font-size: 18px;
        min-height: 140px;
    }

    #maxTV-landingPage .maxTV-lp-iskustvo-img {
        text-align: center;
        margin-bottom: 20px;
    }

    #maxTV-landingPage .maxTV-dop-paketi-box {
        width: 85%;
        margin: 0 auto;
    }

    #maxTV-landingPage .maxTV-lp-iskustvo-img img {
        width: 50%;
    }

    #maxTV-landingPage .maxTV-lp-iskustvo-tabs ul.nav.nav-tabs {
        width: auto;
        margin: 0 auto;
        display: table;
        padding: 25px 0px 35px;
    }

    #maxTV-landingPage .maxTV-lp-iskustvo-tabs .tab-content p {
        margin: 0 auto;
    }
}




@media (max-width: 767px) {
    #maxTV-landingPage .maxTV-lp-opcii .maxTv-opcii-indicators {
        display: none;
    }

    #maxTV-landingPage .maxTV-lp-opcii .maxTV-iskustvo-arrows {
        position: absolute;
        right: 0;
        bottom: initial;
        width: 100px;
        top: -10px;
    }

    #maxTV-landingPage #maxTV-lp-opcii .maxTV-opcii-btn-box {
        margin: 30px 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }

    .maxTV-opcii-tv-img {
        margin: 50px 0 30px;
    }

    #maxTV-landingPage .maxTV-lp-tvBox-txt {
        width: 100%;
        padding-left: 0;
        margin: 40px 0;
    }

    #maxTV-landingPage .maxTV-lp-opcii .opcija {
        flex-direction: column;
        align-items: flex-start;
    }

    #maxTV-landingPage .maxTV-lp-opcii .maxTV-lp-tvBox-img {
        margin: 40px 0 20px;
    }

    #maxTV-landingPage #maxTV-lp-opcii h3 span {
        padding-left: 0;
    }

    #maxTV-landingPage #maxTV-lp-opcii .maxTV-opcii-btn-box a {
        margin: 0 20px 0 0;
    }

    #maxTV-landingPage .maxTV-lp-tvBox-txt p img {
        display: none;
    }

    #maxTV-lp-kanali-box1 p {
        font-size: 20px;
    }

    #maxTV-landingPage .maxTV-lp-magenta-opcii .plr-xs {
        padding-left: 4.5px;
        padding-right: 4.5px;
    }

    .maxTV-magenta-opcii-iconBox img {
        max-width: 90px;
    }

    #maxTV-landingPage .maxTV-magenta-opcii-iconBox-Title h3 {
        font-size: 16px;
        min-height: 34px;
        margin-bottom: 30px;
    }

    #maxTV-landingPage .maxTV-landingPage-banner img {
        margin-top: 0;
    }

    #maxTV-landingPage {
        margin-top: 0;
    }

        #maxTV-landingPage .maxTV-lp-opcii-btn {
            margin-top: 40px;
        }


        #maxTV-landingPage .maxTV-lp-iskustvo h1 {
            font-size: 37px;
            margin-bottom: 35px;
        }

        #maxTV-landingPage .maxTV-lp-iskustvo-tabs ul.nav.nav-tabs li a {
            display: block;
            font-size: 16px;
            padding: 10px 10px;
        }

        #maxTV-landingPage .maxTV-lp-iskustvo-tabs ul.nav.nav-tabs li {
            display: table-cell;
            width: 47%;
            text-align: center;
        }

            #maxTV-landingPage .maxTV-lp-iskustvo-tabs ul.nav.nav-tabs li.active:after {
                content: none;
            }

        #maxTV-landingPage .maxTV-lp-iskustvo-tabs .tab-content p {
            font-size: 20px;
            width: 90%;
        }

        #maxTV-landingPage .maxTV-lp-iskustvo {
            padding: 50px 0 30px;
        }

        #maxTV-landingPage .maxTV-lp-iskustvo-tabs ul.nav.nav-tabs {
            padding: 25px 0px 10px;
            margin: 0 auto;
            display: table;
        }

        #maxTV-landingPage #maxTV-lp-carousel a.carousel-control img {
            max-width: 40px;
        }

        #maxTV-landingPage .maxTV-lp-magenta-opcii {
            padding: 35px 0 40px;
            position: relative;
        }

        #maxTV-landingPage .maxTV-lp-arrowBox img {
            width: 70px;
        }

        #maxTV-landingPage .maxTV-lp-arrowBox {
            bottom: -45px;
        }

        #maxTV-landingPage .maxTV-lp-opcii h1 {
            font-size: 37px;
            margin-bottom: 40px;
        }

        #maxTV-landingPage .maxTV-lp-opcii {
            padding: 80px 0 30px;
        }

        #maxTV-landingPage .maxTV-lp-tvBox-txt h2 {
            font-size: 34px;
            margin-bottom: 10px;
        }

        #maxTV-landingPage .maxTV-lp-tvBox-txt img {
            top: 0px;
        }

        #maxTV-landingPage .maxTV-lp-tvBox-txt p {
            font-size: 18px;
            width: 100%;
        }

        #maxTV-landingPage .maxTV-lp-opcii-tvteka {
            margin: 10px 0 50px;
        }

            #maxTV-landingPage .maxTV-lp-opcii-tvteka .maxTV-lp-tvBox-txt p, #maxTV-landingPage .maxTV-lp-opcii-snimanje .maxTV-lp-tvBox-txt p {
                width: 100%;
            }

        #maxTV-landingPage .maxTV-lp-carousel h2 {
            font-size: 37px;
            margin-bottom: 37px;
        }

    #maxTV-lp-kanali-box1 .carousel-inner > .item > img {
        height: auto;
    }

    #maxTV-lp-kanali-box1 .maxTV-lp-carousel-box {
        margin-bottom: 0px;
    }

    #maxTV-landingPage #maxTV-lp-carousel .carousel-control {
        width: 80px;
    }

    #maxTV-landingPage #maxTV-lp-carousel1 .carousel-control {
        width: 80px;
    }

    #maxTV-landingPage #maxTV-lp-carousel .carousel-control span, #maxTV-landingPage #maxTV-lp-carousel .carousel-control .icon-prev {
        top: 41%;
    }

    #maxTV-landingPage .maxTV-lp-goBox p {
        font-size: 19px;
        width: 90%;
    }



    #maxTV-landingPage .maxTV-lp-go h2 {
        font-size: 41px;
        margin-bottom: 20px;
    }

    #maxTV-landingPage .maxTV-lp-go {
        padding: 9% 0 15%;
        background-position: left 34% center;
    }

    #maxTV-landingPage .maxTV-lp-paketi h1 {
        font-size: 37px;
        margin-bottom: 45px;
    }

    #maxTV-landingPage .maxTV-lp-paketi .maxTV-lp-paketiBox {
        background: white;
        padding: 35px 20px 20px;
        margin-bottom: 25px;
    }

        #maxTV-landingPage .maxTV-lp-paketi .maxTV-lp-paketiBox p {
            font-size: 19px;
            margin-bottom: 35px;
            min-height: auto;
        }

    #maxTV-landingPage .maxTV-lp-dop-paketi h1 {
        font-size: 34px;
        margin-bottom: 50px;
    }

    #maxTV-landingPage .maxTV-lp-paketi {
        padding: 40px 0 30px;
    }


    .maxTV-dop-kanali {
        width: 33.33%;
    }

    #maxTV-landingPage .maxTV-lp-upatstvo a {
        text-transform: uppercase;
        color: white;
        font-family: 'teleNeo-bold' !important;
        font-size: 31px;
    }

    #maxTV-landingPage .maxTV-lp-upatstvo {
        padding: 30px 0;
    }

    #maxTV-landingPage .maxTV-lp-dop-paketi .maxTV-lp-opcii-btn {
        margin-top: 10px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.smartphones-1-denar-new {
        /*background-image: url(../content/banners/2019/smartphones-1-denar.jpg) !important;*/
        background-image: url(../content/banners/2020/smartphones-1-denar-new.jpg) !important;
    }
}


@media (max-width: 374px) {
    #maxTV-lp-kanali-box1 p {
        font-size: 18px;
    }

    #maxTV-landingPage .maxTV-magenta-opcii-iconBox-Title h3 {
        font-size: 14px;
    }

    #maxTV-landingPage .maxTV-lp-tvBox-txt p {
        font-size: 18px;
    }

    #maxTV-landingPage .maxTV-lp-goBox p {
        font-size: 18px;
    }

    #maxTV-landingPage .maxTV-lp-tvBox-txt h2 {
        font-size: 31px;
    }

    #maxTV-landingPage .maxTV-lp-tvBox-txt img {
        top: 0px;
    }

    #maxTV-landingPage .maxTV-lp-carousel h2 {
        font-size: 34px;
    }

    #maxTV-landingPage .maxTV-lp-paketi h1 {
        font-size: 34px;
        margin-bottom: 35px;
    }

    #maxTV-landingPage .maxTV-lp-upatstvo a {
        font-size: 31px;
    }

    #maxTV-landingPage .maxTV-lp-iskustvo-tabs ul.nav.nav-tabs li a {
        font-size: 14px;
        padding: 10px 2px;
    }

    #maxTV-landingPage .maxTV-lp-iskustvo-tabs ul.nav.nav-tabs li {
        width: 47%;
        margin: 3px;
    }
}





/*#endregion maxTV landing*/






/*#region maxTV landing opcii*/

#maxTV-opcii-landingPage {
    margin-top: 0px;
}

    #maxTV-opcii-landingPage .maxTV-opcii-banner {
        position: relative;
        background: url(../content/images/max-tv-opcii-baner-background.jpg) no-repeat center;
        background-size: cover;
        padding: 90px 20px 110px;
        text-align: center;
        color: white;
    }

        #maxTV-opcii-landingPage .maxTV-opcii-banner img {
            margin-bottom: 60px;
            cursor: pointer;
        }


    #maxTV-opcii-landingPage .maxTV-opcii-lp-box {
        padding: 65px;
    }

.maxTV-opcii-banner h1 {
    text-align: center;
    color: white;
    font-size: 75px;
    font-family: 'teleNeo-ultra' !important;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 80px;
}

#maxTV-opcii-landingPage .maxTV-opcii-banner p {
    font-size: 29px;
    width: 64%;
    margin: 0 auto;
    font-family: 'teleNeo-thin' !important;
    line-height: 1.2;
}

#maxTV-opcii-landingPage .maxTV-opcii-upatstvo {
    padding: 40px 0;
    text-align: center;
    background: #e20074;
}

    #maxTV-opcii-landingPage .maxTV-opcii-upatstvo a {
        text-transform: uppercase;
        color: white;
        font-family: 'teleNeo-bold' !important;
        font-size: 36px;
    }

#maxTV-opcii-landingPage .maxTV-opcii-lp-box h1 {
    text-align: center;
    color: #e20074;
    font-size: 56px;
    font-family: 'teleNeo-ultra' !important;
    margin-bottom: 10px;
}

#maxTV-opcii-landingPage .maxTV-opcii-lp-box h3:first-of-type {
    font-size: 19px;
    text-align: center;
    margin-bottom: 50px;
}

    #maxTV-opcii-landingPage .maxTV-opcii-lp-box h3:first-of-type span {
        display: inline-block;
        padding-left: 70px;
    }

#maxTV-opcii-landingPage .maxTV-opcii-row {
    display: table;
    width: 100%;
    margin-bottom: 90px;
}


#maxTV-opcii-landingPage .maxTV-opcii-tv-img {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
}

#maxTV-opcii-landingPage .maxTV-opcii-tv-txt {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    padding: 10px 10px 0px 50px;
    position: relative;
}

    #maxTV-opcii-landingPage .maxTV-opcii-tv-txt p {
        font-size: 23px;
        color: #000000;
    }

#maxTV-opcii-landingPage .maxTV-opcii-btn-box {
    position: absolute;
    bottom: 0;
    left: 50px;
}

#maxTV-opcii-landingPage .maxTV-opcii-tv-txtTitle img {
    position: absolute;
    top: 13px;
    left: 0;
}

#maxTV-opcii-landingPage .maxTV-opcii-tv-txtTitle h2 {
    color: #e20074;
    font-family: 'teleNeo-bold' !important;
    margin-bottom: 30px;
    font-size: 34px;
}

#maxTV-opcii-landingPage .btn-magen {
    font-size: 18px;
    margin-right: 25px;
    outline: none !important;
}

.maxTV-opcii-tv-txt p span {
    display: inline-block;
}


/*modal maxTV*/

.maxTVopciiModals#mag1BusinessServicesModals {
    z-index: 9999;
}

    .maxTVopciiModals#mag1BusinessServicesModals #unlimitedRuterModal .modal-body {
        padding: 15px 40px 35px 40px;
    }

.maxTVopciiModals #max-tv-teka-txt ul li {
    text-align: left;
}

@media screen and (min-width: 768px) {
    .maxTVopciiModals#mag1BusinessServicesModals .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.maxTVopciiModals#mag1BusinessServicesModals .modal-dialog {
    display: inline-block;
    text-align: left;
    margin-top: 0;
    height: 492px;
    overflow-y: scroll;
    top: 25%;
}

    .maxTVopciiModals#mag1BusinessServicesModals .modal-dialog::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

#mag1BusinessServicesModals .modal-dialog::-webkit-scrollbar-thumb {
    background: #e20074;
    border-radius: 10px;
}

#mag1BusinessServicesModals .modal-dialog::-webkit-scrollbar-track {
    background: rgba(170, 170, 170, .50);
    border-radius: 10px;
}

.maxTVopciiModals#mag1BusinessServicesModals .modal-content {
    border-radius: 3px !important;
}

.maxTVopciiModals#mag1BusinessServicesModals .modal-title {
    text-align: center;
    color: #e20074;
    font-family: teleNeo-medium;
    font-size: 24px;
}

.maxTVopciiModals#mag1BusinessServicesModals .modal-header {
    border-bottom: 0;
    padding: 30px 50px 0;
}

.maxTVopciiModals#mag1BusinessServicesModals .modal-body {
    padding: 45px 50px 55px;
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
}

    .maxTVopciiModals#mag1BusinessServicesModals .modal-body p {
        text-align: left;
    }

.maxTVopciiModals#mag1BusinessServicesModals .modal-header .close {
    position: absolute;
    top: 18px;
    right: 5px;
    background: white;
    border-radius: 0;
    opacity: 1;
    width: 21px;
    height: 21px;
    z-index: 3;
}

    .maxTVopciiModals#mag1BusinessServicesModals .modal-header .close > span {
        color: #000000;
        text-shadow: none !IMPORTANT;
        font-weight: normal;
        font-size: 20px;
        margin-top: 10px;
        display: block;
        font-family: 'teleicon-outline' !IMPORTANT;
    }


.maxTVopciiModals#mag1BusinessServicesModals .modal-body table {
    width: 100%;
}

.maxTVopciiModals#mag1BusinessServicesModals .modal-title {
    color: #3d3d3d;
}


maxTVopciiModals#mag1BusinessServicesModals .modal-body {
    overflow-y: hidden;
}

.businessSepPromotion.maxTVopciiModals#mag1BusinessServicesModals .modal-content {
    border-radius: 6px;
}


.maxTVopciiModals#mag1BusinessServicesModals .modal-body table tbody tr td:nth-of-type(2) {
    padding: 2px 10px;
}


.maxTVopciiModals#mag1BusinessServicesModals .modal-body table > tbody > tr > td:first-child {
    font-family: 'teleNeo-medium';
    font-size: 17px;
}

.maxTVopciiModals#mag1BusinessServicesModals .modal {
    text-align: center;
    overflow: hidden !important;
}

.maxTVopciiModals#max-tv-pauziranje-txt .modal-backdrop {
    z-index: unset !important;
}

.maxTVopciiModals#mag1BusinessServicesModals div#max-tv-pauziranje-txt .modal-dialog {
    margin-top: 0 !important;
}

.maxTVopciiModals .modal .maxTV-opcii-modal-title {
    position: relative;
}

    .maxTVopciiModals .modal .maxTV-opcii-modal-title h2 {
        color: #e20074;
        font-family: 'teleNeo-bold' !important;
        margin-bottom: 0;
        margin-top: 12px;
        font-size: 41px;
        padding-left: 50px;
    }

    .maxTVopciiModals .modal .maxTV-opcii-modal-title img {
        position: absolute;
        top: 8px;
        left: 0;
    }



@media (min-width: 768px) {

    .maxTVopciiModals .modal-dialog {
        width: 790px;
        margin: 30px auto;
    }
}

/*end maxTV modals*/



@media (min-width: 992px) and (max-width: 1199px) {

    #maxTV-opcii-landingPage .maxTV-opcii-tv-txt p {
        font-size: 21px;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-upatstvo a {
        font-size: 34px;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-lp-box h3:first-of-type span {
        display: block;
        padding-left: 0;
        padding-top: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    #maxTV-opcii-landingPage .maxTV-opcii-tv-txt p {
        font-size: 19px;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-btn-box {
        position: relative;
        bottom: 0;
        left: 0;
        margin-top: 30px;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-banner p {
        font-size: 32px;
        width: 90%;
        margin: 0 auto;
        font-family: 'teleNeo-thin' !important;
        line-height: 1.2;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-banner {
        padding: 90px 20px 90px;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-upatstvo a {
        font-size: 34px;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-lp-box {
        padding: 65px 0;
    }

        #maxTV-opcii-landingPage .maxTV-opcii-lp-box h1 {
            font-size: 65px;
            margin-bottom: 30px;
        }

    #maxTV-opcii-landingPage .maxTV-opcii-banner h1 {
        font-size: 61px;
        width: 90%;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-lp-box h3:first-of-type span {
        display: inline-block;
        padding-left: 0;
        padding-top: 10px;
    }
}



@media (max-width: 767px) {

    #maxTV-opcii-landingPage {
        margin-top: 0;
    }

    .maxTVopciiModals#mag1BusinessServicesModals .modal-dialog {
        max-width: 350px;
    }

    .maxTVopciiModals#mag1BusinessServicesModals .modal-body {
        padding: 30px 10px 10px;
        font-size: 19px;
    }

    .maxTVopciiModals#mag1BusinessServicesModals iframe {
        width: 100%;
        height: auto;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-banner h1 {
        font-size: 45px;
        width: 100%;
        margin-bottom: 30px;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-banner {
        padding: 8% 0px 5%;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-tv-txt p {
        font-size: 19px;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-btn-box {
        position: relative;
        bottom: 0;
        left: 0;
        margin-top: 30px;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-upatstvo {
        padding: 30px 0;
    }

        #maxTV-opcii-landingPage .maxTV-opcii-upatstvo a {
            font-size: 31px;
        }

    #maxTV-opcii-landingPage .maxTV-opcii-banner p {
        font-size: 22px;
        width: 90%;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-banner img {
        margin-bottom: 40px;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-banner {
        padding: 45px 0px 30px;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-lp-box h1 {
        font-size: 37px;
        margin-bottom: 25px;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-lp-box {
        padding: 45px 0;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-row {
        display: block;
        margin-bottom: 45px;
    }

    .maxTVopciiModals#mag1BusinessServicesModals .modal-header {
        padding: 30px 50px 0 10px;
    }

    .maxTVopciiModals .modal .maxTV-opcii-modal-title h2 {
        font-size: 34px;
    }

    .maxTVopciiModals .modal .maxTV-opcii-modal-title img {
        top: 4px;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-tv-img {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-lp-box {
        padding: 45px 20px;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-tv-txtTitle h2 {
        margin-bottom: 20px;
        font-size: 34px;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-tv-txtTitle img {
        top: 13px;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-tv-img img {
        margin-bottom: 20px;
    }

    #maxTV-opcii-landingPage .btn-magen {
        font-size: 16px;
        margin-right: 5px;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-lp-box h3:first-of-type {
        text-align: left;
        margin-bottom: 20px;
    }

        #maxTV-opcii-landingPage .maxTV-opcii-lp-box h3:first-of-type span {
            display: block;
            padding-left: 0;
            padding-top: 15px;
        }
}


@media (max-width: 374px) {

    #maxTV-opcii-landingPage .maxTV-opcii-tv-txt p {
        font-size: 17px;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-tv-txt {
        padding: 10px 10px 0px 45px;
    }

    #maxTV-opcii-landingPage .btn-magen {
        margin-bottom: 10px;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-row {
        margin-bottom: 25px;
    }

    #maxTV-opcii-landingPage .maxTV-opcii-btn-box {
        margin-top: 20px;
    }
}






/*#endregion maxTV landing opcii*/

#smartTooltip .smart-promoRoaming-box {
    padding: 5px 20px 10px !important;
}

.travel-and-surf-promo h1 span {
    font-family: 'teleNeo-medium' !important;
}

.travel-and-surf-promo-business {
    background-color: #f3f3f3;
    padding: 10px 20px;
    position: relative;
    margin-top: 20px;
}

    .travel-and-surf-promo-business span.old-price {
        color: black !important;
        font-family: 'teleNeo-medium' !important;
        text-decoration: line-through;
        margin-right: 4px;
    }

        .travel-and-surf-promo-business span.old-price:before {
            display: none;
        }

    .travel-and-surf-promo-business span.new-price {
        position: relative;
        color: #e20074;
        font-family: 'teleNeo-medium' !important;
    }

    .travel-and-surf-promo-business img {
        position: absolute;
        right: -10px;
        top: -30px;
    }

    .travel-and-surf-promo-business .inner-cont {
        background: transparent;
    }

    .travel-and-surf-promo-business table {
        background: transparent !important;
    }

.inner-cont.travel-and-surf-box-june {
    margin-bottom: 0;
}

#magenta1-biznis-wraper .mb-service-box {
    position: relative;
}

    #magenta1-biznis-wraper .mb-service-box .m1b-mobUslugi {
        position: absolute;
        right: 41px;
        top: -30px;
    }


@media (min-width: 768px) and (max-width: 991px) {


    #magenta1-biznis-wraper .mb-service-box .m1b-mobUslugi {
        right: 33%;
        top: -30px;
    }
}

@media (max-width: 767px) {

    .travel-and-surf-promo-business h1 {
        width: 80%;
        margin: 0 auto;
    }

    .travel-and-surf-promo-business img {
        top: -20px;
        width: 65px;
    }

    .travel-and-surf-promo-business {
        margin-top: 30px;
    }

    #magenta1-biznis-wraper .mb-service-box .m1b-mobUslugi {
        right: 35px;
        top: -30px;
        width: 80px;
    }
}


@media (max-width: 374px) {

    #magenta1-biznis-wraper .mb-service-box .m1b-mobUslugi {
        width: 70px;
    }
}


a.third.btn.btn-magen.left-travel-surf-button, a.third.btn.btn-magen.left-travel-surf-button-sq {
    display: none;
}

a.third.btn.btn-magen.left.left-ts-prepaid {
    left: 16%;
}

@media (max-width: 990px) and (min-width: 768px) {

    #myCarousel2.homepage-slider-full a.third.btn.btn-magen.left.left-ts-postpaid, #myCarousel2.homepage-slider-full a.third.btn.btn-magen.left.left-ts-prepaid {
        display: block;
    }

    a.third.btn.btn-magen.left.left-ts-prepaid {
        left: 20%;
    }
}







@media (max-width: 767px) {

    a.third.btn.btn-magen.left.left-ts-postpaid, a.third.btn.btn-magen.left.left-ts-prepaid {
        display: inline-block;
        width: 110px;
        height: 40px;
        left: 4% !important;
        right: auto !important;
        top: auto;
        bottom: 35%;
        text-align: center;
        background-color: #e20074 !important;
        border: 1px solid #af005a !important;
        color: white;
        font-size: 16px;
        padding: 5px 10px;
        line-height: 1.7;
    }

    a.third.btn.btn-magen.left.left-ts-prepaid {
        left: 37% !important;
    }
}

@media (max-width: 374px) {

    a.third.btn.btn-magen.left.left-ts-prepaid {
        left: 42% !important;
    }
}


ul.smart-tarifa-ul li {
    padding-right: 15px;
}


/*#region maxTV landing menuImg*/

li.maxTvIskustvoMenuImg {
    background: url(../content/images/maxTvIskustvoImg.png) no-repeat center;
    background-size: auto;
    min-height: 136px;
    background-position: left -5px bottom;
}


.navbar-default .navbar-nav > li > ul.dropdown-menu li.maxTvIskustvoMenuImg a,
.navbar-default .navbar-nav > li > ul.dropdown-menu li.maxTvIskustvoMenuImg:hover a {
    min-height: 136px;
    position: relative;
}

    .navbar-default .navbar-nav > li > ul.dropdown-menu li.maxTvIskustvoMenuImg a p,
    .navbar-default .navbar-nav > li > ul.dropdown-menu li.maxTvIskustvoMenuImg:hover a p {
        line-height: 25px;
        width: auto;
        color: white;
        font-size: 16px;
        padding: 0px 7px;
        white-space: normal;
        font-family: 'teleNeo-ultra' !important;
        background-color: #e20074 !important;
        position: absolute;
        left: 60%;
        top: 34%;
    }

    .navbar-default .navbar-nav > li > ul.dropdown-menu li.maxTvIskustvoMenuImg a:hover p {
        -moz-transform: translate(0px, -5px);
        -ms-transform: translate(0px, -5px);
        -o-transform: translate(0px, -5px);
        -webkit-transform: translate(0px, -5px);
        transform: translate(0px, -5px);
    }

    .navbar-default .navbar-nav > li > ul.dropdown-menu li.maxTvIskustvoMenuImg a p {
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

li.maxTvIskustvoMenuImg a p:after {
    content: '';
    background-color: #e20e73;
    width: 100%;
    height: 2px;
    z-index: 10;
    opacity: 0.8;
    left: 0;
    position: absolute;
}

@media (min-width: 768px) and (max-width: 991px) {

    li.maxTvIskustvoMenuImg {
        background-size: 170px;
        min-height: 105px !important;
    }

    .navbar-default .navbar-nav > li > ul.dropdown-menu li.maxTvIskustvoMenuImg a, .navbar-default .navbar-nav > li > ul.dropdown-menu li.maxTvIskustvoMenuImg:hover a {
        min-height: 105px !important;
    }

        .navbar-default .navbar-nav > li > ul.dropdown-menu li.maxTvIskustvoMenuImg a p, .navbar-default .navbar-nav > li > ul.dropdown-menu li.maxTvIskustvoMenuImg:hover a p {
            width: 101px;
            font-size: 15px;
            left: 36%;
            top: 64%;
        }
}


/*#endregion maxTV landing menuImg*/




/*#region TV kanali carousel*/

#tvKanali-carousel .tv-kanali-lp-carousel h2 {
    text-transform: uppercase;
    color: #e20074;
    font-family: 'teleNeo-ultra' !important;
    font-size: 56px;
    margin-bottom: 45px;
}

#tvKanali-carousel .tv-kanali-lp-carousel-box {
    margin-bottom: 35px;
}

#tvKanali-carousel #tv-kanali-lp-carousel .carousel-control {
    z-index: 10 !important;
    width: 150px;
}

    #tvKanali-carousel #tv-kanali-lp-carousel .carousel-control span, #tvKanali-carousel #tv-kanali-lp-carousel .carousel-control .icon-prev {
        top: 36%;
        position: absolute;
        z-index: 5;
        display: inline-block;
    }

#tvKanali-carousel #tv-kanali-lp-carousel a.carousel-control img {
    max-width: 75px;
}

#tvKanali-carousel #tv-kanali-lp-carousel a.left.carousel-control span {
    left: 30%;
}

#tvKanali-carousel #tv-kanali-lp-carousel a.right.carousel-control span {
    right: 30%;
}


@media (min-width: 768px) and (max-width: 1199px) {


    #tvKanali-carousel #tv-kanali-lp-carousel .carousel-control {
        width: 100px;
    }

    #tvKanali-carousel #tv-kanali-lp-carousel a.carousel-control img {
        max-width: 45px;
    }

    #tvKanali-carousel #tv-kanali-lp-carousel .carousel-control span, #tvKanali-carousel #tv-kanali-lp-carousel .carousel-control .icon-prev {
        top: 33%;
    }
}

@media (max-width: 767px) {

    #tvKanali-carousel #tv-kanali-lp-carousel a.carousel-control img {
        max-width: 34px;
    }

    #tvKanali-carousel #tv-kanali-lp-carousel .carousel-control {
        width: 80px;
    }

    #tvKanali-carousel #tv-kanali-lp-carousel a.right.carousel-control span {
        right: 18%;
    }

    #tvKanali-carousel #tv-kanali-lp-carousel a.left.carousel-control span {
        left: 18%;
    }

    #tvKanali-carousel #tv-kanali-lp-carousel .carousel-control span, #tvKanali-carousel #tv-kanali-lp-carousel .carousel-control .icon-prev {
        top: 41%;
    }

    #tvKanali-carousel {
        margin: -20px -15px 0;
    }
}


/*#endregion TV kanali carousel*/

/*#region live chat*/
#be-chat-container {
    z-index: 10 !important;
}


/*#endregion live chat*/
.paginationWrap {
    width: auto;
    text-align: center;
    position: relative;
    left: 80px;
}

.slider-naslovna-full-width-wraper.slider-naslovna2 .item.samsung-note {
    background: url(/content/banners/2018/baner-za-Samsung-NOTE-9_FIN-mob.jpg) no-repeat !important;
    background-position: 30% 0 !important;
}

.slider-naslovna-full-width-wraper.slider-naslovna2 .item.samsung-note-sq {
    background: url(/content/banners/2018/baner-za-Samsung-NOTE-9_FIN-mob-sq.jpg) no-repeat !important;
    background-position: 30% 0 !important;
}

    .slider-naslovna-full-width-wraper.slider-naslovna2 .item.samsung-note a.third.btn.btn-magen.left, .slider-naslovna-full-width-wraper.slider-naslovna2 .item.samsung-note-sq a.third.btn.btn-magen.left {
        left: 69%;
    }

.slider-naslovna-full-width-wraper.slider-naslovna2 .item.huawei-idnina a.third.btn.btn-magen.left, .slider-naslovna-full-width-wraper.slider-naslovna2 .item.huawei-idnina-sq a.third.btn.btn-magen.left {
    left: 69%;
    bottom: 15%;
}

/*@media (max-width: 990px) and (min-width: 768px) {

    #myCarousel2.homepage-slider-full .item.huawei-idnina a.third.btn {
        display: block;
        left: 64%;
        bottom: 14%;
    }
}*/

@media (min-width: 768px) and (max-width: 1199px) {
    .slider-naslovna-full-width-wraper.slider-naslovna2 .item.samsung-note a.third.btn.btn-magen.left, .slider-naslovna-full-width-wraper.slider-naslovna2 .item.samsung-note-sq a.third.btn.btn-magen.left {
        left: 70%;
    }
}

@media (max-width: 374px) {

    .slider-naslovna-full-width-wraper.slider-naslovna2 .item.samsung-note, .slider-naslovna-full-width-wraper.slider-naslovna2 .item.samsung-note-sq {
        background-position: 30.6% 0 !important;
    }
}



/*#region maxTV Sport*/


#maxTV-sport .maxTV-sport-banner {
    position: relative;
}

#maxTV-sport .carousel-inner {
    overflow: visible;
}

#maxTV-sport .maxTV-sport-banner .item.maxTV-sport-carousel-1 {
    background: url(../content/images/maxTvLandingPage-banner.jpg) no-repeat center;
    background-size: cover;
    padding-top: 7%;
    padding: 25px 0 5%;
}

#maxTV-sport .maxTV-sport-banner .item.maxTV-sport-carousel-2 {
    background: url(../content/images/maxTvLandingPage-banner-2.jpg) no-repeat center;
    background-size: cover;
    /*padding-top: 3%;*/
    padding: 30px 0 5%;
}

#maxTV-sport .maxTV-sport-banner .item {
    min-height: 665px;
}

#maxTV-sport .maxTV-sport-banner .carousel-control {
    width: 10%;
}

#maxTV-sport .maxTV-sport-banner a.carousel-control span {
    top: 50%;
    position: absolute;
    z-index: 5;
    display: inline-block;
    transform: translateY(-50%);
}

#maxTV-sport #maxTV-sport-carousel a.right.carousel-control span {
    right: 30%;
}

#maxTV-sport #maxTV-sport-carousel a.left.carousel-control span {
    left: 30%;
}

#maxTV-sport #maxTV-sport-carousel a.carousel-control span img {
    max-width: 60px;
}

#maxTV-sport {
    margin-top: 0px;
}

    #maxTV-sport h1 {
        font-size: 51px;
        font-family: 'teleNeo-ultra' !important;
        margin-bottom: 25px;
    }

    #maxTV-sport .maxTV-sport-banner h1 {
        color: white;
    }

    #maxTV-sport .item.maxTV-sport-carousel-2 .maxTV-sport-logo-box {
        margin-top: 0;
        margin-bottom: 27px;
    }

    #maxTV-sport .maxTV-sport-logo-box {
        margin-top: 0px;
    }

        #maxTV-sport .maxTV-sport-logo-box img:first-of-type {
            border-right: 1px solid white;
            padding: 15px 40px 15px 0;
            margin-right: 40px;
        }

    /*#maxTV-sport .item.maxTV-sport-carousel-2 .maxTV-sport-logo-box img:last-of-type {
        border-left: 1px solid white;
        padding: 5px 0px 5px 40px;
    }*/

    #maxTV-sport .item.maxTV-sport-carousel-2 .maxTV-sport-logo-box img:first-of-type {
        /*border-right: none;
        padding: 0px 40px 0px 0px;
        margin-right: 0px;*/
        border-right: 1px solid white;
        padding: 15px 40px 15px 0;
        margin-right: 40px;
    }

    #maxTV-sport .maxTV-sport-tv {
        background: #ebebeb;
        padding: 50px 20px 30px;
    }

        #maxTV-sport .maxTV-sport-tv p span {
            font-family: 'teleNeo-ultra' !important;
        }

        #maxTV-sport .maxTV-sport-tv h1 {
            text-align: center;
            color: #000000;
            font-family: 'teleNeo-bold' !important;
            margin-bottom: 60px;
        }

        #maxTV-sport .maxTV-sport-tv p {
            font-size: 22px;
            color: #000000;
            margin-bottom: 20px;
        }

.maxTV-sport-tv .row > div:first-of-type .maxTV-sport-pehar-box {
    padding-right: 18px;
}

.maxTV-sport-tv .row > div:last-of-type .maxTV-sport-pehar-box {
    padding-left: 18px;
}

#maxTV-sport .maxTV-sport-pehar-box img {
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
}

#maxTV-sport .maxTV-sport-blue {
    background: url(../content/images/maxTvLandingPage-blue-banner.jpg) no-repeat center;
    background-size: cover;
    padding: 80px 0 96px;
}

    #maxTV-sport .maxTV-sport-blue ul li {
        font-size: 22px;
        color: white;
        list-style-type: square;
        line-height: 1.7;
    }

    #maxTV-sport .maxTV-sport-blue h2, #maxTV-sport .maxTV-sport-magenta h2 {
        font-family: 'teleNeo-bold' !important;
        text-align: center;
        color: white;
        font-size: 51px;
        margin-bottom: 50px;
    }

#maxTV-sport .maxTV-sport-magenta h2 {
    margin-bottom: 90px;
}

#maxTV-sport h3 {
    font-family: 'teleNeo-regular' !important;
    font-size: 51px;
    margin-bottom: 20px;
    text-align: left;
    line-height: 1;
    color: #000000;
}

#maxTV-sport .maxTV-sport-magenta {
    background: url(../content/images/maxTvLandingPage-magenta-banner.jpg) no-repeat center;
    background-size: cover;
    padding: 80px 0 75px;
}

    #maxTV-sport .maxTV-sport-magenta .maxTV-sport-magenta-box {
        display: table;
        width: 100%;
    }

    #maxTV-sport .maxTV-sport-magenta .maxTV-sport-magenta-right {
        display: table-cell;
        vertical-align: middle;
        width: 45%;
    }

        #maxTV-sport .maxTV-sport-magenta .maxTV-sport-magenta-right h3 {
            color: white;
            font-family: 'teleNeo-regular' !important;
            font-size: 51px;
            margin-bottom: 20px;
        }

        #maxTV-sport .maxTV-sport-magenta .maxTV-sport-magenta-right p {
            font-size: 22px;
            color: white;
            width: 80%;
        }

    #maxTV-sport .maxTV-sport-magenta .maxTV-sport-magenta-left {
        display: table-cell;
        vertical-align: middle;
        width: 55%;
        text-align: center;
    }

#maxTV-sport .maxTV-sport-blackAndWhite {
    background: url(../content/images/maxTvLandingPage-blackAndWhite-banner.jpg) no-repeat center;
    background-size: cover;
    padding: 123px 0;
}

#maxTV-sport h2 {
    text-align: left;
    color: #000000;
}

#maxTV-sport .maxTV-sport-blackAndWhite p {
    font-size: 22px;
    color: #000000;
    width: 40%;
}

#maxTV-sport .maxTV-sport-blackAndWhite p {
    font-size: 22px;
    color: #000000;
    width: 40%;
}

#maxTV-sport .maxTV-sport-paketi {
    background: #ebebeb;
    padding: 80px 0;
}

#maxTV-sport .maxTV-sport-paketi-box {
    margin-right: 15px;
}

#maxTV-sport .maxTV-sport-paketi .maxTV-sport-box {
    background: white;
    padding: 45px 30px 25px;
    border: 2px solid #e20074;
}

#maxTV-sport .btn {
    border-radius: 3px;
    padding: 8px 20px;
    font-size: 19px;
    margin-top: 25px;
}

#maxTV-sport .maxTV-sport-paketi-box h4 {
    font-size: 28px;
    font-family: 'teleNeo-ultra' !important;
    text-align: center;
    margin-bottom: 40px;
    padding: 0;
    color: #e20074;
}

#maxTV-sport .maxTV-sport-paketi .maxTV-sport-paketi-box p {
    font-size: 22px;
    min-height: 159px;
}

#maxTV-sport .maxTV-sport-paketi .maxTV-sport-tv-kanali {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

    #maxTV-sport .maxTV-sport-paketi .maxTV-sport-tv-kanali img {
        border: 1px solid #e1e1e1;
        padding: 35px 5px;
        display: inline-block;
        width: 19.3%;
    }

#maxTV-sport .maxTV-sport-paketi .maxTV-sport-tv-txt a.btn {
    float: right;
}

#maxTV-sport .maxTV-sport-paketi .maxTV-sport-tv-kanali img:not(:last-of-type) {
    margin-right: 4px;
}

#maxTV-sport .maxTV-sport-go-box {
    background: url(../content/images/sport-maxTV-football-background.png) no-repeat center;
    background-size: cover;
    padding: 70px 0;
}

    #maxTV-sport .maxTV-sport-go-box p {
        font-size: 22px;
        color: #000000;
    }

#maxTV-sport .maxTV-sport-go-full-box {
    width: 100%;
    display: table;
}

#maxTV-sport .maxTV-sport-go-box-img {
    display: table-cell;
    width: 55%;
    vertical-align: middle;
    padding-left: 50px;
}

#maxTV-sport .maxTV-sport-go-box-txt {
    display: table-cell;
    width: 45%;
    vertical-align: middle;
}

#maxTV-sport .maxTV-sport-upatstvo {
    padding: 40px 0;
    text-align: center;
    background: #e20074;
}

    #maxTV-sport .maxTV-sport-upatstvo a {
        text-transform: uppercase;
        color: white;
        font-family: 'teleNeo-bold' !important;
        font-size: 36px;
    }

#maxTV-sport .maxTV-sport-tv .maxTV-sport-tv-txt {
    padding-top: 40px;
}

#maxTV-sport .maxTV-sport-tv-txt p {
    font-size: 22px;
    color: #000;
    margin-bottom: 20px;
}


@media (min-width:1200px) and (max-width:1300px) {

    .homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner .item-wrapper .right-img-wrap {
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .item-wrapper {
        padding-top: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .white-text-wrap {
        position: relative;
        width: 50%;
        display: inline-block;
        margin-top: 2%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner .inline-btns {
        left: 20px !important;
        bottom: 0 !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner .inline-btns a {
            bottom: 90px !important;
        }

            .homepage-wrapper .urediLandingTextSlider .item.iPhone13-banner .inline-btns a:last-of-type {
                left: 180px !important;
            }



    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner h3 {
        font-size: 60px !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner h3 span {
            font-size: 50px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner h4 {
        font-size: 40px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .right-img-wrap {
        width: 55%;
        bottom: 20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.wow-promocija .item-wrapper .white-text-wrap {
        width: 50%;
        position: relative;
        margin-top: -100px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.wow-promocija h2 {
        font-size: 55px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.wow-promocija h3 {
        font-size: 40px !important;
    }

    #maxTV-sport .maxTV-sport-banner .carousel-control {
        width: 7%;
    }

    #maxTV-sport #maxTV-sport-carousel a.carousel-control span img {
        max-width: 40px;
    }
}

@media(max-width: 1200px) {
    .homepage-wrapper .urediLandingTextSlider .item.business-office-banner-new .button-down {
        left: 0;
    }
}

@media (min-width:768px) and (max-width:1199px) {

    #maxTV-sport #maxTV-sport-carousel a.carousel-control span img {
        max-width: 40px;
    }

    #maxTV-sport #maxTV-sport-carousel a.right.carousel-control span {
        right: 20%;
    }

    #maxTV-sport #maxTV-sport-carousel a.left.carousel-control span {
        left: 20%;
    }
}

@media (min-width:768px) and (max-width:991px) {

    #maxTV-sport .maxTV-sport-banner .carousel-control {
        display: none;
    }

    #maxTV-sport .maxTV-sport-banner .item.maxTV-sport-carousel-2 {
        padding: 30px 30px 5%;
    }

    #maxTV-sport .maxTV-sport-banner .item.maxTV-sport-carousel-1 {
        padding: 25px 30px 5%;
    }

    #maxTV-sport .maxTV-sport-banner .item {
        min-height: 475px;
    }

    #maxTV-sport h1 {
        font-size: 46px;
    }

    #maxTV-sport .maxTV-sport-tv .maxTV-sport-tv-txt {
        padding-top: 0;
    }

    #maxTV-sport .maxTV-sport-tv-img img {
        padding-top: 10px;
    }

    #maxTV-sport .maxTV-sport-tv-txt p {
        font-size: 20px;
    }

    #maxTV-sport .maxTV-sport-blue h2, #maxTV-sport .maxTV-sport-magenta h2 {
        font-size: 46px;
        margin-bottom: 50px;
    }

    #maxTV-sport .maxTV-sport-pehar-box-img {
        padding-bottom: 5px;
        height: 300px;
    }

        #maxTV-sport .maxTV-sport-pehar-box-img img {
            height: inherit;
        }

    #maxTV-sport .maxTV-sport-blue ul {
        padding-left: 50px;
    }

    #maxTV-sport .maxTV-sport-magenta .maxTV-sport-magenta-right p {
        font-size: 20px;
    }

    #maxTV-sport .maxTV-sport-magenta-left img {
        width: 160px;
    }

    #maxTV-sport .maxTV-sport-magenta .maxTV-sport-magenta-right h3 {
        font-size: 46px;
    }

    #maxTV-sport .maxTV-sport-magenta .maxTV-sport-magenta-left {
        width: 50%;
    }

    #maxTV-sport .maxTV-sport-magenta .maxTV-sport-magenta-right {
        width: 50%;
    }

    #maxTV-sport .maxTV-sport-paketi-box h4 {
        font-size: 26px;
    }

    #maxTV-sport h3 {
        font-size: 46px;
    }

    #maxTV-sport .maxTV-sport-blackAndWhite {
        padding: 75px 0;
    }

    #maxTV-sport .maxTV-sport-paketi-box {
        padding: 15px;
        margin-right: 0;
    }

    #maxTV-sport .maxTV-sport-paketi .maxTV-sport-box {
        padding: 20px 15px 20px;
    }

    #maxTV-sport .maxTV-sport-paketi .maxTV-sport-tv-kanali img {
        width: 19%;
    }

    #maxTV-sport .maxTV-sport-paketi .maxTV-sport-paketi-box p {
        font-size: 20px;
        min-height: 183px;
    }

    #maxTV-sport .maxTV-sport-go-box p {
        font-size: 20px;
    }

    #maxTV-sport .maxTV-sport-go-box {
        padding: 40px 0;
        background-position: right 15% center;
    }

    #maxTV-sport .maxTV-sport-blue {
        padding: 70px 0 85px;
    }

    #maxTV-sport .maxTV-sport-magenta {
        padding: 70px 0 80px;
    }
}




@media (max-width:767px) {

    #maxTV-sport .maxTV-sport-banner .carousel-control {
        display: none;
    }

    #maxTV-sport {
        margin-top: 0;
    }

        #maxTV-sport h1 {
            font-size: 31px;
        }

        #maxTV-sport .maxTV-sport-logo-box img:first-of-type {
            padding: 10px 15px 10px 0;
            margin-right: 15px;
            width: 85px;
        }

        #maxTV-sport .maxTV-sport-logo-box {
            margin-top: 0px;
        }

        #maxTV-sport .item.maxTV-sport-carousel-2 .maxTV-sport-logo-box {
            margin-top: 0;
            margin-bottom: 20px;
        }

        #maxTV-sport .maxTV-sport-logo-box img:last-of-type {
            width: 70px;
        }

        #maxTV-sport .maxTV-sport-pehar-box img {
            padding-bottom: 5px;
            width: 130px;
        }

    .maxTV-sport-tv .row > div:last-of-type .maxTV-sport-pehar-box {
        padding-left: 0;
    }

    .maxTV-sport-tv .row > div:first-of-type .maxTV-sport-pehar-box {
        padding-right: 0;
        margin-bottom: 50px;
    }

    #maxTV-sport .maxTV-sport-tv .row > div:last-of-type .maxTV-sport-pehar-box img {
        padding-bottom: 5px;
        width: 90px;
    }

    #maxTV-sport .maxTV-sport-banner .item {
        min-height: 380px;
        background-position: left 52% center !important;
    }

    #maxTV-sport .maxTV-sport-tv h1 {
        font-size: 27px;
        margin-bottom: 45px;
    }

    #maxTV-sport .maxTV-sport-tv p, #maxTV-sport .maxTV-sport-blue ul li {
        font-size: 20px;
    }

    #maxTV-sport .item.maxTV-sport-carousel-2 .maxTV-sport-logo-box img:first-of-type {
        padding: 2px 20px 2px 0;
        margin-right: 15px;
        width: 65px;
    }

    #maxTV-sport .maxTV-sport-banner .item.maxTV-sport-carousel-2 {
        background-position: left 69% center !important;
    }

    #maxTV-sport .maxTV-sport-tv-txt p {
        font-size: 20px;
    }

    #maxTV-sport .maxTV-sport-tv {
        padding: 30px 15px 20px;
    }

    #maxTV-sport .maxTV-sport-blue h2, #maxTV-sport .maxTV-sport-magenta h2 {
        font-size: 27px;
    }

    #maxTV-sport .maxTV-sport-blue {
        padding: 50px 15px 50px;
    }

    #maxTV-sport .maxTV-sport-tv .maxTV-sport-tv-txt {
        padding-top: 20px;
    }

    #maxTV-sport .maxTV-sport-magenta {
        padding: 50px 15px 30px;
    }

    #maxTV-sport .maxTV-sport-paketi .maxTV-sport-tv-txt a.btn {
        float: none;
    }

    #maxTV-sport .maxTV-sport-magenta .maxTV-sport-magenta-box {
        display: block;
    }

    #maxTV-sport .maxTV-sport-paketi {
        padding: 40px 0;
    }

    #maxTV-sport .maxTV-sport-magenta .maxTV-sport-magenta-left {
        display: block;
        width: 100%;
    }

        #maxTV-sport .maxTV-sport-magenta .maxTV-sport-magenta-left img {
            width: 110px;
            margin-bottom: 20px;
        }

    #maxTV-sport .maxTV-sport-magenta h2 {
        margin-bottom: 40px;
    }

    #maxTV-sport .maxTV-sport-magenta .maxTV-sport-magenta-right h3 {
        font-size: 36px;
        text-align: center;
    }

    #maxTV-sport .maxTV-sport-magenta .maxTV-sport-magenta-right p {
        font-size: 20px;
        width: 100%;
    }

    #maxTV-sport .maxTV-sport-blackAndWhite {
        padding: 50px 15px;
    }

    #maxTV-sport h3 {
        font-size: 36px;
    }

    #maxTV-sport .maxTV-sport-blackAndWhite p {
        font-size: 20px;
        width: 80%;
    }

    #maxTV-sport .maxTV-sport-paketi-box h4 {
        margin-bottom: 20px;
    }

    #maxTV-sport .maxTV-sport-paketi-box {
        margin-right: 0;
        margin-bottom: 15px;
    }

    #maxTV-sport .maxTV-sport-paketi .maxTV-sport-paketi-box p {
        font-size: 20px;
        min-height: auto;
    }

    #maxTV-sport .maxTV-sport-paketi .maxTV-sport-paketi-box .row > div:first-of-type .maxTV-sport-box {
        margin-bottom: 20px;
    }

    #maxTV-sport .maxTV-sport-paketi .maxTV-sport-box {
        padding: 25px 30px 22px;
    }

    #maxTV-sport .maxTV-sport-go-full-box {
        display: block;
    }

    #maxTV-sport .maxTV-sport-go-box-txt {
        display: block;
        width: 100%;
        margin-bottom: 45px;
    }

    #maxTV-sport .maxTV-sport-go-box-img {
        display: block;
        width: 100%;
        padding-left: 0;
    }

    #maxTV-sport .maxTV-sport-go-box p {
        font-size: 20px;
        color: #000000;
    }

    #maxTV-sport .maxTV-sport-go-box {
        padding: 20px 15px 30px;
    }

    #maxTV-sport .maxTV-sport-upatstvo a {
        font-size: 27px;
    }

    #maxTV-sport .maxTV-sport-upatstvo {
        padding: 30px 0;
    }
}


@media (max-width:767px) {
    .homepage-wrapper .urediLandingTextSlider .item.business-office-banner-new .button-down {
        left: 0;
    }

    #maxTV-sport .maxTV-sport-paketi .maxTV-sport-tv-kanali img {
        width: 18%;
    }
}


/*#endregion maxTV Sport*/


.paginationWrap .pagination {
    display: inline !important;
}

    .paginationWrap .pagination > li > a, .pagination > li > span {
        border: 1px solid transparent !important;
        color: gray;
        padding: 5px 10px;
    }

    .paginationWrap .pagination > .active > a, .paginationWrap .pagination > .active > span, .paginationWrap .pagination > .active > a:hover, .paginationWrap .pagination > .active > span:hover, .paginationWrap .pagination > .active > a:focus, .paginationWrap .pagination > .active > span:focus {
        background: transparent !important;
        border: 1px solid #e20074 !important;
        color: #333;
    }

@media screen and (max-width: 767px) {

    .paginationWrap {
        width: 100% !important;
        left: 0 !important;
        padding-bottom: 50px;
        overflow: hidden;
    }

    .inCentar {
        position: relative;
        transform: translate(35%, 0%);
    }

    .paginationWrap ul {
        background: none !important;
    }

    li.pagination-page {
        display: none !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .paginationWrap {
        width: auto !important;
        left: 0 !important;
        padding-bottom: 50px;
    }
}

/*#region uredi landing huawei baner*/

.urediLandingBannersBox.urediLandingBannersBoxHuawei {
    background: url(../content/images/urediLanding2018/background-Baneri_Huawei_V4.jpg) no-repeat center;
    padding: 25px 0 20px;
    background-size: cover;
}

    .urediLandingBannersBox.urediLandingBannersBoxHuawei h1 {
        color: #fff !important;
        text-align: center;
        font-family: 'teleNeo-thin' !important;
        font-size: 25px;
        margin-bottom: 18px;
    }

    .urediLandingBannersBox.urediLandingBannersBoxHuawei .urediLandingBannersHuaweiRight h1 {
        margin-bottom: 12px;
    }

.urediLandingBannersBoxHuawei .urediLandingBannersHuaweiLeft img {
    margin: 0 auto;
    margin-bottom: 7px;
    display: block;
}

.urediLandingBannersBoxHuawei .urediLandingBannersHuaweiRight img {
    display: block;
    padding-left: 42px;
}

.urediLandingBannersBox.urediLandingBannersBoxHuawei a {
    color: white;
}

.urediLandingBannersBoxHuawei .urediLandingBannersHuaweiLeft a {
    text-align: center;
}

.urediLandingBannersBoxHuawei .urediLandingBannersHuaweiLeftOne {
    text-align: center;
    padding-left: 55px;
}

.urediLandingBannersBoxHuawei .urediLandingBannersHuaweiLeftTwo {
    text-align: center;
    padding-right: 55px;
}

.urediLandingBannersBoxHuawei .urediLandingBannersHuaweiRight a {
    float: right;
    padding-right: 100px;
    margin-top: -4px;
}


@media (min-width: 768px) and (max-width: 991px) {

    .urediLandingBannersBoxHuawei .urediLandingBannersHuaweiLeftTwo {
        padding-right: 30px;
    }

    .urediLandingBannersBoxHuawei .urediLandingBannersHuaweiLeftOne {
        padding-left: 30px;
    }

    .urediLandingBannersBoxHuawei .urediLandingBannersHuaweiRight img {
        padding-left: 0;
    }

    .urediLandingBannersBoxHuawei .urediLandingBannersHuaweiRight a {
        float: right;
        padding-right: 20px;
        margin-top: 8px;
    }

    .urediLandingBannersBox.urediLandingBannersBoxHuawei .urediLandingBannersHuaweiRight h1 {
        margin-bottom: 18px;
    }
}

@media (max-width: 767px) {

    .urediLandingBannersBoxHuawei .urediLandingBannersHuaweiLeftOne {
        padding-left: 0;
    }

    .urediLandingBannersBox.urediLandingBannersBoxHuawei h1 {
        margin-bottom: 30px;
    }

    .urediLandingBannersBoxHuawei .urediLandingBannersHuaweiLeftTwo {
        padding-right: 0;
    }

    .urediLandingBannersBoxHuawei .urediLandingBannersHuaweiLeft {
        margin-bottom: 30px;
    }

    .urediLandingBannersBoxHuawei .urediLandingBannersHuaweiRight img {
        margin: 0 auto;
        padding-left: 0;
        margin-bottom: 10px;
    }

    .urediLandingBannersHuaweiRight {
        text-align: center;
    }

    .urediLandingBannersBoxHuawei .urediLandingBannersHuaweiRight a {
        float: none;
        padding-right: 0;
        margin-top: 15px;
    }
}


/*#endregion uredi landing huawei baner*/

@media (min-width: 768px) {
    .prepaid-new-design.internet-replika .pre-paid-new-table {
        max-width: 280px;
    }
}

h1.headline {
    text-transform: uppercase;
}

h2.subheadline {
    font-size: 19px;
}

.t-font-medium, span.t-font-medium {
    font-family: "teleNeo-medium" !important;
}

.internet-replika .help-box-magenta h2 {
    font-size: 22px;
    text-align: left;
}

.cool-bonus-table {
    position: relative;
    margin-top: 60px;
}

    .cool-bonus-table > img {
        top: -64px;
        position: absolute;
        z-index: 1002;
        right: 0;
    }

    .cool-bonus-table .table-responsive {
        overflow: visible;
    }

    .cool-bonus-table .one-t-dicklaimer.max {
        z-index: 1003;
    }

#subheader .header-menu #top .col-sm-4, #subheader .header-menu #top .col-sm-2 {
    display: none;
}

#subheader .header-menu #top .col-sm-8, #subheader .header-menu #top .col-sm-10 {
    width: 100%;
}

#subheader .header-menu #top {
    display: inline-block;
}

#subheader:not(.company-header) .header-menu #top ul li:last-of-type {
    display: none;
}

@media (max-width: 1199px) {
    .cool-bonus-table img {
        top: -63px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.banner-leten-podarok .white-text-wrap {
        width: 40%;
    }
}

.app-prezemi-box a:first-of-type {
    margin-right: 10px;
}

.app-prezemi-box {
    margin-bottom: 25px;
}

    .app-prezemi-box a img {
        width: 150px !important;
    }



@media (max-width: 767px) {

    .app-prezemi-box a img {
        width: 115px;
    }
}


/*#region M1Business affix*/

#zakazete-sostanok-wrapper.affix-top {
    position: static;
}

#zakazete-sostanok-wrapper.affix {
    bottom: 20% !important;
}

#zakazete-sostanok-wrapper.affix-bottom {
    position: absolute;
}

@media (max-width: 1199px) {

    #zakazete-sostanok-wrapper.affix {
        bottom: 0 !important;
    }
}

@media (max-width: 991px) {


    .homepage-wrapper .urediLandingTextSlider .item.pantheon-cloud-licenci {
        background-image: url(../content/banners/2024/pantheon-cloud-licenci-bg-mk-mobile.jpg) !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.pantheon-cloud-licenci.sq {
            background-image: url(../content/banners/2024/pantheon-cloud-licenci-bg-sq-mobile.jpg) !important;
        }

    div #maxTV-banner-section .header {
        width: 100%;
    }

        div#maxTV-banner-section .header h2 {
            font-size: 27px;
        }

        div#maxTV-banner-section .header .ec {
            width: 120px;
            right: 0;
            position: relative;
            bottom: -30px;
        }

    #zakazete-sostanok-wrapper.affix-bottom {
        top: auto !important;
    }
}

/*#endregion M1Business affix*/


.mojKlub-MagazinBaner {
    position: relative;
    /*background: url(../content/images/moj-klub-landing-baner.jpg) no-repeat;*/
    background-color: #e20074;
    background-size: cover;
    min-height: 380px;
    margin-bottom: 15px;
}

    .mojKlub-MagazinBaner h1 {
        color: white;
        font-size: 50px;
        font-family: 'teleNeo-ultra' !important;
        padding: 60px 0;
    }

        .mojKlub-MagazinBaner h1 span {
            color: #333;
            font-family: 'teleNeo-ultra' !important;
        }

    .mojKlub-MagazinBaner .mklub-buttons {
        position: relative;
        text-align: center;
        margin: 20px 0;
    }

        .mojKlub-MagazinBaner .mklub-buttons a {
            position: relative;
            background: white;
            margin: 0 45px;
            padding: 9px 6px;
            border-radius: 3px;
            color: #e20074;
            font-size: 14px;
            font-family: 'teleNeo-medium' !important;
            text-transform: uppercase;
            display: inline;
        }

.home-one.prePaid .white-box-left.blue-klub.mojKlubBlueBox {
    min-height: 380px;
}


/*new fixes affix*/

/*new fixes affix*/


@media (min-width: 768px) {

    .header-menu {
        z-index: 1001;
        position: relative;
        height: 100%;
        left: 0;
        right: 0;
        top: 0;
    }

    #subheader {
        position: relative;
        left: 0;
        right: 0;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        margin-top: 0px;
    }

    #header {
        position: inherit;
    }

    #subheader.affix {
        top: 0px;
    }

    #subheader.affix-top, #subheader.affix-top #headerOut, #subheader.affix-top #header {
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    #subheader.affix #headerOut, #subheader.affix #header {
        height: 4px;
        overflow: hidden;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    /*    #subheaderOut {
        height: 127px !important;
        background: white;
    }*/

    .breadZ.affix-top {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
    }

    .breadcrumbFullWidth {
        height: 37px;
    }

    .breadZ.affix + div {
        padding-top: 40px;
    }
}

@media (max-width: 767px) {
    .mojKlub-MagazinBaner h1 {
        font-size: 43px;
    }

    .mojKlub-MagazinBaner .mklub-buttons a {
        margin: 20px auto;
        font-size: 12px;
        display: block;
        width: 50%;
    }

    #subheader.affix {
        top: -61px !important;
    }

    .fullFluidBanner {
        position: relative;
        overflow: hidden;
    }

        .fullFluidBanner .fullFluidBanner-imgBox {
            position: relative;
            left: 25%;
            max-width: 767px;
            height: 155px;
            margin-left: -268px;
        }

            .fullFluidBanner .fullFluidBanner-imgBox img {
                max-width: none;
                height: 155px;
            }
}

.relative {
    position: relative;
}

.selectdiv {
    position: relative;
}

    .selectdiv > ul.dropdown {
        margin-bottom: 20px;
    }

    .selectdiv > .dropdown > a {
        display: block;
        border: 1px solid #bbb;
        border-radius: 5px;
        padding: 6px 15px;
        text-decoration: none;
        color: #555555 !important;
        background-color: white;
        background-image: none;
        border: 1px solid #cccccc;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        font-size: 16px;
    }

        .selectdiv > .dropdown > a:hover {
            background-color: #f5f5f5;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

    .selectdiv:after {
        content: "\f3d0";
        font-family: "Ionicons";
        color: #383838;
        font-size: 20px;
        right: 11px;
        top: 0;
        height: 40px;
        padding: 1px 15px;
        position: absolute;
        line-height: 35px;
        pointer-events: none;
        bottom: 0;
        height: auto;
        bottom: 0;
        right: 0;
    }

    .selectdiv > .dropdown {
        position: relative;
        display: block;
    }

    .selectdiv .dropdown-menu {
        left: 0px;
        right: 0px;
        max-width: inherit;
        width: auto;
        padding: 0px;
        margin: 0px;
        margin-top: 10px;
        box-shadow: 2px 2px 5px rgba(0,0,0,.1);
        z-index: 5;
        position: absolute;
    }

        .selectdiv .dropdown-menu li {
            display: block;
            padding: 0;
            clear: both;
            font-weight: normal;
            line-height: 1.42857143;
            color: #333;
            white-space: nowrap;
            font-size: 15px;
            background: none;
            margin: 0;
        }

            .selectdiv .dropdown-menu li a {
                padding: 5px 15px;
                text-transform: none;
                font-size: 16px;
                color: #333;
            }

            .selectdiv .dropdown-menu li.active a {
                background-color: transparent;
                color: #e20074;
            }

            .selectdiv .dropdown-menu li:hover a {
                background-color: #f5f5f5 !important
            }

            .selectdiv .dropdown-menu li a.active, .selectdiv .dropdown-menu li a.active:hover {
                background-color: #eaeaea !important;
            }

            .selectdiv .dropdown-menu li a:hover {
                color: #333;
                background-color: #f5f5f5 !important;
            }

@media (min-width: 768px) {
    .company-header.affix + .buffer, .one-header #subheader.affix + .buffer {
        padding: 67px;
        display: block;
    }

    .theCompany #subheaderOut, .one-header #subheaderOut {
        height: auto;
    }
}


.p-intro-paragraph {
    text-align: center;
    padding-bottom: 25px;
}

.fullFluidBanner {
    margin-top: 0px;
}

.smart-title h1 {
    font-family: 'teleNeo-medium' !important;
    font-size: 24px;
    text-align: center;
    line-height: 1.2;
}

.smart-title h3 {
    font-size: 20px;
}

.urediLandingTextSlider .item.hp-magenta1-ligaNaSampioni .sliderUrediTxt-image.hidden-xs {
    background-image: url(../content/banners/2018/m1-uefa_CL-A1baner_V2.jpg);
}

.urediLandingTextSlider .item.hp-smart-dvojnoInternet .sliderUrediTxt-image.hidden-xs {
    background-image: url(../content/banners/2018/komunicirajte-besprekorno-baner.jpg);
}

.urediLandingTextSlider .item.iphoneXsNaskoro .sliderUrediTxt-image.hidden-xs {
    background-image: url(../content/banners/2018/iPhoneXs-naskoro.jpg);
}

.urediLandingTextSlider .item.super-popust .sliderUrediTxt-image.hidden-xs {
    background-image: url(../content/banners/2018/super-popust-na-smartfoni-baner.jpg);
}


#iphone-xr ul,
#iphone-xr li,
#iphone-xr h1,
#iphone-xr h2,
#iphone-xr h3,
#iphone-xr h4,
#iphone-xr p {
    margin: 0;
    padding: 0;
}

#iphone-xr section {
    display: block;
}

h2.bled-tekst {
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-size: 32px;
}

#iphone-xr ::-moz-focus-inner {
    border: 0;
    padding: 0;
}

@media print {

    #iphone-xr a,
    #iphone-xr a:link,
    #iphone-xr a:visited {
        color: #000;
        text-decoration: none;
    }
}

#iphone-xr {
    direction: ltr;
}

    #iphone-xr .iphone-xr-content-container div {
        display: block;
    }

    #iphone-xr .iphone-xr-content-container h1,
    #iphone-xr .iphone-xr-content-container h2,
    #iphone-xr .iphone-xr-content-container h3,
    #iphone-xr .iphone-xr-content-container h4 {
        float: none;
        text-align: initial;
    }

    #iphone-xr .iphone-xr-content-container li,
    #iphone-xr .iphone-xr-content-container p,
    #iphone-xr .iphone-xr-content-container a,
    #iphone-xr .iphone-xr-content-container p,
    #iphone-xr .iphone-xr-content-container div,
    #iphone-xr .iphone-xr-content-container ul,
    #iphone-xr .iphone-xr-content-container span:not(.iphone-xr-small-caps),
    #iphone-xr .iphone-xr-content-container h1,
    #iphone-xr .iphone-xr-content-container h2,
    #iphone-xr .iphone-xr-content-container h3,
    #iphone-xr .iphone-xr-content-container h4,
    #iphone-xr .iphone-xr-content-container p {
        margin: 0;
        padding: 0;
        top: auto;
        left: auto;
        right: auto;
        text-indent: 0;
        line-height: 1;
        letter-spacing: 0;
        background: none;
    }

    #iphone-xr .iphone-xr-content-container li,
    #iphone-xr .iphone-xr-content-container p,
    #iphone-xr .iphone-xr-content-container a,
    #iphone-xr .iphone-xr-content-container p,
    #iphone-xr .iphone-xr-content-container div,
    #iphone-xr .iphone-xr-content-container ul,
    #iphone-xr .iphone-xr-content-container span:not(.iphone-xr-small-caps),
    #iphone-xr .iphone-xr-content-container h1,
    #iphone-xr .iphone-xr-content-container h2,
    #iphone-xr .iphone-xr-content-container h3,
    #iphone-xr .iphone-xr-content-container h4,
    #iphone-xr .iphone-xr-content-container p {
        position: relative;
    }

        #iphone-xr .iphone-xr-content-container ul li {
            width: auto;
            display: list-item;
        }

    #iphone-xr .iphone-xr-content-container span {
        display: inline;
    }

    #iphone-xr .iphone-xr-content-container span {
        display: inline;
    }

    #iphone-xr .iphone-xr-content-container * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

        #iphone-xr .iphone-xr-content-container *:before,
        #iphone-xr .iphone-xr-content-container *:after {
            box-sizing: border-box;
        }

    #iphone-xr section {
        visibility: visible;
    }

    #iphone-xr .iphone-xr-content-container {
        /* remove media queries for thin div containers */
        /* end of media query */
    }

        #iphone-xr .iphone-xr-content-container .iphone-xr-row {
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
            padding-left: 0;
            padding-right: 0;
        }

            #iphone-xr .iphone-xr-content-container .iphone-xr-row::before,
            #iphone-xr .iphone-xr-content-container .iphone-xr-row::after {
                content: ' ';
                display: table;
            }

            #iphone-xr .iphone-xr-content-container .iphone-xr-row::after {
                clear: both;
            }

            #iphone-xr .iphone-xr-content-container .iphone-xr-row .iphone-xr-row {
                max-width: none;
                margin-left: 0;
                margin-right: 0;
            }

        #iphone-xr .iphone-xr-content-container .iphone-xr-column,
        #iphone-xr .iphone-xr-content-container .iphone-xr-columns {
            width: 100%;
            float: left;
            padding-left: 0;
            padding-right: 0;
        }

        #iphone-xr .iphone-xr-content-container .iphone-xr-small-6 {
            width: 50%;
        }

        #iphone-xr .iphone-xr-content-container .iphone-xr-small-12 {
            width: 100%;
        }

@media (min-width: 767px) {


    #iphone-xr .iphone-xr-content-container .iphone-xr-row.first-row .iphone-xr-small-6:first-of-type {
        width: 35%;
    }

    #iphone-xr .iphone-xr-content-container .iphone-xr-row.first-row .iphone-xr-small-6:last-of-type {
        width: 65%;
    }

    #iphone-xr .iphone-xr-content-container .iphone-xr-row.second-row .iphone-xr-small-6:first-of-type {
        width: 65%;
    }

    #iphone-xr .iphone-xr-content-container .iphone-xr-row.second-row .iphone-xr-small-6:last-of-type {
        width: 35%;
    }
}


@media screen and (min-width: 767px) {

    #iphone-xr .iphone-xr-content-container .iphone-xr-medium-4 {
        width: 33.33333%;
    }

    #iphone-xr .iphone-xr-content-container .iphone-xr-medium-5 {
        width: 41.66667%;
    }

    #iphone-xr .iphone-xr-content-container .iphone-xr-medium-6 {
        width: 50%;
    }

    #iphone-xr .iphone-xr-content-container .iphone-xr-medium-7 {
        width: 58.33333%;
    }

    #iphone-xr .iphone-xr-content-container .iphone-xr-medium-8 {
        width: 66.66667%;
    }

    #iphone-xr .iphone-xr-content-container .iphone-xr-valign-bottom {
        display: table;
    }

        #iphone-xr .iphone-xr-content-container .iphone-xr-valign-bottom .iphone-xr-columns {
            display: table-cell;
            vertical-align: bottom;
        }

        #iphone-xr .iphone-xr-content-container .iphone-xr-valign-bottom .iphone-xr-columns {
            float: none;
        }
}

#iphone-xr {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

    #iphone-xr section.iphone-xr-content-container h1,
    #iphone-xr section.iphone-xr-content-container h2,
    #iphone-xr section.iphone-xr-content-container h3,
    #iphone-xr section.iphone-xr-content-container h4,
    #iphone-xr section.iphone-xr-content-container ul,
    #iphone-xr section.iphone-xr-content-container p {
        margin: 0;
        padding: 0;
        border: none;
        text-indent: 0;
        text-transform: none;
        border-radius: 0;
        background-color: transparent;
        position: relative;
        height: auto;
        float: none;
    }

        #iphone-xr section.iphone-xr-content-container h3 span.iphone-xr-light-text,
        #iphone-xr section.iphone-xr-content-container p span.iphone-xr-light-text {
            color: #c8cbcc;
        }

        #iphone-xr section.iphone-xr-content-container h2.iphone-xr-text-center,
        #iphone-xr section.iphone-xr-content-container p.iphone-xr-text-center {
            text-align: center;
        }

    #iphone-xr section.iphone-xr-content-container h1,
    #iphone-xr section.iphone-xr-content-container h2,
    #iphone-xr section.iphone-xr-content-container h3,
    #iphone-xr section.iphone-xr-content-container h4 {
        display: block;
    }

    #iphone-xr section.iphone-xr-content-container p {
        font-family: "Helvetica Neue", Helvetica, Arial;
        color: #ffffff;
        text-align: left;
    }

        #iphone-xr section.iphone-xr-content-container p span {
            font-family: "Helvetica Neue", Helvetica, Arial;
            font-weight: 400;
        }

        #iphone-xr section.iphone-xr-content-container p.iphone-xr-intro-copy {
            font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
            font-size: 20px;
            line-height: 1.25;
            margin-bottom: 35px;
        }

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container p.iphone-xr-intro-copy {
        font-size: 23px;
        margin: 0 auto;
        width: 85%;
        display: block;
        margin-bottom: 60px;
        font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
    }
}

@media (min-width: 768px) and (max-width: 1068px) {
    #iphone-xr section.iphone-xr-content-container p.iphone-xr-intro-copy {
        font-size: calc(31px * 0.75);
    }
}

#iphone-xr section.iphone-xr-content-container h1.iphone-xr-main-logo {
    background-image: url(https://www.telekom.de/resources/images/370072/iphone-xr-hero-logo-mob.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-bottom: 0%;
    margin: 0 auto;
    display: block;
    width: 126px;
    height: 20px;
    margin-bottom: 0;
    /* Hide the text. */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container h1.iphone-xr-main-logo {
        background-image: url(https://www.telekom.de/resources/images/370068/iphone-xr-hero-logo.png);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        padding-bottom: 4%;
        width: 204px;
        height: 50px;
        margin-bottom: 0;
    }
}

#iphone-xr section.iphone-xr-content-container sup.iphone-xr-sup {
    font-size: 0.65em;
}

#iphone-xr section.iphone-xr-content-container h2.iphone-xr-content-section-heading {
    font-size: 44px;
    font-family: "HelveticaNeueCyr-Bold", Helvetica, Arial !important;
    color: #ffffff;
    letter-spacing: -1px;
    line-height: 1.2;
    margin-bottom: 20px;
}

#iphone-xr section.iphone-xr-content-container h2.iphone-xr-content-section-heading-headline {
    font-size: 40px;
    margin-top: 15px;
    margin-bottom: 0;
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container h2.iphone-xr-content-section-heading {
        font-size: 80px;
        line-height: 1.1;
        margin-bottom: 45px;
    }

    #iphone-xr section.iphone-xr-content-container h2.iphone-xr-content-section-heading-headline {
        margin-top: 0;
        font-size: 61px;
    }
}

@media (min-width: 768px) and (max-width: 1068px) {
    #iphone-xr section.iphone-xr-content-container h2.iphone-xr-content-section-heading {
        font-size: calc(80px * 0.75);
    }

    #iphone-xr section.iphone-xr-content-container h2.iphone-xr-content-section-heading-headline {
        font-size: calc(80px * 0.75);
    }
}

#iphone-xr section.iphone-xr-content-container h3.iphone-xr-content-section-heading {
    font-family: "Helvetica Neue", Helvetica, Arial !important;
    font-weight: 500;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 15px;
    font-size: 23px;
}

    #iphone-xr section.iphone-xr-content-container h3.iphone-xr-content-section-heading span {
        font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
    }

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container h3.iphone-xr-content-section-heading {
        font-size: 28px;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 1068px) {
    #iphone-xr section.iphone-xr-content-container h3.iphone-xr-content-section-heading {
        font-size: calc(28px * 0.75);
    }
}

#iphone-xr section.iphone-xr-content-container h4.iphone-xr-content-section-heading {
    font-size: 14px;
    color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Arial;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 5px;
}

    #iphone-xr section.iphone-xr-content-container h4.iphone-xr-content-section-heading span {
        font-family: "Helvetica Neue", Helvetica, Arial;
        font-weight: 500;
    }

#iphone-xr section.iphone-xr-content-container .iphone-xr-table-cell h4 {
    margin-top: 40px;
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container .iphone-xr-table-cell h4 {
        margin-top: 50px;
    }

        #iphone-xr section.iphone-xr-content-container .iphone-xr-table-cell h4:first-child {
            margin-top: 0px;
        }
}

/* Global gutters */

#iphone-xr {
    background-color: black;
}

    #iphone-xr section.iphone-xr-content-container {
        border: none;
        box-shadow: none;
        margin: 0 auto;
        width: 100%;
        padding: 0;
        max-width: 1024px;
        overflow: hidden;
        background-size: 100%;
    }

        #iphone-xr section.iphone-xr-content-container span.iphone-xr-text-reset {
            color: #ffffff;
            font-weight: 500;
        }

        #iphone-xr section.iphone-xr-content-container div.iphone-xr-row-gutter {
            padding-right: 2em;
            padding-left: 2em;
        }

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container div.iphone-xr-row-gutter {
        padding-right: 2.5em;
        padding-left: 2.5em;
    }
}

/* Section layouts */

#iphone-xr {
    margin: 0 auto;
    margin-top: 0px;
    position: relative;
}

    #iphone-xr section.iphone-xr-content-container {
        padding: 85px 0 0;
        min-width: 0;
        max-width: 1068px;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-content-bleed {
            max-width: 1500px;
        }

        #iphone-xr section.iphone-xr-content-container .iphone-xr-small-caps {
            font-size: 0.8em;
            line-height: .75;
            font-family: "Helvetica Neue", Helvetica, Arial !important;
            font-weight: 500;
        }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask {
            padding: 85px 0 0 0;
            padding-top: 0px;
            margin: 0 auto;
        }

            #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-sup {
                background: inherit;
                font-size: 0.55em;
                font-family: "Helvetica Neue", Helvetica, Arial !important;
                font-weight: 700;
            }

            #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-content-section-heading {
                font-size: 28px;
                line-height: 1.05;
                text-align: left;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                width: 90%;
            }

            #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-mask-text {
                font-size: 25px;
                display: block;
                color: #90b6e3;
                font-family: "HelveticaNeueCyr-Bold", Helvetica, Arial !important;
                font-weight: 500;
                line-height: 1.15;
                letter-spacing: -0.5px;
                padding-bottom: 10px;
            }

                #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-mask-text .iphone-xr-mask-pretext {
                    font-family: "HelveticaNeueCyr-Bold", Helvetica, Arial !important;
                    font-size: 25px;
                    line-height: 1.15;
                    letter-spacing: -0.5px;
                }

                #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-mask-text .iphone-xr-small-caps {
                    font-family: "Helvetica Neue", Helvetica, Arial;
                    font-weight: 700;
                }

@supports (-webkit-background-clip: text) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-mask-text {
        background: url('/content/images/iPhone-2018/iphone-xr-copy-texture-1.jpg') no-repeat top left;
        background-size: cover;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-alt-mask-text {
    font-size: 25px;
    display: block;
    color: #da736a;
    font-family: "HelveticaNeueCyr-Bold", Helvetica, Arial !important;
    line-height: 1.15;
    letter-spacing: -0.5px;
    padding-bottom: 10px;
}

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-alt-mask-text .iphone-xr-mask-pretext {
        font-family: "HelveticaNeueCyr-Bold", Helvetica, Arial !important;
        font-size: 25px;
        line-height: 1.15;
        letter-spacing: -0.5px;
    }

@supports (-webkit-background-clip: text) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-alt-mask-text {
        background: url('/content/images/iPhone-2018/iphone-xs-background-4.jpg') no-repeat top left;
        background-size: cover;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-alt2-mask-text {
    color: #9091a5;
}

@supports (-webkit-background-clip: text) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-alt2-mask-text {
        background: url("/content/images/iPhone-2018/iphone-xr-copy-texture-3.jpg") no-repeat top left;
        background-size: cover;
        -webkit-background-clip: text;
        background-clip: text;
    }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-alt3-mask-text {
    color: #e5895f;
}

@supports (-webkit-background-clip: text) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-alt3-mask-text {
        background: url("/content/images/iPhone-2018/iphone-xr-copy-texture-4.jpg") no-repeat top left;
        background-size: cover;
        -webkit-background-clip: text;
        background-clip: text;
    }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-alt4-mask-text {
    color: #c86351;
}

@supports (-webkit-background-clip: text) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-alt4-mask-text {
        background: url("/content/images/iPhone-2018/iphone-xr-copy-texture-5.jpg") no-repeat top left;
        background-size: cover;
        -webkit-background-clip: text;
        background-clip: text;
    }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-mask-pretext {
    background: none;
    background-clip: initial;
    -webkit-text-fill-color: initial;
    color: #ffffff;
    letter-spacing: -0.5px;
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-content-section-heading,
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-mask-text,
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-alt-mask-text {
        font-size: 48px;
        line-height: 1.35;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-content-section-heading .iphone-xr-mask-pretext,
        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-mask-text .iphone-xr-mask-pretext,
        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-alt-mask-text .iphone-xr-mask-pretext {
            font-size: 48px;
            line-height: 1.35;
        }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-mask-text,
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-alt-mask-text {
        line-height: 1.05;
        font-family: "HelveticaNeueCyr-Bold", Helvetica, Arial !important;
    }
}

@media (min-width: 768px) and (max-width: 1068px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-content-section-heading,
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-mask-text,
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-mask .iphone-xr-alt-mask-text {
        font-size: calc(64px * 0.75);
    }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-intro {
    padding: 70px 0 0;
}

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-intro div.iphone-xr-background-image {
        width: 100%;
        height: auto;
        margin: 50px auto 0px;
        display: block;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-intro .iphone-xr-row-gutter {
        padding-left: 30px;
        padding-right: 30px;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-intro .iphone-xr-content-section-heading {
        line-height: 1.1;
    }

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-intro {
        padding: 140px 0 35px;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-intro div.iphone-xr-background-image {
            margin: 0 auto 10px;
        }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-intro .iphone-xr-content-section-heading {
            line-height: 1;
            font-family: "HelveticaNeueCyr-Bold", Helvetica, Arial !important;
            margin-top: 10px;
        }

            #iphone-xr section.iphone-xr-content-container.iphone-xr-section-intro .iphone-xr-content-section-heading br {
                display: none;
            }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-intro .iphone-xr-desktop-hide {
            display: none;
        }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-intro .iphone-xr-row-less-desktop-gutter {
            padding-left: 50px;
            padding-right: 50px;
        }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-2 .iphone-xr-content-section-heading {
    margin-top: 20px;
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-2 .iphone-xr-content-section-heading {
        margin-top: 10px;
    }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-3 {
    padding: 15px 0 0;
}

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3 .iphone-xr-content-section-text {
        line-height: 1.25;
        padding-bottom: 40px;
        font-size: 20px;
        font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3 .iphone-xr-content-section-text span {
            font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
        }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3 div.iphone-xr-background-image {
        width: 100%;
        height: auto;
        margin: 15px auto;
        display: block;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3 div.iphone-xr-table {
        padding-bottom: 10px;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3 .iphone-xr-desktop-hide {
        padding-top: 15px;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3 .iphone-xr-desktop-hide .iphone-xr-content-section-text {
            text-align: center;
            font-size: 17px;
            padding-bottom: 23px;
        }

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3 {
        padding-top: 75px;
        padding-bottom: 30px;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3 div.iphone-xr-background-image {
            margin: 0 auto;
        }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3 .iphone-xr-table-cell:nth-child(odd):first-child {
            width: 15%;
        }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3 .iphone-xr-table-cell:nth-child(odd) {
            width: 35%;
        }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3 .iphone-xr-table-cell:last-of-type .iphone-xr-table-cell-inner {
            width: 80%;
            padding-left: 30px;
        }
}

@media (min-width: 768px) and (max-width: 1068px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3 .iphone-xr-content-section-text {
        font-size: calc(24px * 0.75);
    }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-3a {
    padding: 10px 0 65px;
    max-width: 995px;
}

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3a .iphone-xr-content-section-heading,
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3a .iphone-xr-content-section-heading .iphone-xr-light-text {
        font-size: 24px;
        text-align: center;
        font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
        max-width: 765px;
        margin: 25px auto 15px;
        line-height: 1.15;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3a .iphone-xr-content-section-heading {
        color: #ffffff;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3a .iphone-xr-content-section-text {
        text-align: center;
        margin-top: 20px;
        font-size: 17px;
        line-height: 1.25;
        font-family: "Helvetica Neue", Helvetica, Arial !important;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3a div.iphone-xr-background-image {
        width: 100%;
        height: auto;
        margin: 15px auto;
        display: block;
    }

@media (min-width: 767px) {

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3a .iphone-xr-content-section-heading {
        font-size: 34px;
        text-align: center;
        margin-bottom: 100px;
        font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3a .iphone-xr-content-section-text {
        font-size: 24px;
        margin-top: 35px;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3a div.iphone-xr-background-image {
        margin: 0 auto;
    }
}

@media (min-width: 768px) and (max-width: 1068px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3a .iphone-xr-content-section-heading {
        font-size: calc(40px * 0.75);
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3a .iphone-xr-content-section-text {
        font-size: calc(24px * 0.75);
    }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-4 {
    max-width: 945px;
    padding: 0;
}

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-4 div.iphone-xr-background-image {
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: block;
    }

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-4 {
        padding: 50px 0 40px;
    }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-4-text {
    padding: 10px 0 35px;
}

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-4-text .iphone-xr-content-section-heading {
        font-size: 17px;
        line-height: 1.35;
        color: #ffffff;
        margin-bottom: 25px;
        font-family: "Helvetica Neue", Helvetica, Arial !important;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-4-text .iphone-xr-content-section-heading .iphone-xr-smaller-text {
            font-family: "Helvetica Neue", Helvetica, Arial !important;
            line-height: 1.35;
        }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-4-text .iphone-xr-smaller-text {
        margin-bottom: 45px;
        font-size: 17px;
        color: #c8cbcc;
    }

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-4-text {
        padding: 30px 0 100px;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-4-text .iphone-xr-medium-4:nth-child(1) {
            padding-right: 35px;
        }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-4-text .iphone-xr-medium-4:nth-child(even) {
            padding: 0 25px;
        }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-4-text .iphone-xr-medium-4:nth-child(3) {
            padding-left: 40px;
        }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-4-text .iphone-xr-content-section-heading {
            font-size: 21px;
            margin-bottom: 5px;
        }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-4-text .iphone-xr-smaller-text {
            font-size: 21px;
        }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-5 {
    padding: 15px 0 30px;
}

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-5 div.iphone-xr-background-image {
        width: 100%;
        height: auto;
        margin: 15px auto;
        display: block;
    }

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-5 {
        padding: 45px 0 65px;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-5 div.iphone-xr-background-image {
            margin: 50px auto 20px;
        }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-6 {
    padding: 15px 0 25px;
    max-width: 500px;
    margin: 0 auto;
}

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-6 .iphone-xr-content-section-heading {
        font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
        color: #ffffff;
        font-size: 21px;
        line-height: 1.05;
        margin-top: 40px;
        padding-right: 15px;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-6 .iphone-xr-content-section-heading .iphone-xr-small-text {
            font-family: "Helvetica Neue", Helvetica, Arial !important;
            color: #c8cbcc;
            font-size: 17px;
            line-height: 1.25;
            font-weight: 400;
        }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-6 div.iphone-xr-background-image {
        width: 100%;
        height: auto;
        margin: 15px auto;
        display: block;
    }



    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-6 div.iphone-xr-background-image-chip {
        background-image: url(/content/images/iPhone-2018/iphone10-bionic.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 130%;
        padding-bottom: 89%;
    }

@media (min-width: 767px) {

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-6 div.iphone-xr-background-image-chip {
        background-image: none;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 90%;
        padding-bottom: 92%;
    }
}


#iphone-xr section.iphone-xr-content-container.iphone-xr-section-6 .iphone-xr-table {
    margin: 0 auto;
    padding-bottom: 0;
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-6 .iphone-xr-table-cell:nth-child(even) {
    display: none;
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-6 .iphone-xr-table-cell:nth-child(odd) {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    padding-right: 1%;
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-6 .iphone-xr-center-cell.iphone-xr-table-cell:nth-child(odd) {
    width: 100%;
}

@media (min-width: 767px) and (max-width: 991px) {

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-6 .iphone-xr-table-cell:nth-child(odd) {
        width: 30%;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-6 .iphone-xr-table-cell:nth-child(even) {
        width: 40%;
    }
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-6 {
        padding: 50px 0 10px;
        max-width: 1068px;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-6 div.iphone-xr-background-image {
            width: 100%;
            margin: 0 auto;
        }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-6 .iphone-xr-table-cell:nth-child(even) {
            width: 60%;
            display: table-cell;
        }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-6 .iphone-xr-table-cell:nth-child(odd) {
            width: 20%;
            display: table-cell;
            padding-top: 45px;
            padding-right: 0;
        }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-6 .iphone-xr-content-section-heading {
            margin-top: 40px;
            font-size: 27px;
            line-height: 1.15;
            margin-bottom: 55px;
            /*width: 210px;*/
        }

            #iphone-xr section.iphone-xr-content-container.iphone-xr-section-6 .iphone-xr-content-section-heading .iphone-xr-small-text {
                font-size: 21px;
            }
}

@media (min-width: 768px) and (max-width: 1068px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-6 .iphone-xr-content-section-heading {
        font-size: calc(32px * 0.75);
    }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-7 {
    padding: 50px 0 0;
}

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-7 div.iphone-xr-background-image {
        width: 100%;
        height: auto;
        margin: 15px auto;
        display: block;
    }

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-7 {
        padding: 40px 0 25px;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-7.iphone-xr-content-bleed {
            padding: 40px 0 55px;
        }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-7 div.iphone-xr-background-image {
            margin: 115px auto 20px;
        }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section7-mask .iphone-xr-content-section-heading {
    margin-top: 30px;
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-8 {
    padding: 30px 0 25px;
}

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-8 .iphone-xr-content-section-text {
        font-size: 17px;
        font-family: "Helvetica Neue", Helvetica, Arial !important;
        color: #c8cbcc;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-8 .iphone-xr-content-section-text .iphone-xr-text-reset {
            font-family: "Helvetica Neue", Helvetica, Arial !important;
            font-size: 17px;
        }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-8 div.iphone-xr-background-image-gallery {
        width: 100%;
        height: auto;
        margin: 15px auto;
        display: block;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-8 .iphone-xr-text-wrapper {
        margin: 0 auto;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-8 .iphone-xr-text-wrapper .iphone-xr-content-section-text {
            width: 100%;
            line-height: 1.25;
            padding: 15px 2.5em;
        }

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-8 {
        padding: 40px 0 25px;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-8 div.iphone-xr-background-image-gallery {
            width: 100%;
            max-width: 607px;
            margin: 50px auto 15px;
            padding: 0;
        }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-8 .iphone-xr-text-wrapper {
            max-width: 607px;
        }

            #iphone-xr section.iphone-xr-content-container.iphone-xr-section-8 .iphone-xr-text-wrapper .iphone-xr-content-section-text {
                padding: 0;
                width: 90%;
                line-height: 1.45;
                font-size: 21px;
                font-family: "Helvetica Neue", Helvetica, Arial !important;
            }

                #iphone-xr section.iphone-xr-content-container.iphone-xr-section-8 .iphone-xr-text-wrapper .iphone-xr-content-section-text .iphone-xr-text-reset {
                    font-size: 21px;
                    font-family: "Helvetica Neue", Helvetica, Arial !important;
                }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-9 {
    padding: 46px 0 20px;
    margin: 0 auto;
}

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-9 .iphone-xr-content-section-heading {
        text-align: left;
        line-height: 28px;
        margin-top: 15px;
        color: #ffffff;
        font-size: 24px;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-9 .iphone-xr-content-section-heading .iphone-xr-small-text {
            font-size: 17px;
            line-height: 1.25;
            margin-top: 5px;
            color: #c8cbcc;
            font-family: "Helvetica Neue", Helvetica, Arial !important;
        }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-9 .iphone-xr-content-section-top-heading {
        text-align: center;
        margin-bottom: 35px;
        font-size: 24px;
        font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-9.iphone-xr-section-9a {
        padding-top: 20px;
        padding-bottom: 45px;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-9 div.iphone-xr-background-image {
        width: 100%;
        height: auto;
        margin: 15px auto;
        display: block;
    }

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-9 {
        padding: 150px 0 65px;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-9 div.iphone-xr-background-image {
            width: 100%;
            margin: 0 auto;
        }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-9 .iphone-xr-content-section-heading {
            margin-top: 50px;
            margin-bottom: 15px;
            font-size: 30px;
            line-height: 1;
            padding-right: 10px;
        }

            #iphone-xr section.iphone-xr-content-container.iphone-xr-section-9 .iphone-xr-content-section-heading .iphone-xr-small-text {
                font-size: 21px;
                margin-top: 1px;
            }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-9.iphone-xr-section-9a {
            padding-top: 90px;
            padding-bottom: 115px;
        }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-9 .iphone-xr-content-section-top-heading {
            text-align: center;
            margin-bottom: 65px;
            font-size: 40px;
            padding-right: 0;
            font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
        }
}

@media (min-width: 768px) and (max-width: 1068px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-9 .iphone-xr-content-section-heading {
        font-size: calc(32px * 0.75);
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-9 .iphone-xr-content-section-heading .iphone-xr-small-text {
            font-size: calc(21px * 0.75);
        }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-9 .iphone-xr-content-section-top-heading {
        font-size: 40px;
    }
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-9a .iphone-xr-content-section-heading {
        padding-right: 20px;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-9a .iphone-xr-content-section-top-heading {
        margin-bottom: 15px;
        padding-right: 0;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-9a .iphone-xr-initial-feature .iphone-xr-content-section-heading {
        float: right;
        padding-right: 80px;
        min-width: 220px;
    }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 {
    padding: 35px 0 50px;
}

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 .iphone-xr-content-section-heading {
        font-size: 32px;
        text-align: center;
        margin-bottom: 10px;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 .iphone-xr-content-section-text {
        text-align: center;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 .iphone-xr-content-section-text .iphone-xr-link-reset {
            font-size: 17px;
            text-align: center;
            color: #5cc3f6;
            font-family: "Helvetica Neue", Helvetica, Arial !IMPORTANT;
            text-decoration: none;
        }

            #iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 .iphone-xr-content-section-text .iphone-xr-link-reset:hover {
                text-decoration: underline;
            }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 div.iphone-xr-background-image {
        width: 100%;
        height: auto;
        margin: 10px auto 5px;
        display: block;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 .iphone-xr-table {
        max-width: 275px;
        margin: 45px auto 0;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 .compare .iphone-xr-table-cell {
        width: 49%;
        display: inline-block;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 .iphone-xr-table-cell .iphone-xr-text-center {
        display: block;
        margin-top: 10px;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 .iphone-xr-table-cell .iphone-xr-buy-button {
        margin-top: 10px;
    }

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 {
        padding: 145px 0 25px;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 div.iphone-xr-background-image {
            width: 100%;
            margin: 15px auto;
        }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 .iphone-xr-table {
            max-width: 630px;
            margin: 0 auto;
        }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 .iphone-xr-content-section-heading {
            font-size: 48px;
        }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 .iphone-xr-content-section-text .iphone-xr-link-reset {
            font-size: 21px;
        }
}

@media (min-width: 768px) and (max-width: 1068px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 .iphone-xr-content-section-heading {
        font-size: calc(48px * 0.75);
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 .iphone-xr-content-section-text .iphone-xr-link-reset {
        font-size: calc(24px * 0.75);
    }
}

.iphone-xr-body {
    margin: 0;
    padding: 0;
    background: black;
}

#iphone-xr section.iphone-xr-content-container div.iphone-xr-mobile-hide {
    display: none;
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container div.iphone-xr-mobile-hide {
        display: block;
    }
}

#iphone-xr section.iphone-xr-content-container div.iphone-xr-desktop-hide {
    display: block;
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container div.iphone-xr-desktop-hide {
        display: none;
    }
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container div.iphone-xr-row-gutter.iphone-xr-exception {
        padding: 0 1.25em;
    }
}

#iphone-xr section.iphone-xr-content-container .iphone-xr-center {
    text-align: center;
}

#iphone-xr section.iphone-xr-content-container br {
    display: block;
}

@media (max-width: 766px) {
    #iphone-xr section.iphone-xr-content-container br.iphone-xr-desktop-break {
        display: none;
    }

    #iphone-xr section.iphone-xr-content-container br.iphone-xr-mobile-break {
        display: block;
    }
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container br.iphone-xr-mobile-break {
        display: none;
    }

    #iphone-xr section.iphone-xr-content-container br.iphone-xr-desktop-break {
        display: block;
    }
}

#iphone-xr section.iphone-xr-content-container {
    /*div.iphone-xr-line {
            height: 1px;
            background: #d6d6d6;
            display: block;
            &-c {
                width: 80px;
            }
        }*/
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container div.iphone-xr-table {
        position: relative;
        /* display: table; */
        width: 100%;
    }

        #iphone-xr section.iphone-xr-content-container div.iphone-xr-table div.iphone-xr-table-cell {
            display: table-cell;
        }

            #iphone-xr section.iphone-xr-content-container div.iphone-xr-table div.iphone-xr-table-cell.iphone-xr-valign-middle {
                vertical-align: middle;
            }

            #iphone-xr section.iphone-xr-content-container div.iphone-xr-table div.iphone-xr-table-cell div.iphone-xr-table-cell-inner {
                overflow: hidden;
            }
}

#iphone-xr .iphone-xr-content-container a.iphone-xr-buy-button {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #9a9a9a;
    font-family: "Helvetica Neue", Helvetica, Arial !important;
    border: 1px solid #9a9a9a;
    font-size: 17px;
    padding: 12px 20px;
    width: auto;
    min-width: 100px;
    font-weight: 500;
    margin: auto;
}

@media only screen and (max-width: 766px) {
    #iphone-xr .iphone-xr-content-container a.iphone-xr-buy-button {
        font-size: 17px;
        padding: 7px 9px 9px 9px;
    }
}

#iphone-xr .iphone-xr-content-container a.iphone-xr-buy-button:hover,
#iphone-xr .iphone-xr-content-container a.iphone-xr-buy-button:focus {
    background: #9a9a9a;
    color: #000000;
}

#iphone-xr .iphone-xr-content-container .iphone-xr-button-wrapper {
    text-align: center;
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-footer {
    margin-top: 25px;
    background-color: #222222;
    padding: 20px 0 100px;
}

    #iphone-xr section.iphone-xr-content-container.iphone-xr-footer .iphone-xr-row {
        max-width: 1068px;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-footer.iphone-xr-content-bleed {
        max-width: 100%;
    }

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-footer {
        margin-top: 200px;
        padding: 40px 0 80px;
    }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-footer p,
#iphone-xr section.iphone-xr-content-container.iphone-xr-footer ul,
#iphone-xr section.iphone-xr-content-container.iphone-xr-footer ul li {
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    font-family: "Helvetica Neue", Helvetica, Arial;
    line-height: 15px;
    text-align: left;
    padding: 0;
    margin: 0;
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-footer p,
    #iphone-xr section.iphone-xr-content-container.iphone-xr-footer ul,
    #iphone-xr section.iphone-xr-content-container.iphone-xr-footer ul li {
        font-size: 11px;
        line-height: 15px;
    }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-footer ul li {
    list-style-image: none;
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-footer p.iphone-xr-footer-p {
    margin-bottom: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial !important;
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-footer ul.iphone-xr-unordered-list {
    padding-left: 20px;
}

    #iphone-xr section.iphone-xr-content-container.iphone-xr-footer ul.iphone-xr-unordered-list li.iphone-xr-unordered-list-li {
        margin-bottom: 5px;
        list-style-type: none;
        position: relative;
        font-family: "Helvetica Neue", Helvetica, Arial !important;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-footer ul.iphone-xr-unordered-list li.iphone-xr-unordered-list-li span.iphone-xr-list-number {
            font-family: inherit;
            font-size: inherit;
            display: inline-block;
            font-weight: inherit;
            position: absolute;
            left: -19px;
            top: 2px;
        }

/* Layout-specific stuff */

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-intro div.iphone-xr-background-image-hero-collection {
    background-image: url(https://www.telekom.de/resources/images/370062/iphone-xr-hero-devices-horiz.jpg);
    background-repeat: no-repeat;
    background-position: center 35px;
    background-size: 200%;
    padding-bottom: 130%;
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-intro div.iphone-xr-background-image-hero-collection-mob {
    background-image: url(https://www.telekom.de/resources/images/370066/iphone-xr-hero-devices-mob.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 66%;
    padding-bottom: 195%;
    margin-top: 45px;
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-intro div.iphone-xr-background-image-hero-collection {
        background-image: url('/content/images/iPhone-2018/iphone-xr.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 54%;
        padding-bottom: 146%;
        margin-top: 40px;
    }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-3 div.iphone-xr-background-image-feature-table {
    background-image: url('/content/images/iPhone-2018/iphone-xr-display.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 70%;
    padding-bottom: 135%;
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3 div.iphone-xr-background-image-feature-table {
        background-image: url(/content/images/iPhone-2018/iphone-xr-nastrana.png);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 80%;
        padding-bottom: 190%;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3 .iphone-xr-desktop-hide {
        padding-top: 25px;
    }

        #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3 .iphone-xr-desktop-hide .iphone-xr-content-section-text {
            text-align: center;
            font-size: 18px;
            padding-bottom: 30px;
        }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-3a div.iphone-xr-background-image-iphonexr-screen {
    background-image: url('/content/images/iPhone-2018/iphone-xr-phone.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 87%;
    padding-bottom: 200%;
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-3a div.iphone-xr-background-image-iphone8-screen {
    background-image: url('/content/images/iPhone-2018/iPhone-8-plus.jpg');
    background-repeat: no-repeat;
    background-position: center bottom -8px;
    background-size: 100%;
    padding-bottom: 200%;
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3a div.iphone-xr-background-image-iphonexr-screen {
        background-image: url('/content/images/iPhone-2018/iphone-xr-phone.png');
        background-repeat: no-repeat;
        background-position: center bottom;
        /*background-size: 70%;
        padding-bottom: 160%;*/
        background-size: 78% !important;
        padding-bottom: 160% !important;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-3a div.iphone-xr-background-image-iphone8-screen {
        background-image: url('/content/images/iPhone-2018/iPhone-8-plus.png');
        background-repeat: no-repeat;
        background-position: center bottom;
        /*background-size: 70%;
        padding-bottom: 160%;*/
        background-size: 79% !important;
        padding-bottom: 160% !important;
    }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-4 div.iphone-xr-background-image-stacked {
    background-image: url('/content/images/iPhone-2018/iphone-xr-design.jpg');
    background-repeat: no-repeat;
    background-position: center 45px;
    background-size: 92%;
    padding-bottom: 275%;
    max-width: 630px;
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-4 div.iphone-xr-background-image-stacked {
        background-image: url('/content/images/iPhone-2018/iphone-xr-design.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 79%;
        padding-bottom: 160%;
        min-height: 1380px;
    }
}

@media (min-width: 768px) and (max-width: 1068px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-4 div.iphone-xr-background-image-stacked {
        background-image: url(https://www.telekom.de/resources/images/370034/iphone-xr-design.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 54%;
        padding-bottom: 70%;
        min-height: 940px;
    }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-5 div.iphone-xr-background-image-front {
    background-image: url(https://www.telekom.de/resources/images/370054/iphone-xr-hardware-faceid-mob.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-bottom: 125%;
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-5 div.iphone-xr-background-image-front {
        background-image: url('/content/images/iPhone-2018/iphone-xr-text.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 52%;
        padding-bottom: 105%;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-6 .iphone-xr-table {
        background-image: url('/content/images/iPhone-2018/iphone10-bionic.jpg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 80%;
    }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-7 div.iphone-xr-background-image-lifestyle {
    background-image: url('/content/images/iPhone-2018/iphone-xr-camera-hero-1.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 195%;
    padding-bottom: 124%;
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-7 div.iphone-xr-background-image-lifestyle {
        background-image: url('/content/images/iPhone-2018/iphone-xr-camera-hero-1.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        padding-bottom: 63%;
    }
}



#iphone-xr section.iphone-xr-content-container.iphone-xr-section-8 div.iphone-xr-background-image-gallery-1 {
    background-image: url('/content/images/iPhone-2018/iphone-xr-camera-hero-2.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-bottom: 136%;
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-8 div.iphone-xr-background-image-gallery-2 {
    background-image: url('/content/images/iPhone-2018/iphone-xr-camera-hero-3.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-bottom: 136%;
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-8 div.iphone-xr-background-image-gallery-3 {
    background-image: url('/content/images/iPhone-2018/iphone-xr-camera-hero-4.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-bottom: 136%;
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-8 div.iphone-xr-background-image-gallery-4 {
    background-image: url('/content/images/iPhone-2018/iphone-xr-camera-hero-5.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-bottom: 136%;
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-8 div.iphone-xr-background-image-gallery-1 {
        background-image: url('/content/images/iPhone-2018/iphone-xr-camera-hero-2.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        padding-bottom: 87%;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-8 div.iphone-xr-background-image-gallery-2 {
        background-image: url('/content/images/iPhone-2018/iphone-xr-camera-hero-3.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        padding-bottom: 87%;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-8 div.iphone-xr-background-image-gallery-3 {
        background-image: url('/content/images/iPhone-2018/iphone-xr-camera-hero-4.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        padding-bottom: 87%;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-8 div.iphone-xr-background-image-gallery-4 {
        background-image: url('/content/images/iPhone-2018/iphone-xr-camera-hero-5.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        padding-bottom: 87%;
    }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-9 div.iphone-xr-background-image-phone-back {
    background-image: url('/content/images/iPhone-2018/iphone-xr-camera.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-bottom: 50%;
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-9 div.iphone-xr-background-image-phone-angle {
    background-image: url('/content/images/iPhone-2018/iphone-xr-front-camera.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-bottom: 88%;
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-9 div.iphone-xr-background-image-phone-back {
        background-image: url('/content/images/iPhone-2018/iphone-xr-camera.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        padding-bottom: 48%;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-9 div.iphone-xr-background-image-phone-angle {
        background-image: url('/content/images/iPhone-2018/iphone-xr-front-camera.jpg');
        background-repeat: no-repeat;
        background-position: center 40px;
        background-size: 100%;
        padding-bottom: 86%;
    }
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 div.iphone-xr-background-image-iphonexs-dual {
    background-image: url('/content/images/iPhone-2018/iphone-uporedi-1.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 82%;
    padding-bottom: 143%;
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 div.iphone-xr-background-image-iphonexr-dual {
    background-image: url('/content/images/iPhone-2018/iphone-uporedi-2.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 86%;
    padding-bottom: 138%;
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 div.iphone-xr-background-image-iphonexr {
    background-image: url('/content/images/iPhone-2018/iphone-logo-xr.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-bottom: 19%;
    max-width: 130px;
}

#iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 div.iphone-xr-background-image-iphonexs {
    background-image: url('/content/images/iPhone-2018/iphone-logo-xs.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-bottom: 19%;
    max-width: 130px;
}

@media (min-width: 767px) {
    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 div.iphone-xr-background-image-iphonexs-dual {
        background-image: url('/content/images/iPhone-2018/iphone-uporedi-1.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 85%;
        padding-bottom: 140%;
        margin: 70px auto 40px;
        max-width: 850px;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 div.iphone-xr-background-image-iphonexr-dual {
        background-image: url('/content/images/iPhone-2018/iphone-uporedi-2.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 87%;
        padding-bottom: 140%;
        display: block;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 div.iphone-xr-background-image-iphonexr {
        background-image: url('/content/images/iPhone-2018/iphone-logo-xr.jpg');
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 100%;
        padding-bottom: 15%;
        max-width: 175px;
    }

    #iphone-xr section.iphone-xr-content-container.iphone-xr-section-11 div.iphone-xr-background-image-iphonexs {
        background-image: url('/content/images/iPhone-2018/iphone-logo-xs.jpg');
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 100%;
        padding-bottom: 15%;
        max-width: 175px;
    }
}

#iphone-xr span.iphone-xr-light-text-big {
    color: #c8cbcc;
}

section.iphone-xr-section-11 .compare .iphone-xr-valign-bottom {
    display: inline-block;
}

#iphone-xr .buttons {
    position: relative;
    text-align: center;
}

    #iphone-xr .buttons a.rezervacija {
        display: inline;
        position: relative;
        font-size: 18px;
        color: #999999;
        border: 1px solid #9a9a9a;
        border-radius: 4px;
        width: 190px;
        margin-bottom: 30px;
        padding: 12px 20px;
        font-family: "Helvetica Neue", Helvetica, Arial !important;
    }

        #iphone-xr .buttons a.rezervacija:hover {
            background: #9a9a9a;
            color: #000000;
            text-decoration: none;
        }

/*#endregion iphone-2018*/

/*#region iphone-Xs-2018*/


#iphone10 {
    background-color: black;
}

    #iphone10 .first {
        padding-top: 115px;
    }

    #iphone10 img {
    }

    #iphone10 ul,
    #iphone10 li,
    #iphone10 h1,
    #iphone10 h2,
    #iphone10 h3,
    #iphone10 h4,
    #iphone10 p {
        margin: 0;
        padding: 0;
    }

    #iphone10 section {
        display: block;
    }

    #iphone10 ::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

@media print {

    #iphone10 a,
    #iphone10 a:link,
    #iphone10 a:visited {
        color: #000;
        text-decoration: none;
    }
}

#iphone10 {
    direction: ltr;
}

    #iphone10 .container div {
        display: block;
    }

    #iphone10 .container h1,
    #iphone10 .container h2,
    #iphone10 .container h3,
    #iphone10 .container h4 {
        float: none;
        text-align: initial;
    }

    #iphone10 .container li,
    #iphone10 .container p,
    #iphone10 .container a,
    #iphone10 .container p,
    #iphone10 .container div,
    #iphone10 .container ul,
    #iphone10 .container span:not(.iphone10-small-caps),
    #iphone10 .container h1,
    #iphone10 .container h2,
    #iphone10 .container h3,
    #iphone10 .container h4,
    #iphone10 .container p {
        margin: 0;
        padding: 0;
        top: auto;
        left: auto;
        right: auto;
        text-indent: 0;
        line-height: 1;
        letter-spacing: 0;
        background: none;
    }

    #iphone10 .container li,
    #iphone10 .container p,
    #iphone10 .container a,
    #iphone10 .container p,
    #iphone10 .container div,
    #iphone10 .container ul,
    #iphone10 .container span:not(.iphone10-small-caps),
    #iphone10 .container h1,
    #iphone10 .container h2,
    #iphone10 .container h3,
    #iphone10 .container h4,
    #iphone10 .container p {
        position: relative;
    }

        #iphone10 .container ul li {
            width: auto;
            display: list-item;
        }

    #iphone10 .container span {
        display: inline;
    }

    #iphone10 .container span {
        display: inline;
    }

    #iphone10 .container * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

        #iphone10 .container *:before,
        #iphone10 .container *:after {
            box-sizing: border-box;
        }

    #iphone10 section {
        visibility: visible;
    }

    #iphone10 .container {
        /* remove media queries for thin div containers */
        /* end of media query */
    }

        #iphone10 .container .row {
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
            padding-left: 0;
            padding-right: 0;
        }

            #iphone10 .container .row::before,
            #iphone10 .container .row::after {
                content: ' ';
                display: table;
            }

            #iphone10 .container .row::after {
                clear: both;
            }

            #iphone10 .container .row .row {
                max-width: none;
                margin-left: 0;
                margin-right: 0;
            }

        #iphone10 .container .iphone10-column,
        #iphone10 .container .iphone10-columns {
            width: 100%;
            float: left;
            padding-left: 0;
            padding-right: 0;
        }

        #iphone10 .container .iphone10-small-6 {
            width: 50%;
        }

        #iphone10 .container .iphone10-small-10 {
            width: 83.33333%;
        }

        #iphone10 .container .col-xs-12 {
            width: 100%;
        }

@media screen and (min-width: 767px) {

    #iphone10 .container .iphone10-medium-4 {
        width: 33.33333%;
    }

    #iphone10 .container .iphone10-medium-6 {
        width: 50%;
    }

    #iphone10 .container.iphone10-section-9a .row.first-row .iphone10-medium-6:first-of-type {
        width: 45%;
    }

    #iphone10 .container.iphone10-section-9a .row.first-row .iphone10-medium-6:last-of-type {
        width: 55%;
    }

    #iphone10 .container .iphone10-medium-8 {
        width: 66.66667%;
    }

    #iphone10 .container .iphone10-medium-12 {
        width: 100%;
    }

    #iphone10 .container .iphone10-valign-bottom {
        display: table;
    }

        #iphone10 .container .iphone10-valign-bottom .iphone10-columns {
            display: table-cell;
            vertical-align: bottom;
        }

        #iphone10 .container .iphone10-valign-bottom .iphone10-columns {
            float: none;
        }
}

#iphone10 {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

    #iphone10 section.container h1,
    #iphone10 section.container h2,
    #iphone10 section.container h3,
    #iphone10 section.container h4,
    #iphone10 section.container ul,
    #iphone10 section.container p {
        margin: 0;
        padding: 0;
        border: none;
        text-indent: 0;
        text-transform: none;
        border-radius: 0;
        background-color: transparent;
        position: relative;
        height: auto;
        float: none;
    }

        #iphone10 section.container h3 span.iphone10-light-text,
        #iphone10 section.container p span.iphone10-light-text {
            color: #ffe5db;
        }

        #iphone10 section.container h2.iphone10-text-center,
        #iphone10 section.container p.iphone10-text-center {
            text-align: center;
        }

    #iphone10 section.container h1,
    #iphone10 section.container h2,
    #iphone10 section.container h3,
    #iphone10 section.container h4 {
        display: block;
    }

    #iphone10 section.container em.iphone10-italic {
        font-style: italic;
    }

    #iphone10 section.container p {
        font-family: "Helvetica Neue", Helvetica, Arial !important;
        font-weight: 400;
        color: #ffffff;
        text-align: left;
    }

        #iphone10 section.container p span {
            font-family: "Helvetica Neue", Helvetica, Arial !important;
            font-weight: 400;
        }

        #iphone10 section.container p.iphone10-intro-copy {
            font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
            font-weight: 500;
            color: #ffe5db;
            font-size: 20px;
            line-height: 1.25;
            margin-bottom: 35px;
            text-align: center;
        }

            #iphone10 section.container p.iphone10-intro-copy .iphone10-small-caps {
                font-family: "Helvetica Neue", Helvetica, Arial !important;
                font-weight: 700;
            }

@media (min-width: 767px) {

    #iphone10 section.container p.iphone10-intro-copy {
        font-size: 23px;
        margin-bottom: 40px;
    }
}

#iphone10 section.container h1.iphone10-main-logo {
    background-image: url('/content/images/iPhone-2018/iphone-xs-hero-logo-mob.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-bottom: 0%;
    margin: 0 auto;
    display: block;
    width: 126px;
    height: 20px;
    margin-bottom: 0;
    /* Hide the text. */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

@media (min-width: 767px) {
    #iphone10 section.container h1.iphone10-main-logo {
        background-image: url('/content/images/iPhone-2018/iphone-xs-hero-logo.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        padding-bottom: 40px;
        width: 210px;
        height: 30px;
        margin-bottom: 0;
        top: 60px;
    }
}

#iphone10 section.container sup.iphone10-sup {
    font-size: 0.55em;
}

#iphone10 section.container h2.iphone10-content-section-heading {
    font-size: 44px;
    font-family: "Helvetica Neue", Helvetica, Arial !important;
    font-weight: 500;
    color: #ffe5db;
    letter-spacing: -1px;
    line-height: 1.2;
    margin-bottom: 20px;
}

#iphone10 section.container h2.iphone10-content-section-heading-headline {
    font-size: 40px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 0;
    font-family: "HelveticaNeueCyr-Bold", Helvetica, Arial !important;
}

@media (min-width: 767px) {
    #iphone10 section.container h2.iphone10-content-section-heading {
        font-size: 61px;
        line-height: 1.1;
        margin-bottom: 45px;
    }

    #iphone10 section.container h2.iphone10-content-section-heading-headline {
        margin-top: 0;
    }
}

#iphone10 section.container h3.iphone10-content-section-heading {
    font-family: "Helvetica Neue", Helvetica, Arial !important;
    font-weight: 500;
    color: #ffe5db;
    line-height: 1.2;
    margin-bottom: 15px;
    margin-top: 30px;
    font-size: 23px;
}

    #iphone10 section.container h3.iphone10-content-section-heading span {
        font-weight: 400;
    }

@media (min-width: 767px) {
    #iphone10 section.container h3.iphone10-content-section-heading {
        font-size: 28px;
        text-align: center;
        margin-top: 50px;
    }
}

#iphone10 section.container h4.iphone10-content-section-heading {
    font-size: 14px;
    color: #ffe5db;
    font-family: "Helvetica Neue", Helvetica, Arial !important;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 5px;
}

    #iphone10 section.container h4.iphone10-content-section-heading .iphone10-small-text {
        font-weight: 400;
    }

    #iphone10 section.container h4.iphone10-content-section-heading span {
        font-weight: 400;
    }

    #iphone10 section.container h4.iphone10-content-section-heading div {
        font-weight: 400;
    }

#iphone10 section.container .iphone10-table-cell h4 {
    margin-top: 40px;
}

@media (min-width: 767px) {
    #iphone10 section.container .iphone10-table-cell h4 {
        margin-top: 50px;
    }

        #iphone10 section.container .iphone10-table-cell h4:first-child {
            margin-top: 0px;
        }
}

/* Global gutters */

#iphone10 {
    background-color: black;
}

    #iphone10 section.container {
        border: none;
        box-shadow: none;
        margin: 0 auto;
        width: 100%;
        padding: 0;
        max-width: 1024px;
        overflow: hidden;
        background-size: 100%;
    }

        #iphone10 section.container span.iphone10-text-reset {
            color: #ffffff;
        }

        #iphone10 section.container div.row-gutter {
            padding-right: 2em;
            padding-left: 2em;
        }

@media (min-width: 767px) {
    #iphone10 section.container div.row-gutter {
        padding-right: 2.5em;
        padding-left: 2.5em;
    }
}

/* Section layouts */

#iphone10 {
    margin: 0 auto;
    margin: 0 auto;
    margin-top: 0px;
    position: relative;
}

    #iphone10 section.container {
        padding: 85px 0 0;
        min-width: 0;
        max-width: 1068px;
    }

        #iphone10 section.container.iphone10-content-bleed {
            max-width: 1500px;
        }

        #iphone10 section.container .iphone10-small-caps {
            font-size: 0.8em;
            line-height: .75;
        }

        #iphone10 section.container.iphone10-section-mask {
            padding-top: 0;
            margin: 0 auto;
        }

            #iphone10 section.container.iphone10-section-mask .iphone10-sup {
                font-family: "Helvetica Neue", Helvetica, Arial !important;
                font-weight: 700;
                background: inherit;
                font-size: 0.45em;
            }

            #iphone10 section.container.iphone10-section-mask .iphone10-content-section-heading {
                font-size: 28px;
                line-height: 1.05;
                text-align: left;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

            #iphone10 section.container.iphone10-section-mask .iphone10-mask-text {
                font-size: 25px;
                display: block;
                color: #dbab78;
                font-family: "HelveticaNeueCyr-Bold", Helvetica, Arial !important;
                line-height: 1.15;
                letter-spacing: -0.576px;
                padding-bottom: 10px;
            }

                #iphone10 section.container.iphone10-section-mask .iphone10-mask-text .iphone10-mask-pretext {
                    font-family: "HelveticaNeueCyr-Bold", Helvetica, Arial !important;
                    font-size: 25px;
                    line-height: 1.15;
                    letter-spacing: -0.5px;
                }

                #iphone10 section.container.iphone10-section-mask .iphone10-mask-text .iphone10-small-caps {
                    font-family: "Helvetica Neue", Helvetica, Arial !important;
                }

@supports (-webkit-background-clip: text) {
    #iphone10 section.container.iphone10-section-mask .iphone10-mask-text {
        background: url('/content/images/iPhone-2018/iphone-xs-background-2.jpg') no-repeat top left;
        background-size: cover;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

#iphone10 section.container.iphone10-section-mask .iphone10-alt-mask-text {
    font-size: 25px;
    display: block;
    color: #be9bcd;
    font-family: "HelveticaNeueCyr-Bold", Helvetica, Arial !important;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.576px;
    padding-bottom: 10px;
}

    #iphone10 section.container.iphone10-section-mask .iphone10-alt-mask-text .iphone10-mask-pretext {
        font-family: "HelveticaNeueCyr-Bold", Helvetica, Arial !important;
        font-weight: 500;
        font-size: 25px;
        line-height: 1.15;
        letter-spacing: -0.576px;
    }

@supports (-webkit-background-clip: text) {
    #iphone10 section.container.iphone10-section-mask .iphone10-alt-mask-text {
        background: url("/content/images/iPhone-2018/iphone-xs-background.jpg") no-repeat top left;
        background-size: cover;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

#iphone10 section.container.iphone10-section-mask .iphone10-alt2-mask-text {
    color: #b98b6c;
}

@supports (-webkit-background-clip: text) {
    #iphone10 section.container.iphone10-section-mask .iphone10-alt2-mask-text {
        background: url('/content/images/iPhone-2018/iphone-xs-copy-texture-3.jpg') no-repeat top left;
        background-size: cover;
        -webkit-background-clip: text;
        background-clip: text;
    }
}

#iphone10 section.container.iphone10-section-mask .iphone10-alt3-mask-text {
    color: #ba6565;
}

@supports (-webkit-background-clip: text) {
    #iphone10 section.container.iphone10-section-mask .iphone10-alt3-mask-text {
        background: url('/content/images/iPhone-2018/iphone-xs-background-4.jpg') no-repeat top left;
        background-size: cover;
        -webkit-background-clip: text;
        background-clip: text;
    }
}

#iphone10 section.container.iphone10-section-mask .iphone10-alt4-mask-text {
    color: #d38f69;
}

@supports (-webkit-background-clip: text) {
    #iphone10 section.container.iphone10-section-mask .iphone10-alt4-mask-text {
        background: url('/content/images/iPhone-2018/iphone-xs-background-5.jpg') no-repeat top left;
        background-size: cover;
        -webkit-background-clip: text;
        background-clip: text;
    }
}

#iphone10 section.container.iphone10-section-mask .iphone10-alt5-mask-text {
    color: #b67798;
}

@supports (-webkit-background-clip: text) {
    #iphone10 section.container.iphone10-section-mask .iphone10-alt5-mask-text {
        background: url('/content/images/iPhone-2018/iphone-xs-background-6.jpg') no-repeat top left;
        background-size: cover;
        -webkit-background-clip: text;
        background-clip: text;
    }
}

#iphone10 section.container.iphone10-section-mask .iphone10-alt6-mask-text {
    color: #b88ac5;
}

@supports (-webkit-background-clip: text) {
    #iphone10 section.container.iphone10-section-mask .iphone10-alt6-mask-text {
        background: url('/content/images/iPhone-2018/iphone-xs-background-7.jpg') no-repeat top left;
        background-size: cover;
        -webkit-background-clip: text;
        background-clip: text;
    }
}

#iphone10 section.container.iphone10-section-mask .iphone10-mask-pretext {
    background: none;
    background-clip: initial;
    -webkit-text-fill-color: initial;
    color: #ffe5db;
    letter-spacing: -0.5px;
}

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-mask .iphone10-content-section-heading,
    #iphone10 section.container.iphone10-section-mask .iphone10-mask-text,
    #iphone10 section.container.iphone10-section-mask .iphone10-alt-mask-text {
        font-size: 48px;
        line-height: 1.05;
    }

        #iphone10 section.container.iphone10-section-mask .iphone10-content-section-heading .iphone10-mask-pretext,
        #iphone10 section.container.iphone10-section-mask .iphone10-mask-text .iphone10-mask-pretext,
        #iphone10 section.container.iphone10-section-mask .iphone10-alt-mask-text .iphone10-mask-pretext {
            font-size: 48px;
            line-height: 1.05;
        }

    #iphone10 section.container.iphone10-section-mask .iphone10-mask-text,
    #iphone10 section.container.iphone10-section-mask .iphone10-alt-mask-text {
        line-height: 1.05;
        font-family: "HelveticaNeueCyr-Bold", Helvetica, Arial !important;
        width: 90%;
    }
}

@media (max-width: 1068px) and (min-width: 768px) {
    #iphone10 section.container.iphone10-section-mask .iphone10-content-section-heading,
    #iphone10 section.container.iphone10-section-mask .iphone10-mask-text,
    #iphone10 section.container.iphone10-section-mask .iphone10-alt-mask-text,
    #iphone10 section.container.iphone10-section-mask .iphone10-mask-text .iphone10-mask-pretext,
    #iphone10 section.container.iphone10-section-mask .iphone10-alt-mask-text .iphone10-mask-pretext {
        font-size: 48px;
    }
}

#iphone10 section.container.iphone10-section-intro {
    padding: 85px 0 0;
}

    #iphone10 section.container.iphone10-section-intro .iphone10-intro-content {
        padding: 0 30px 50px 30px;
    }

@media (max-width: 766px) {
    #iphone10 section.container.iphone10-section-intro .iphone10-intro-content {
        background-image: linear-gradient(180deg, black, #121212);
    }
}

@media (max-width: 1068px) and (min-width: 768px) {
    #iphone10 section.container.iphone10-section-intro .iphone10-intro-copy {
        font-size: 28px;
    }

    #iphone10 section.container.iphone10-section-intro h2.iphone10-content-section-heading-headline {
        font-size: 64px;
    }
}

#iphone10 section.container.iphone10-section-intro div.iphone10-background-image {
    width: 100%;
    height: auto;
    margin: 35px auto 0px;
    display: block;
}

#iphone10 section.container.iphone10-section-intro.iphone10-content-bleed {
    padding-top: 0;
    padding-bottom: 0;
    max-width: 1160px;
}

#iphone10 section.container.iphone10-section-intro .iphone10-content-section-heading {
    line-height: 1.1;
    margin-bottom: 0;
    margin-top: 15px;
}

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-intro {
        padding: 0;
    }

        #iphone10 section.container.iphone10-section-intro div.iphone10-background-image {
            margin: 75px auto 10px;
        }

        #iphone10 section.container.iphone10-section-intro.iphone10-content-bleed {
            padding-top: 90px;
        }

        #iphone10 section.container.iphone10-section-intro .iphone10-content-section-heading {
            font-family: "HelveticaNeueCyr-Bold", Helvetica, Arial !important;
            line-height: 1.05;
            margin-bottom: 25px;
            margin-top: 20px;
            top: 60px;
        }
}

#iphone10 section.container.iphone10-section-2 {
    padding: 0;
}

    #iphone10 section.container.iphone10-section-2 div.iphone10-background-image {
        width: 100%;
        height: auto;
        margin: 15px auto;
        display: block;
    }

@media (min-width: 767px) {

    #iphone10 section.container.iphone10-section-2 div.iphone10-background-image {
        margin: 0 auto;
    }
}

#iphone10 section.container.iphone10-section-3 {
    padding: 25px 0 10px;
}

    #iphone10 section.container.iphone10-section-3 .iphone10-content-section-text {
        line-height: 1.25;
        font-size: 17px;
        padding-left: 0;
        font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
    }

        #iphone10 section.container.iphone10-section-3 .iphone10-content-section-text span {
            font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
        }

        #iphone10 section.container.iphone10-section-3 .iphone10-content-section-text:last-child {
            padding-left: 13px;
        }

    #iphone10 section.container.iphone10-section-3 div.iphone10-background-image {
        width: 100%;
        height: auto;
        margin: 15px auto;
        display: block;
    }

    #iphone10 section.container.iphone10-section-3 div.iphone10-table {
        padding-bottom: 10px;
    }

@media (max-width: 1068px) and (min-width: 768px) {
    #iphone10 section.container.iphone10-section-3 p.iphone10-content-section-text:last-child {
        font-size: 19px;
    }
}

@media (min-width: 767px) {

    #iphone10 section.container.iphone10-section-3 {
        padding: 45px 0 10px;
    }

        #iphone10 section.container.iphone10-section-3 div.iphone10-background-image {
            margin: 0 auto;
        }

        #iphone10 section.container.iphone10-section-3 .iphone10-table .iphone10-table-cell {
            width: 15%;
        }

            #iphone10 section.container.iphone10-section-3 .iphone10-table .iphone10-table-cell.iphone10-center-cell {
                width: 70%;
            }

        #iphone10 section.container.iphone10-section-3 .iphone10-content-section-text,
        #iphone10 section.container.iphone10-section-3 .iphone10-content-section-text:last-child {
            font-size: 20px;
            padding-left: 0;
            padding-bottom: 2px;
            text-align: center;
        }
}

#iphone10 section.container.iphone10-section-3a {
    padding: 10px 0 15px;
}

    #iphone10 section.container.iphone10-section-3a .iphone10-content-section-heading,
    #iphone10 section.container.iphone10-section-3a .iphone10-content-section-heading .iphone10-light-text {
        font-size: 24px;
        text-align: left;
        max-width: 100%;
        margin: 50px auto 20px;
        font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
    }

    #iphone10 section.container.iphone10-section-3a .iphone10-content-section-heading {
        color: #ffffff;
    }

    #iphone10 section.container.iphone10-section-3a .iphone10-content-section-text {
        color: #ffe5db;
        font-size: 17px;
        text-align: center;
        line-height: 1.25;
        margin-top: 13px;
        font-family: "Helvetica Neue", Helvetica, Arial !important;
        font-weight: 500;
    }

        #iphone10 section.container.iphone10-section-3a .iphone10-content-section-text .iphone10-small-caps {
            font-family: "Helvetica Neue", Helvetica, Arial !important;
            font-weight: 500;
        }

    #iphone10 section.container.iphone10-section-3a div.iphone10-background-image {
        width: 100%;
        height: auto;
        margin: 15px auto 5px;
        display: block;
    }

    #iphone10 section.container.iphone10-section-3a .iphone10-column-split {
        clear: both;
    }

    #iphone10 section.container.iphone10-section-3a .iphone10-small-6 {
        margin-bottom: 35px;
    }

@media (max-width: 1068px) and (min-width: 768px) {
    #iphone10 section.container.iphone10-section-3a p.iphone10-content-section-text:last-child {
        font-size: 19px;
    }
}

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-3a {
        padding: 15px 0 100px;
    }

        #iphone10 section.container.iphone10-section-3a .iphone10-content-section-heading,
        #iphone10 section.container.iphone10-section-3a .iphone10-content-section-heading .iphone10-light-text {
            font-size: 34px;
            text-align: center;
            margin: 45px auto 20px;
            max-width: 80%;
        }

        #iphone10 section.container.iphone10-section-3a .iphone10-content-section-text {
            font-size: 24px;
            margin-top: 28px;
        }

        #iphone10 section.container.iphone10-section-3a div.iphone10-background-image {
            margin: 0 auto 15px;
        }

        #iphone10 section.container.iphone10-section-3a .iphone10-column-split {
            clear: none;
        }

        #iphone10 section.container.iphone10-section-3a .iphone10-small-6 {
            margin-bottom: 0;
        }
}

#iphone10 section.container.iphone10-section-4 {
    padding: 30px 0 0;
}

    #iphone10 section.container.iphone10-section-4 div.iphone10-background-image {
        width: 100%;
        height: auto;
        margin: 15px auto 0;
        display: block;
    }

    #iphone10 section.container.iphone10-section-4.iphone10-content-bleed {
        max-width: 1160px;
    }

@media (max-width: 766px) {
    #iphone10 section.container.iphone10-section-4 {
        background-image: linear-gradient(180deg, black, #121212);
    }
}

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-4 {
        padding: 80px 0 50px !important;
    }

        #iphone10 section.container.iphone10-section-4 div.iphone10-background-image {
            margin: 0 auto;
        }
}

#iphone10 section.container.iphone10-section-4-text {
    padding: 55px 0 30px;
}

    #iphone10 section.container.iphone10-section-4-text .iphone10-content-section-heading {
        font-size: 17px;
        line-height: 1.35;
        color: #ffffff;
        margin-bottom: 20px;
        font-weight: 500;
        font-family: "Helvetica Neue", Helvetica, Arial !important;
    }

        #iphone10 section.container.iphone10-section-4-text .iphone10-content-section-heading .iphone10-smaller-text {
            font-family: "Helvetica Neue", Helvetica, Arial !important;
            font-weight: 400;
            line-height: 1.35;
        }

    #iphone10 section.container.iphone10-section-4-text .iphone10-smaller-text {
        margin-bottom: 45px;
        font-size: 17px;
        color: #ffe5db;
        font-weight: 400;
    }

@media (max-width: 1068px) and (min-width: 768px) {
    #iphone10 section.container.iphone10-section-4-text h4.iphone10-content-section-heading {
        font-size: 19px;
    }

    #iphone10 section.container.iphone10-section-4-text span.iphone10-smaller-text {
        font-size: 19px;
    }
}

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-4-text {
        padding: 30px 0 100px;
    }

        #iphone10 section.container.iphone10-section-4-text .iphone10-medium-4:nth-child(1) {
            padding-right: 35px;
        }

        #iphone10 section.container.iphone10-section-4-text .iphone10-medium-4:nth-child(even) {
            padding: 0 25px;
        }

        #iphone10 section.container.iphone10-section-4-text .iphone10-medium-4:nth-child(3) {
            padding-left: 40px;
        }

        #iphone10 section.container.iphone10-section-4-text .iphone10-content-section-heading {
            font-size: 21px;
            margin-bottom: 5px;
        }

        #iphone10 section.container.iphone10-section-4-text .iphone10-smaller-text {
            font-size: 21px;
        }
}

#iphone10 section.container.iphone10-section-5 {
    padding: 40px 0 0;
}

@media (max-width: 766px) {
    #iphone10 section.container.iphone10-section-5 {
        background-image: linear-gradient(180deg, black, #121212);
    }
}

#iphone10 section.container.iphone10-section-5 div.iphone10-background-image {
    width: 100%;
    height: auto;
    margin: 15px auto 0;
    display: block;
}

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-5 {
        padding: 10px 0 100px;
    }

        #iphone10 section.container.iphone10-section-5 div.iphone10-background-image {
            margin: 50px auto 20px;
        }
}

@media (max-width: 766px) {
    #iphone10 section.container.iphone10-section-6-mask {
        padding-top: 50px;
    }
}

#iphone10 section.container.iphone10-section-6 {
    padding: 15px 0 25px;
    max-width: 500px;
    margin: 0 auto;
}

    #iphone10 section.container.iphone10-section-6 .iphone10-content-section-heading {
        color: #ffffff;
        font-size: 21px;
        line-height: 1.15;
        padding: 0px;
        padding-right: 15px;
        margin-top: 40px;
        font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
    }

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-6 .iphone10-content-section-heading {
        padding: 0px 13px;
    }
}

#iphone10 section.container.iphone10-section-6 .iphone10-content-section-heading .iphone10-small-text {
    color: #ffe5db;
    font-size: 17px;
    line-height: 1.25;
    font-family: "Helvetica Neue", Helvetica, Arial !important;
}

#iphone10 section.container.iphone10-section-6 div.iphone10-background-image {
    width: 100%;
    height: auto;
    margin: 15px auto;
    display: block;
}

    #iphone10 section.container.iphone10-section-6 div.iphone10-background-image.iphone10-background-image-chip {
        background-size: 130%;
        padding-bottom: 89%;
    }

#iphone10 section.container.iphone10-section-6 .iphone10-table {
    margin: 0 auto;
    padding-bottom: 0;
}


#iphone10 section.container.iphone10-section-6 .iphone10-table-cell:nth-child(even) {
    display: none;
}

#iphone10 section.container.iphone10-section-6 .iphone10-table-cell:nth-child(odd) {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    padding-right: 1%;
}

#iphone10 section.container.iphone10-section-6 .iphone10-center-cell.iphone10-table-cell:nth-child(odd) {
    width: 100%;
}



@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-6 {
        padding: 90px 0 10px;
        max-width: 1068px;
    }

        #iphone10 section.container.iphone10-section-6 div.iphone10-background-image {
            width: 100%;
            margin: 0 auto;
            background-image: none !important;
        }

        /*#iphone10 section.container.iphone10-section-6 div.iphone10-background-image.iphone10-background-image-chip {
        background-size: 100%;
    }*/


        #iphone10 section.container.iphone10-section-6 .iphone10-table-cell:nth-child(even) {
            width: 60%;
            display: table-cell;
        }

        #iphone10 section.container.iphone10-section-6 .iphone10-table-cell:nth-child(odd) {
            width: 20%;
            display: table-cell;
            padding-top: 45px;
        }

        #iphone10 section.container.iphone10-section-6 .iphone10-content-section-heading {
            margin-top: 40px;
            font-size: 27px;
            padding: 0;
            margin-bottom: 55px;
        }

            #iphone10 section.container.iphone10-section-6 .iphone10-content-section-heading .iphone10-small-text {
                font-size: 21px;
            }
}


@media (min-width: 767px) and (max-width: 991px) {

    #iphone10 section.container.iphone10-section-6 .iphone10-table-cell:nth-child(odd) {
        width: 30%;
    }

    #iphone10 section.container.iphone10-section-6 .iphone10-table-cell:nth-child(even) {
        width: 40%;
    }
}

@media (max-width: 1068px) and (min-width: 768px) {
    #iphone10 section.container.iphone10-section-6 .iphone10-content-section-heading {
        font-size: calc(32px * 0.75);
    }
}

@media (min-width:1750px) {
    .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024:after {
        height: 85%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.jusnka-promocija:after {
        height: 75%;
    }
}

#iphone10 section.container.iphone10-section-7 {
    padding: 40px 0 30px;
}

    #iphone10 section.container.iphone10-section-7 div.iphone10-background-image {
        width: 100%;
        height: auto;
        margin: 15px auto;
        display: block;
    }

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-7 div.iphone10-background-image {
        margin: 50px auto 20px;
    }
}

#iphone10 section.container.iphone10-section-8 {
    padding: 45px 0 0;
}

    #iphone10 section.container.iphone10-section-8 .iphone10-content-section-text {
        font-size: 17px;
        font-family: "Helvetica Neue", Helvetica, Arial !important;
        color: #ffe5db;
    }

        #iphone10 section.container.iphone10-section-8 .iphone10-content-section-text .iphone10-text-reset {
            font-family: "tele-groteskhalregular";
            font-size: 17px;
        }

    #iphone10 section.container.iphone10-section-8 div.iphone10-background-image-gallery {
        width: 100%;
        height: auto;
        margin: 15px auto;
        display: block;
    }

    #iphone10 section.container.iphone10-section-8 .iphone10-text-wrapper {
        margin: 0 auto;
    }

        #iphone10 section.container.iphone10-section-8 .iphone10-text-wrapper .iphone10-content-section-text {
            max-width: 460px;
            line-height: 1.25;
            padding: 0 2.5em;
        }

    #iphone10 section.container.iphone10-section-8 .iphone10-text-reset {
        font-weight: 500;
    }

@media (max-width: 1068px) and (min-width: 768px) {
    #iphone10 section.container.iphone10-section-8 span.iphone10-text-reset,
    #iphone10 section.container.iphone10-section-8 p.iphone10-content-section-text {
        font-size: 19px;
    }
}

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-8.iphone10-section-8-gradient {
        height: 215px;
        background-image: linear-gradient(180deg, black, #121212);
        max-width: 100%;
    }

    #iphone10 section.container.iphone10-section-8 div.iphone10-background-image-gallery {
        width: 100%;
        max-width: 607px;
        margin: 50px auto 20px;
        padding: 0;
    }

    #iphone10 section.container.iphone10-section-8 .iphone10-text-wrapper {
        max-width: 607px;
    }

        #iphone10 section.container.iphone10-section-8 .iphone10-text-wrapper .iphone10-content-section-text {
            padding: 0;
            font-size: 21px;
        }

            #iphone10 section.container.iphone10-section-8 .iphone10-text-wrapper .iphone10-content-section-text .iphone10-text-reset {
                font-size: 21px;
            }
}

#iphone10 section.container.iphone10-section-9 {
    padding: 45px 0 55px;
    margin: 0 auto;
}

    #iphone10 section.container.iphone10-section-9 .iphone10-content-section-heading {
        text-align: left;
        line-height: 1;
        margin-top: 15px;
        color: #ffffff;
        font-size: 24px;
        line-height: 1.13;
        padding-right: 15px;
    }

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-9 .iphone10-content-section-heading {
        margin-top: 35px;
        line-height: 1;
        margin-bottom: 40px;
    }
}

#iphone10 section.container.iphone10-section-9 .iphone10-content-section-heading .iphone10-small-text {
    font-family: "Helvetica Neue", Helvetica, Arial !important;
    font-size: 17px;
    line-height: 1.4;
    color: #ffe5db;
    font-weight: 400;
}

    #iphone10 section.container.iphone10-section-9 .iphone10-content-section-heading .iphone10-small-text span {
        line-height: 1.4;
        font-family: "Helvetica Neue", Helvetica, Arial !important;
    }

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-9 .iphone10-content-section-heading .iphone10-small-text {
        margin-top: 5px;
        line-height: 1.25;
    }
}

#iphone10 section.container.iphone10-section-9 .iphone10-content-section-top-heading {
    text-align: left;
    margin-bottom: 25px;
    font-size: 24px;
}

#iphone10 section.container.iphone10-section-9.iphone10-section-9a {
    padding-top: 0;
    padding-bottom: 50px;
}

#iphone10 section.container.iphone10-section-9 div.iphone10-background-image {
    width: 100%;
    height: auto;
    margin: 15px auto;
    display: block;
}

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-9 {
        padding: 120px 0 35px;
    }

        #iphone10 section.container.iphone10-section-9 div.iphone10-background-image {
            width: 100%;
            margin: 0 auto;
        }

        #iphone10 section.container.iphone10-section-9 .iphone10-content-section-heading {
            margin-top: 50px;
            font-size: 32px;
        }

            #iphone10 section.container.iphone10-section-9 .iphone10-content-section-heading .iphone10-small-text {
                font-size: 21px;
            }

        #iphone10 section.container.iphone10-section-9 .iphone10-content-section-top-heading {
            text-align: center;
            margin-bottom: 65px;
            font-size: 40px;
        }

        #iphone10 section.container.iphone10-section-9.iphone10-section-9a {
            padding-top: 110px;
            padding-bottom: 100px;
        }

            #iphone10 section.container.iphone10-section-9.iphone10-section-9a .iphone10-content-section-top-heading {
                margin-bottom: 15px;
            }

        #iphone10 section.container.iphone10-section-9 .iphone10-small-6:last-child {
            clear: none;
        }
}

#iphone10 section.container.iphone10-section-10 {
    padding: 40px 0 65px;
}

    #iphone10 section.container.iphone10-section-10 div.iphone10-background-image {
        width: 100%;
        height: auto;
        margin: 15px auto 40px;
        display: block;
    }

    #iphone10 section.container.iphone10-section-10 .iphone10-content-section-text {
        margin-left: 1%;
        font-size: 17px;
        font-family: "Helvetica Neue", Helvetica, Arial !important;
        color: #999999;
        line-height: 1.25;
    }

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-10 div.iphone10-background-image {
        margin: 50px auto 20px;
    }
}

#iphone10 section.container.iphone10-section-11 {
    padding: 40px 0 25px;
}

    #iphone10 section.container.iphone10-section-11 .iphone10-content-section-heading {
        font-size: 32px;
        text-align: center;
        margin-bottom: 10px;
    }

    #iphone10 section.container.iphone10-section-11 .iphone10-content-section-text {
        text-align: center;
    }

        #iphone10 section.container.iphone10-section-11 .iphone10-content-section-text .iphone10-link-reset {
            font-size: 17px;
            text-align: center;
            color: #5cc3f6;
            font-family: "Helvetica Neue", Helvetica, Arial !important;
            text-decoration: none;
        }

            #iphone10 section.container.iphone10-section-11 .iphone10-content-section-text .iphone10-link-reset:hover {
                text-decoration: underline;
            }

    #iphone10 section.container.iphone10-section-11 div.iphone10-background-image {
        width: 100%;
        height: auto;
        margin: 10px auto 5px;
        display: block;
    }

    #iphone10 section.container.iphone10-section-11 p.iphone10-content-section-text {
        font-family: "Helvetica Neue", Helvetica, Arial !important;
        font-weight: 400;
    }

    #iphone10 section.container.iphone10-section-11 .iphone10-table {
        max-width: 275px;
        margin: 30px auto 0;
    }

    #iphone10 section.container.iphone10-section-11 .iphone10-table-cell {
        width: 49%;
        display: inline-block;
    }

        #iphone10 section.container.iphone10-section-11 .iphone10-table-cell .iphone10-text-center {
            display: block;
            margin-top: 10px;
        }

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-11 {
        padding: 100px 0 25px;
    }

        #iphone10 section.container.iphone10-section-11 div.iphone10-background-image {
            width: 100%;
            margin: 15px auto;
        }

        #iphone10 section.container.iphone10-section-11 .iphone10-table {
            max-width: 630px;
            margin: 0 auto;
        }

        #iphone10 section.container.iphone10-section-11 .iphone10-content-section-heading {
            font-size: 48px;
        }

        #iphone10 section.container.iphone10-section-11 .iphone10-content-section-text .iphone10-link-reset {
            font-size: 21px;
        }
}

.iphone10-body {
    margin: 0;
    padding: 0;
    background: black;
}

#iphone10 section.container div.iphone10-mobile-hide,
#iphone10 section.container span.iphone10-mobile-hide {
    display: none;
}

@media (min-width: 767px) {
    #iphone10 section.container div.iphone10-mobile-hide,
    #iphone10 section.container span.iphone10-mobile-hide {
        display: block;
    }
}

#iphone10 section.container div.iphone10-desktop-hide,
#iphone10 section.container span.iphone10-desktop-hide {
    display: block;
}

@media (min-width: 767px) {
    #iphone10 section.container div.iphone10-desktop-hide,
    #iphone10 section.container span.iphone10-desktop-hide {
        display: none;
    }
}

@media (min-width: 767px) {
    #iphone10 section.container div.row-gutter.iphone10-exception {
        padding: 0 1.25em;
    }
}

@media (min-width: 767px) {
    #iphone10 section.container .iphone10-center-desktop {
        text-align: center;
    }
}

#iphone10 section.container .text-right p {
    text-align: right;
    float: right;
}

#iphone10 section.container br {
    display: block;
}

@media (max-width: 766px) {
    #iphone10 section.container br.iphone10-desktop-break {
        display: none;
    }

    #iphone10 section.container br.iphone10-mobile-break {
        display: block;
    }
}

@media (min-width: 767px) {
    #iphone10 section.container br.iphone10-mobile-break {
        display: none;
    }

    #iphone10 section.container br.iphone10-desktop-break {
        display: block;
    }
}

@media (min-width: 767px) {
    #iphone10 section.container div.iphone10-table {
        position: relative;
        display: table;
        width: 100%;
    }

    #iphone10 section.container.iphone10-section-6 .iphone10-table {
        background-image: url(/content/images/iPhone-2018/iphone10-bionic.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 80%;
    }

    #iphone10 section.container div.iphone10-table div.iphone10-table-cell {
        display: table-cell;
    }

        #iphone10 section.container div.iphone10-table div.iphone10-table-cell.iphone10-valign-middle {
            vertical-align: middle;
        }

        #iphone10 section.container div.iphone10-table div.iphone10-table-cell div.iphone10-table-cell-inner {
            overflow: hidden;
        }
}

#iphone10 .container a.iphone10-buy-button {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #ffe5db;
    font-family: "Helvetica Neue", Helvetica, Arial !important;
    border: 1px solid #ffe5db;
    font-size: 17px;
    padding: 7px 13px 9px 13px;
    width: auto;
    min-width: 100px;
    font-weight: 500;
    margin: auto;
}

@media only screen and (max-width: 766px) {

    #iphone10 .container a.iphone10-buy-button {
        font-size: 17px;
        padding: 7px 9px 9px 9px !important;
    }
}

#iphone10 .container a.iphone10-buy-button:hover,
#iphone10 .container a.iphone10-buy-button:focus {
    background: #ffe5db;
    color: #000000;
}

#iphone10 .container .iphone10-button-wrapper {
    text-align: center;
}

#iphone10 section.container.iphone10-footer {
    margin-top: 50px;
    background-color: #222222;
    padding: 20px 0 30px;
}

    #iphone10 section.container.iphone10-footer .row {
        max-width: 1068px;
    }

    #iphone10 section.container.iphone10-footer.iphone10-content-bleed {
        max-width: 100%;
    }

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-footer {
        margin-top: 200px;
        padding: 40px 0 80px;
    }
}

#iphone10 section.container.iphone10-footer p,
#iphone10 section.container.iphone10-footer ul,
#iphone10 section.container.iphone10-footer ul li {
    font-size: 10px;
    font-weight: normal;
    color: #666666;
    font-family: "Helvetica Neue", Helvetica, Arial !important;
    line-height: 13px;
    text-align: left;
    padding: 0;
    margin: 0;
}

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-footer p,
    #iphone10 section.container.iphone10-footer ul,
    #iphone10 section.container.iphone10-footer ul li {
        font-size: 11px;
        line-height: 15px;
    }
}

#iphone10 section.container.iphone10-footer ul li {
    list-style-image: none;
}

#iphone10 section.container.iphone10-footer p.iphone10-footer-p {
    margin-bottom: 10px;
}

#iphone10 section.container.iphone10-footer ul.iphone10-unordered-list {
    padding-left: 20px;
}

    #iphone10 section.container.iphone10-footer ul.iphone10-unordered-list li.iphone10-unordered-list-li {
        margin-bottom: 5px;
        list-style-type: none;
        position: relative;
    }

        #iphone10 section.container.iphone10-footer ul.iphone10-unordered-list li.iphone10-unordered-list-li span.iphone10-list-number {
            font-family: inherit;
            font-size: inherit;
            display: inline-block;
            font-weight: inherit;
            position: absolute;
            left: -19px;
            top: 2px;
        }

/* Layout-specific stuff */

#iphone10 section.container.iphone10-section-intro div.iphone10-background-image-hero-collection {
    background-image: url('/content/images/iPhone-2018/iphone-xs-hero-mob.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 40%;
    padding-bottom: 110%;
}

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-intro div.iphone10-background-image-hero-collection {
        background-image: url('/content/images/iPhone-2018/iphone10x-1.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        padding-bottom: 30%;
    }
}

#iphone10 section.container.iphone10-section-2 div.iphone10-background-image-closeup {
    background-image: url('/content/images/iPhone-2018/iphone10x-2.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-bottom: 110%;
}

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-2 div.iphone10-background-image-closeup {
        background-image: url('/content/images/iPhone-2018/iphone10x-2.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 60%;
        padding-bottom: 73%;
    }
}

#iphone10 section.container.iphone10-section-3 div.iphone10-background-image-screen-size {
    background-image: url('/content/images/iPhone-2018/iPhone-xs-display.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 116%;
    padding-bottom: 110%;
}

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-3 div.iphone10-background-image-screen-size {
        background-image: url('/content/images/iPhone-2018/iPhone-xs-display.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        padding-bottom: 100%;
    }
}

#iphone10 section.container.iphone10-section-3a div.row-gutter {
    padding-right: 1em;
    padding-left: 1em;
}

#iphone10 section.container.iphone10-section-3a div.iphone10-background-image-iphonemax-size {
    background-image: url('/content/images/iPhone-2018/iPhone-xs-max.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 88%;
    padding-bottom: 169%;
}

#iphone10 section.container.iphone10-section-3a div.iphone10-background-image-iphonexs-size {
    background-image: url('/content/images/iPhone-2018/iPhone-xs.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 80%;
    padding-bottom: 169%;
}

#iphone10 section.container.iphone10-section-3a div.iphone10-background-image-iphone8-size {
    background-image: url('/content/images/iPhone-2018/iPhone-8-plus.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 88%;
    padding-bottom: 169%;
}

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-3a div.iphone10-background-image-iphonemax-size {
        background-image: url('/content/images/iPhone-2018/iPhone-xs-max.jpg');
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 94%;
        padding-bottom: 200%;
    }

    #iphone10 section.container.iphone10-section-3a div.iphone10-background-image-iphonexs-size {
        background-image: url('/content/images/iPhone-2018/iPhone-xs.jpg');
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 87%;
        padding-bottom: 200%;
    }

    #iphone10 section.container.iphone10-section-3a div.iphone10-background-image-iphone8-size {
        background-image: url('/content/images/iPhone-2018/iPhone-8-plus.jpg');
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 95%;
        padding-bottom: 200%;
    }
}

#iphone10 section.container.iphone10-section-4 {
    padding-top: 65px;
}

    #iphone10 section.container.iphone10-section-4 div.iphone10-background-image-stacked {
        background-image: url('/content/images/iPhone-2018/iphone-xs-three-phones-mob.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 80%;
        padding-bottom: 60%;
    }

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-4 div.iphone10-background-image-stacked {
        background-image: url('/content/images/iPhone-2018/iPhone-three-phones.jpg');
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 98%;
        padding-bottom: 43%;
    }
}

#iphone10 section.container.iphone10-section-5 div.iphone10-background-image-front {
    background-image: url('/content/images/iPhone-2018/iphone10x-3-mob.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 80%;
    padding-bottom: 290px;
    max-width: 315px;
}

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-5 div.iphone10-background-image-front {
        background-image: url('/content/images/iPhone-2018/iphone10x-3.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 50%;
        padding-bottom: 90%;
        max-width: 100%;
    }
}

#iphone10 section.container.iphone10-section-6 div.iphone10-background-image-chip {
    background-image: url('/content/images/iPhone-2018/iphone10-bionic.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 90%;
    padding-bottom: 92%;
}

/*@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-6 div.iphone10-background-image-chip {
        background-image: url('/content/images/iPhone-2018/iphone10-bionic.jpg');
        background-repeat: no-repeat;
        background-position: center -35px;
        background-size: 100%;
        padding-bottom: 100%;
    }
}*/

#iphone10 section.container.iphone10-section-7 {
    padding: 40px 0 0;
}

    #iphone10 section.container.iphone10-section-7 div.iphone10-background-image-lifestyle {
        background-image: url('/content/images/iPhone-2018/iPhone-xs-camera-hero.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 177%;
        padding-bottom: 115%;
    }

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-7 {
        padding: 40px 0 25px;
    }

        #iphone10 section.container.iphone10-section-7 div.iphone10-background-image-lifestyle {
            background-image: url('/content/images/iPhone-2018/iPhone-xs-camera-hero.jpg');
            background-repeat: no-repeat;
            background-position: center top;
            background-size: 100%;
            padding-bottom: 63%;
        }
}

#iphone10 section.container.iphone10-section-8 div.iphone10-background-image-gallery-1 {
    background-image: url('/content/images/iPhone-2018/iPhone-xs-camera-hero-2.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-bottom: 137%;
}

#iphone10 section.container.iphone10-section-8 div.iphone10-background-image-gallery-2 {
    background-image: url('/content/images/iPhone-2018/iPhone-xs-camer-hero-3.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-bottom: 137%;
}

#iphone10 section.container.iphone10-section-8 div.iphone10-background-image-gallery-3 {
    background-image: url('/content/images/iPhone-2018/iPhone-xs-camera-hero-4.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-bottom: 137%;
}

#iphone10 section.container.iphone10-section-8 div.iphone10-background-image-gallery-4 {
    background-image: url('/content/images/iPhone-2018/iPhone-xs-portrait.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 85%;
    padding-bottom: 175%;
}

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-8 div.iphone10-background-image-gallery-1 {
        background-image: url('/content/images/iPhone-2018/iPhone-xs-camera-hero-2.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        padding-bottom: 86%;
    }

    #iphone10 section.container.iphone10-section-8 div.iphone10-background-image-gallery-2 {
        background-image: url('/content/images/iPhone-2018/iPhone-xs-camer-hero-3.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        padding-bottom: 86%;
    }

    #iphone10 section.container.iphone10-section-8 div.iphone10-background-image-gallery-3 {
        background-image: url('/content/images/iPhone-2018/iPhone-xs-camera-hero-4.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        padding-bottom: 86%;
    }

    #iphone10 section.container.iphone10-section-8 div.iphone10-background-image-gallery-4 {
        background-image: url('/content/images/iPhone-2018/iPhone-xs-portrait.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        padding-bottom: 10%;
        margin-bottom: 40px;
        min-height: 1225px;
    }
}

#iphone10 section.container.iphone10-section-9 div.iphone10-background-image-phone-back {
    background-image: url('/content/images/iPhone-2018/iPhone-xs-dual-camera.jpg');
    background-repeat: no-repeat;
    background-position: center 8px;
    background-size: 100%;
    padding-bottom: 50%;
    margin-bottom: 40px;
}

#iphone10 section.container.iphone10-section-9 div.iphone10-background-image-phone-angle {
    background-image: url('/content/images/iPhone-2018/iPhone-xs-true-depth.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-bottom: 80%;
}

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-9 div.iphone10-background-image-phone-back {
        background-image: url('/content/images/iPhone-2018/iPhone-xs-dual-camera.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        padding-bottom: 48%;
        margin-bottom: 10px;
    }

    #iphone10 section.container.iphone10-section-9 div.iphone10-background-image-phone-angle {
        background-image: url('/content/images/iPhone-2018/iPhone-xs-true-depth.jpg');
        background-repeat: no-repeat;
        background-position: center 35px;
        background-size: 100%;
        padding-bottom: 85%;
    }
}

#iphone10 section.container.iphone10-section-10 div.iphone10-background-image-features {
    background-image: url('/content/images/iPhone-2018/iPhone-xs-gigabit.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    padding-bottom: 55%;
    margin-bottom: 10px;
}

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-10 div.iphone10-background-image-features {
        background-image: url('/content/images/iPhone-2018/iPhone-xs-gigabit.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 80%;
        padding-bottom: 45%;
    }
}

#iphone10 section.container.iphone10-section-11 div.iphone10-background-image-iphonexs-dual {
    background-image: url(/content/images/iPhone-2018/iphone-uporedi-1.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 82%;
    padding-bottom: 143%;
}

#iphone10 section.container.iphone10-section-11 div.iphone10-background-image-iphonexr-dual {
    background-image: url(/content/images/iPhone-2018/iphone-uporedi-2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 86%;
    padding-bottom: 138%;
}



#iphone10 section.container.iphone10-section-11 div.iphone10-background-image-iphonexr {
    background-image: url('/content/images/iPhone-2018/iphone-logo-xr.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-bottom: 19%;
    max-width: 130px;
}

#iphone10 section.container.iphone10-section-11 div.iphone10-background-image-iphonexs {
    background-image: url('/content/images/iPhone-2018/iphone-logo-xs.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-bottom: 19%;
    max-width: 130px;
}

@media (min-width: 767px) {
    #iphone10 section.container.iphone10-section-11 div.iphone10-background-image-iphonexs-dual {
        background-image: url(/content/images/iPhone-2018/iphone-uporedi-1.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 85%;
        padding-bottom: 140%;
        margin: 70px auto 40px;
        max-width: 850px;
    }

    #iphone10 section.container.iphone10-section-11 div.iphone10-background-image-iphonexr-dual {
        background-image: url(/content/images/iPhone-2018/iphone-uporedi-2.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 87%;
        padding-bottom: 140%;
        display: block;
    }

    #iphone10 section.container.iphone10-section-11 div.iphone10-background-image-iphonexr {
        background-image: url('/content/images/iPhone-2018/iphone-logo-xr.jpg');
        padding: 13px 20px 13px;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        padding-bottom: 15%;
        max-width: 175px;
        margin-left: 65px;
    }

    #iphone10 section.container.iphone10-section-11 div.iphone10-background-image-iphonexs {
        background-image: url('/content/images/iPhone-2018/iphone-logo-xs.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        padding-bottom: 15%;
        max-width: 175px;
        margin-left: 65px;
    }
}

#iphone10 .container a.iphone10-buy-button {
    padding: 7px 2px 9px 2px;
}

@media only screen and (min-width: 767px) {
    #iphone10 .container a.iphone10-buy-button {
        font-size: 17px;
        width: 160px;
        padding: 10px 7px 10px 7px;
    }
}

#iphone10 .buttons {
    position: relative;
    text-align: center;
}

    #iphone10 .buttons a.rezervacija {
        display: inline-block;
        position: relative;
        font-size: 18px;
        color: #ffe5db;
        border: 1px solid #ffe5db;
        border-radius: 4px;
        margin-bottom: 30px;
        padding: 12px 20px;
        font-family: "Helvetica Neue", Helvetica, Arial !important;
    }

        #iphone10 .buttons a.rezervacija:hover {
            background: #ffe5db;
            color: #000000;
            text-decoration: none;
        }

/*#endregion iphone-Xs-2018*/




.slider-naslovna-full-width-wraper.slider-naslovna2 .item.iphoneXS a.third.btn.left, .slider-naslovna-full-width-wraper.slider-naslovna2 .item.iphoneXS-sq a.third.btn.left {
    left: 50%;
    transform: translate(-50%);
}


.slider-naslovna-full-width-wraper.slider-naslovna2 .item.iphoneXr a.third.btn.left, .slider-naslovna-full-width-wraper.slider-naslovna2 .item.iphoneXr-sq a.third.btn.left {
    left: auto;
    right: 0;
}




a.third.btn.btn-magen.iphone-xs-button, a.third.btn.btn-magen.iphone-xs-button-sq, a.third.btn.btn-magen.iphone-xr-button, a.third.btn.btn-magen.iphone-xr-button-sq {
    display: none;
}


a.third.btn.btn-magen.left.iphone-xs-kupi {
    left: 49%;
    transform: translateX(-100%);
    right: auto;
    bottom: 6%;
}

a.third.btn.btn-magen.left.iphone-xs-povekje {
    right: 49%;
    transform: translateX(100%);
    left: auto;
    bottom: 6%;
}

a.third.btn.btn-magen.left.iphone-xr-kupi {
    left: auto;
    right: 0;
    bottom: 20%;
    min-width: 141px;
}

a.third.btn.btn-magen.left.iphone-xr-povekje {
    left: auto;
    right: 0;
    bottom: 6%;
    min-width: 141px;
}

a.third.btn.btn-magen.left.iphone-xs-kupi, a.third.btn.btn-magen.left.iphone-xs-povekje, a.third.btn.btn-magen.left.iphone-xr-kupi, a.third.btn.btn-magen.left.iphone-xr-povekje {
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
    font-family: teleNeo-bold;
}


@media (max-width: 990px) and (min-width: 768px) {

    #myCarousel2.homepage-slider-full a.third.btn.btn-magen.left.iphone-xs-kupi, #myCarousel2.homepage-slider-full a.third.btn.btn-magen.left.iphone-xs-povekje,
    #myCarousel2.homepage-slider-full a.third.btn.btn-magen.left.iphone-xr-kupi, #myCarousel2.homepage-slider-full a.third.btn.btn-magen.left.iphone-xr-povekje {
        display: block;
    }

    a.third.btn.btn-magen.left.iphone-xs-kupi {
        left: 49%;
        transform: translateX(-100%);
        right: auto;
        bottom: 5%;
    }

    a.third.btn.btn-magen.left.iphone-xs-povekje {
        right: 49%;
        transform: translateX(100%);
        left: auto;
        bottom: 5%;
    }

    a.third.btn.btn-magen.left.iphone-xr-kupi {
        left: auto;
        right: 2%;
        bottom: 23%;
        min-width: 141px;
    }

    a.third.btn.btn-magen.left.iphone-xr-povekje {
        left: auto;
        right: 2%;
        bottom: 6%;
        min-width: 141px;
    }
}

@media (max-width: 767px) {
    .homepage-wrapper .urediLandingTextSlider .item.xr-banner .btn {
        bottom: 40px;
        left: 40px;
    }

    .iphoneX-banner .btn {
        bottom: 40px;
    }

    a.third.btn.btn-magen.left.iphone-xs-kupi, a.third.btn.btn-magen.left.iphone-xs-povekje, a.third.btn.btn-magen.left.iphone-xr-kupi, a.third.btn.btn-magen.left.iphone-xr-povekje {
        display: inline-block;
        width: 120px;
        height: 40px;
        top: auto;
        bottom: 7%;
        text-align: center;
        color: #fff;
        border: 2px solid #fff !important;
        background: transparent !important;
        font-family: teleNeo-bold !important;
        font-size: 16px;
        padding: 5px 10px;
        line-height: 1.7;
    }

    a.third.btn.btn-magen.left.iphone-xr-kupi, a.third.btn.btn-magen.left.iphone-xr-povekje {
        background: #dedede !important;
        color: #383838;
        border: 1px solid #bbbbbb !important;
    }

    a.third.btn.btn-magen.left.iphone-xs-kupi, a.third.btn.btn-magen.left.iphone-xr-kupi {
        left: 48% !important;
        transform: translateX(-100%);
        right: auto !important;
    }

    a.third.btn.btn-magen.left.iphone-xs-povekje, a.third.btn.btn-magen.left.iphone-xr-povekje {
        right: 48% !important;
        transform: translateX(100%);
        left: auto !important;
    }
}

@media (max-height: 800px) and (min-width:768px) {
    .homepage-wrapper .urediLandingTextSlider .item.xr-banner .btn, .homepage-wrapper .urediLandingTextSlider .iphoneX-banner .btn {
        bottom: 100px;
    }
}

@media(max-height:780px) {
    .homepage-wrapper .sliderUrediTxt-image {
        background-position: top 5% center;
    }
}

@media(max-height:850px) and (min-height:850px) {
    .homepage-wrapper .urediLandingTextSlider .item.iphone-xs .sliderUrediTxt-image {
        background-position: top 15% center;
    }
}

@media(max-height:849px) and (min-height:750px) and (min-width:768px) {
    .homepage-wrapper .urediLandingTextSlider .item.iphone-xs .sliderUrediTxt-image {
        background-position: top 20% center;
    }
}

@media(max-height:750px) and (min-width:768px) {
    .homepage-wrapper .urediLandingTextSlider .item.iphone-xs .sliderUrediTxt-image {
        background-position: top 16% center;
    }

    .homepage-wrapper .iphone-buttons.middle {
        bottom: 75px;
    }
}



/*#region prepaid-povolnosti*/

#prepaid-povolnosti {
    position: relative;
    margin-top: 0px;
}

    #prepaid-povolnosti .prepaid-povolnosti-banner {
        position: relative;
        background: url(../content/images/pripejd-povolnosti-baner.jpg) no-repeat center;
        background-size: cover;
        height: 375px;
        padding: 40px 0 20px;
        margin-bottom: 15px;
    }

    #prepaid-povolnosti .prepaid-povolnosti-bannerBox {
        color: white;
        width: 40%;
    }

        #prepaid-povolnosti .prepaid-povolnosti-bannerBox h1 {
            color: white;
            font-family: 'teleNeo-bold' !important;
            font-size: 61px;
            margin-bottom: 25px;
        }

        #prepaid-povolnosti .prepaid-povolnosti-bannerBox h3 {
            margin-bottom: 90px;
        }

    #prepaid-povolnosti .prepaid-povolnosti-uslugi-box {
        background: #cfd878;
        padding: 30px 40px 30px 30px;
        color: #333333;
    }

        #prepaid-povolnosti .prepaid-povolnosti-uslugi-box h2 {
            font-family: 'teleNeo-bold' !important;
            color: inherit;
            font-size: 30px;
            text-transform: uppercase;
            margin-bottom: 20px;
        }

        #prepaid-povolnosti .prepaid-povolnosti-uslugi-box p {
            font-family: 'teleNeo-regular' !important;
            font-size: 24px;
            line-height: 1.1;
            min-height: 104px;
            margin-bottom: 50px;
        }

    #prepaid-povolnosti .prepaid-povolnosti-uslugi {
        margin-bottom: 70px;
    }

    #prepaid-povolnosti .prepaid-povolnosti-uslugi-box.gray {
        background: #f6f6f6;
    }

    #prepaid-povolnosti .prepaid-povolnosti-uslugi-box.blue {
        background: #81ccf3;
    }

@media (min-width: 768px) {

    #prepaid-povolnosti .prepaid-povolnosti-bannerBox h1 br {
        display: none;
    }

    #prepaid-povolnosti .m-lr-7.row {
        margin-right: -7px;
        margin-left: -7px;
    }

    #prepaid-povolnosti .p7 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .prepaid-povolnosti-banner .container {
        padding-left: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .homepage-wrapper .urediLandingTextSlider .item.nov-iPhone .inline-btns {
        bottom: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-2023-modeli .inline-btns {
        bottom: 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.five-g-delovni-banner .sliderUrediTxt-image {
        background-position: bottom !important;
        height: 100%;
        background-size: contain;
        bottom: 0px;
        left: 0;
        width: 100%;
        position: absolute;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-popust-2021 {
        background-position: 33% 38% !important;
    }

    #prepaid-povolnosti .prepaid-povolnosti-bannerBox h3 {
        margin-bottom: 60px;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .mojKlub-MagazinBaner .mklub-buttons a {
        margin: 0 5px;
        font-size: 13px;
    }

    #prepaid-povolnosti .prepaid-povolnosti-bannerBox {
        color: white;
        width: 55%;
    }

    #prepaid-povolnosti .prepaid-povolnosti-banner {
        background-position: left 41% center;
    }

    #prepaid-povolnosti .prepaid-povolnosti-uslugi-box {
        background: #cfd878;
        padding: 25px 25px;
        color: #333333;
    }

        #prepaid-povolnosti .prepaid-povolnosti-uslugi-box p {
            font-size: 22px;
        }

        #prepaid-povolnosti .prepaid-povolnosti-uslugi-box p {
            margin-bottom: 25px;
        }

        #prepaid-povolnosti .prepaid-povolnosti-uslugi-box h2 {
            font-size: 28px;
        }
}


@media (max-width: 767px) {
    .homepage-wrapper .urediLandingTextSlider .item.banner-leten-podarok .white-text-wrap {
        width: 75%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1b-novo-portfolio .sliderUrediTxt-image {
        background-position: -260px 0 !important;
        background-size: cover !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.envoice .sliderUrediTxt-image {
        background-position: left 0px !important;
        background-size: 170% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalni-sertifikati .sliderUrediTxt-image {
        background-size: 170% !important;
        background-position: -10% 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.safenet-business-office-new .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/safenet-office-business-banner.png) !important;
        background-size: 220%;
        background-position: left 0 !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digital-index-banner .sliderUrediTxt-image {
        background-position: -5% 20% !important;
        background-size: 160% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.vebinari-banner-new .sliderUrediTxt-image {
        height: 100%;
        top: 0;
        background-size: 170%;
        background-position: center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.five-g-delovni-banner .sliderUrediTxt-image {
        height: 100%;
        bottom: 0;
        background-position: bottom left !important;
        background-size: 170%;
    }

    #prepaid-povolnosti {
        position: relative;
        margin-top: 0;
    }

        #prepaid-povolnosti .prepaid-povolnosti-bannerBox {
            width: 65%;
        }

        #prepaid-povolnosti .prepaid-povolnosti-banner {
            padding: 20px 10px 20px;
            margin-bottom: 15px;
            background-position: left 51% center;
        }

        #prepaid-povolnosti .prepaid-povolnosti-bannerBox h1 {
            color: white;
            font-family: 'teleNeo-bold' !important;
            font-size: 47px;
            margin-bottom: 20px;
        }

        #prepaid-povolnosti .prepaid-povolnosti-bannerBox h3 {
            margin-bottom: 25px;
            font-size: 22px;
        }

        #prepaid-povolnosti .prepaid-povolnosti-uslugi-box {
            margin-bottom: 15px;
            padding: 25px 25px;
        }

            #prepaid-povolnosti .prepaid-povolnosti-uslugi-box p {
                margin-bottom: 20px;
            }

        #prepaid-povolnosti .prepaid-povolnosti-uslugi {
            margin-bottom: 0;
        }
}

@media (max-width: 374px) {


    #prepaid-povolnosti .prepaid-povolnosti-bannerBox h3 {
        margin-bottom: 25px;
        font-size: 20px;
    }

    #prepaid-povolnosti .prepaid-povolnosti-bannerBox h1 {
        font-size: 41px;
    }

    #prepaid-povolnosti .prepaid-povolnosti-uslugi-box p {
        font-size: 22px;
    }
}






/*#endregion prepaid-povolnosti*/



/*#region korisnicka 2018*/

.korisnicka2018-blueBox {
    background: #7ecbf5;
    padding: 45px 0 22px;
}

    .korisnicka2018-blueBox h2 {
        font-family: 'teleNeo-thin' !important;
        color: #000000;
        text-align: center;
        font-size: 31px;
        text-transform: none;
        margin-bottom: 60px;
    }

    .korisnicka2018-blueBox .korisnickaBenefitsBox {
        text-align: center;
    }

        .korisnicka2018-blueBox .korisnickaBenefitsBox p {
            font-size: 18px;
            line-height: 1.2;
            color: #000000;
            min-height: 42px;
        }

    .korisnicka2018-blueBox .korisnickaBenefitsBoxButton {
        text-align: center;
        margin-top: 15px;
    }

        .korisnicka2018-blueBox .korisnickaBenefitsBoxButton .btn.btn-grey {
            background: #ffffff;
            border: 1px solid #b3b3b3;
            padding: 8px 20px;
        }

.korisnicka2018-rowDocuments {
    padding: 50px 0 40px 0;
}

    .korisnicka2018-rowDocuments .korisnickaDocumentsBox {
        padding: 35px 20px 35px 10px;
        border-bottom: 1px solid #e4e4e4;
        width: 80%;
        margin: 0 auto;
        display: table;
    }

    /*.korisnicka2018-rowDocuments .container .row > div:nth-of-type(5) .korisnickaDocumentsBox, .korisnicka2018-rowDocuments .container .row > div:nth-of-type(6) .korisnickaDocumentsBox {
        border-bottom: none;
    }*/

    .korisnicka2018-rowDocuments .korisnickaDocumentsBoxText h3 {
        font-family: 'teleNeo-bold' !important;
        color: #333333;
        font-size: 20px;
        margin: 0;
        margin-bottom: 5px;
    }

        .korisnicka2018-rowDocuments .korisnickaDocumentsBoxText h3 a {
            font-family: 'teleNeo-bold' !important;
            color: #333333;
            font-size: 20px;
        }

    .korisnicka2018-rowDocuments .korisnickaDocumentsBoxText a {
        font-size: 19px;
    }

    .korisnicka2018-rowDocuments .korisnickaDocumentsBoxImg {
        display: table-cell;
        width: 25%;
        vertical-align: middle;
        text-align: center;
    }

    .korisnicka2018-rowDocuments .korisnickaDocumentsBoxText {
        display: table-cell;
        width: 75%;
        vertical-align: middle;
        padding-left: 25px;
    }


.korisnicka2018-whiteRowBox a.btn {
    padding: 8px 20px;
}

.korisnicka2018-whiteRowBox {
    border: 1px solid #d3d3d3;
    padding: 30px 40px;
    text-align: center;
    min-height: 413px;
}

.korisnicka2018-whiteRow {
    padding: 50px 0;
}

.korisnicka2018-whiteRowBox.korisnickaVirtuelen {
    background: #e7e7e9;
    border: 1px solid #e7e7e9;
}

.korisnicka2018-whiteRow .korisnicka2018-whiteRowBox h3 {
    font-family: 'teleNeo-medium' !important;
    font-size: 24px;
    margin-bottom: 25px;
}

.korisnicka2018-whiteRow .korisnicka2018-whiteRowBox ul li a {
    padding: 10px 0;
    display: block;
    font-size: 17px;
}

.korisnicka2018-whiteRow .korisnicka2018-whiteRowBox a {
    font-size: 16px;
}

.korisnicka2018-whiteRow .korisnicka2018-whiteRowBox p, .korisnicka2018-whiteRow .korisnicka2018-whiteRowBox ul li {
    font-size: 17px;
}

.korisnicka2018-whiteRow .korisnicka2018-whiteRowBox p {
    line-height: 1.2;
}

.korisnicka2018-whiteRow .korisnicka2018-whiteBoxText {
    margin-bottom: 30px;
    min-height: 197px;
}

.korisnicka2018-whiteRow.korisnicka2018-whiteRowDelovni .korisnicka2018-whiteBoxText {
    min-height: 200px;
}

.korisnicka2018-baner {
    background-color: #ebebeb;
    padding: 60px 0;
    position: relative;
}

    .korisnicka2018-baner > img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 390px;
    }

    .korisnicka2018-baner .korisnicka2018-mojTelekom {
        text-align: center;
    }

        .korisnicka2018-baner .korisnicka2018-mojTelekom h1 {
            font-family: 'teleNeo-bold' !important;
            font-size: 46px;
            margin-bottom: 10px;
            color: black;
            text-transform: none;
        }

    .korisnicka2018-baner .korisnicka2018-banerBox p {
        font-size: 17px;
        text-align: left;
    }

    .korisnicka2018-baner .korisnicka2018-mojTelekom {
        margin-bottom: 60px;
    }

    .korisnicka2018-baner .korisnicka2018-mobButton {
        text-align: center;
    }

        .korisnicka2018-baner .korisnicka2018-mobButton .btn {
            padding: 8px 20px;
        }

    .korisnicka2018-baner .korisnicka2018-mojTelekom h2 {
        margin-bottom: 50px;
        font-family: 'teleNeo-regular' !important;
        font-size: 34px;
    }

    .korisnicka2018-baner .korisnicka2018-mojText {
        display: table;
        width: 90%;
        padding-left: 30px;
    }

        .korisnicka2018-baner .korisnicka2018-mojText .korisnicka2018-mojTextImg {
            display: table-cell;
            vertical-align: middle;
            width: 10%;
        }

        .korisnicka2018-baner .korisnicka2018-mojText p {
            display: table-cell;
            vertical-align: middle;
            padding-left: 30px;
            width: 90%;
        }

    .korisnicka2018-baner .korisnicka2018-TelekomApp {
        text-align: left;
    }

        .korisnicka2018-baner .korisnicka2018-TelekomApp h3 {
            font-family: 'teleNeo-bold' !important;
            font-size: 25px;
        }

    .korisnicka2018-baner .korisnicka2018-appText {
        display: table;
        width: 90%;
        padding-left: 30px;
    }

        .korisnicka2018-baner .korisnicka2018-appText .korisnicka2018-appTextImg {
            display: table-cell;
            vertical-align: middle;
            width: 10%;
        }

    .korisnicka2018-baner .korisnicka2018-appTextTitle {
        display: table-cell;
        vertical-align: middle;
        padding-left: 30px;
        width: 90%;
    }

.korisnicka2018-row122 {
    text-align: center;
    padding: 20px 0 10px;
    margin-bottom: 0;
}

.korisnicka-box122 {
    display: table;
    width: 100%;
    /*width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 30px;*/
}

.korisnicka-box122-img {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    padding-right: 15px;
}

.korisnicka-box122-txt {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-left: 15px;
}

    .korisnicka-box122-txt h3 {
        font-family: 'teleNeo-bold' !important;
        color: #333333;
        font-size: 34px;
        margin: 0;
        text-align: center;
    }

    .korisnicka-box122-txt p {
        font-family: 'teleNeo-bold' !important;
        color: #333333;
        font-size: 20px;
        margin: 0;
    }

.korisnicka2018-vodicRow {
    background: #eeeeee;
    padding: 50px 0;
}

.korisnicka2018-vodic h3 {
    font-family: 'teleNeo-bold' !important;
    margin: 0;
    font-size: 21px;
    margin-bottom: 20px;
    text-transform: uppercase;
    padding-right: 25px;
}

.korisnicka2018-vodic ul li {
    font-size: 17px;
    padding-bottom: 10px;
}

.korisnicka-poddrska-cpp-banner {
    background: url(../content/images/qa-banner.jpg) no-repeat center;
    background-size: cover;
    min-height: 300px;
    position: relative;
    background-position: left;
}

    .korisnicka-poddrska-cpp-banner .korisnicka-poddrska-cpp-header h2 {
        font-size: 30px;
        text-align: left;
        font-family: 'teleNeo-bold' !important;
        color: white;
        padding-top: 70px;
    }

    .korisnicka-poddrska-cpp-banner .korisnicka-poddrska-cpp-header a {
        position: absolute;
        bottom: 50px;
    }

@media (min-width: 992px) and (max-width:1199px) {
    .korisnicka2018-whiteRowBox {
        padding: 30px;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .korisnicka-poddrska-cpp-banner {
        background-position: 25%;
    }

    .korisnicka2018-whiteRowBox {
        padding: 30px 15px;
        min-height: 413px;
    }

    .korisnicka2018-whiteRow .korisnicka2018-whiteBoxText {
        margin-bottom: 30px;
        min-height: 247px;
    }

    .korisnicka2018-rowDocuments .korisnickaDocumentsBox {
        padding: 35px 6px 35px 5px;
        width: 95%;
    }

    .korisnicka2018-vodic h3 {
        font-size: 21px;
    }
}



.korisnicka2018-banerMob h1 {
    font-family: 'teleNeo-bold' !important;
    font-size: 34px;
    margin-bottom: 35px;
    color: black;
    text-transform: none;
}

.korisnicka2018-banerMob ul {
    width: 90%;
    margin-bottom: 25px;
}

    .korisnicka2018-banerMob p, .korisnicka2018-banerMob ul li {
        font-size: 17px;
        font-family: 'teleNeo-medium' !important;
    }

    .korisnicka2018-banerMob ul li {
        padding-bottom: 8px;
        line-height: 1.2;
        position: relative;
        padding-left: 12px;
    }

        .korisnicka2018-banerMob ul li:before {
            content: "-";
            position: absolute;
            font-size: 17px;
            top: 0px;
            left: 0;
        }

.korisnicka2018-banerMob .korisnicka2018-BoxApp a img {
    width: 140px;
    margin-right: 10px;
}





@media (max-width:767px) {
    .korisnicka-poddrska-cpp-banner {
        background-position: 45%;
    }

        .korisnicka-poddrska-cpp-banner .korisnicka-poddrska-cpp-header h1 {
            font-size: 26px;
            padding-top: 50px;
        }

    .korisnicka2018-baner > img {
        position: absolute;
        right: 0;
        top: 0;
        width: 250px;
    }

    .korisnicka2018-baner {
        padding: 35px 15px 30px;
    }

    .korisnicka2018-banerMob h2 {
        margin-bottom: 25px;
    }

    .korisnicka2018-whiteRow {
        padding: 15px 0;
    }

        .korisnicka2018-whiteRow .korisnicka2018-whiteBoxText {
            margin-bottom: 20px;
            min-height: auto;
        }

        .korisnicka2018-whiteRow .korisnicka2018-whiteRowBox ul li a {
            padding: 5px 0;
        }

    .korisnicka2018-whiteRowBox {
        margin-bottom: 15px;
        padding: 30px 40px 25px;
        min-height: auto;
    }

    .korisnicka2018-rowDocuments .korisnickaDocumentsBox {
        padding: 17px 10px 17px 10px;
        width: 90%;
    }

    .korisnicka2018-rowDocuments .container .row > div:nth-of-type(5) .korisnickaDocumentsBox {
        border-bottom: 1px solid #e4e4e4;
    }

    .korisnicka2018-rowDocuments .korisnickaDocumentsBoxText a {
        font-size: 17px;
        line-height: 1;
    }

    .korisnicka2018-rowDocuments .korisnickaDocumentsBoxImg {
        width: 15%;
    }

    .korisnicka2018-rowDocuments .korisnickaDocumentsBoxText h3 a {
        font-size: 19px;
    }

    .korisnicka2018-rowDocuments {
        padding: 20px 0 20px 0;
    }

    .korisnicka2018-row122 {
        padding: 0;
        margin-top: 10px;
    }

    .korisnicka2018-vodic ul li {
        padding-bottom: 5px;
    }

    .korisnicka2018-vodic {
        margin-bottom: 40px;
    }

        .korisnicka2018-vodic h3 {
            margin-bottom: 15px;
            font-size: 19px;
        }

    .korisnicka2018-blueBox .korisnickaBenefitsBox p {
        font-size: 17px;
        min-height: 42px;
        padding: 0 10px;
    }

    .korisnickaBenefitsBox {
        margin-bottom: 40px;
    }

    .korisnicka2018-blueBox h2 {
        margin-bottom: 45px;
        font-size: 27px;
    }

    .korisnicka2018-blueBox .korisnickaBenefitsBoxButton {
        margin-top: 0px;
    }

    .korisnicka2018-blueBox {
        background: #7ecbf5;
        padding: 40px 0 22px;
    }

    .korisnicka2018-vodicRow {
        padding: 45px 0 10px;
    }

    .korisnicka-box122 {
        padding: 20px 10px 10px 10px;
        width: 90%;
        margin: 0 auto;
    }

    .korisnicka2018-rowDocuments .container .row > div:nth-of-type(5) .korisnickaDocumentsBox, .korisnicka2018-rowDocuments .container .row > div:nth-of-type(6) .korisnickaDocumentsBox {
        border-bottom: 1px solid #e4e4e4;
    }
}

/*#endregion korisnicka 2018*/


/*#region 10 god maxTV*/

.maxTV-10god-banner {
    position: relative;
    background: url(../content/images/maxTV-rodendenski-landing.png) no-repeat center;
    background-size: cover;
    height: 281px;
}

    .maxTV-10god-banner.maxTV-10god-banner-sq {
        background: url(../content/images/10god-maxtv-proslava-sq.jpg) no-repeat center;
    }

.maxTV-10god-intro {
    text-align: center;
    padding: 50px 0;
}

    .maxTV-10god-intro h1 {
        text-align: center;
        color: #333333;
        font-size: 46px;
        font-family: 'teleNeo-medium' !important;
        margin-bottom: 30px;
    }

    .maxTV-10god-intro p {
        font-size: 19px;
        width: 100%;
        margin: 0 auto;
    }

.maxTV-10god-uslugi {
    position: relative;
    background: #ededed;
    padding: 50px 0;
}

.maxTV-10god-paketiBox {
    background: white;
    padding: 45px 45px 20px;
    border: 2px solid #e20074;
    min-height: 479px;
}

    .maxTV-10god-paketiBox p {
        font-size: 17px;
    }

    .maxTV-10god-paketiBox h2 {
        margin-bottom: 30px;
        font-size: 24px;
    }

    .maxTV-10god-paketiBox.maxTV-10god-HBO-boxNew {
        background: transparent;
        padding: 0;
        border: none;
        text-align: center;
        min-height: auto;
    }

@media (min-width: 992px) and (max-width:1199px) {

    .maxTV-10god-paketiBox {
        min-height: 529px;
    }
}




@media (min-width: 768px) and (max-width:991px) {

    .maxTV-10god-paketiBox {
        min-height: 625px;
    }

    .maxTV-10god-bannerBox {
        position: relative;
        height: 281px;
    }

        .maxTV-10god-bannerBox img:first-of-type {
            position: absolute;
            top: 45px;
            left: 5%;
        }

        .maxTV-10god-bannerBox img:last-of-type {
            position: absolute;
            bottom: 25px;
            left: 57%;
        }

    .maxTV-10god-banner {
        background: url(../content/images/10god-maxtv-proslava-banner.jpg) no-repeat center;
        background-position: left 60% center;
    }

        .maxTV-10god-banner.maxTV-10god-banner-sq {
            background: url(../content/images/10god-maxtv-proslava-banner-sq.jpg) no-repeat center;
            background-position: left 60% center;
        }

    .maxTV-10god-bannerBox img:first-of-type {
        top: 65px;
        left: 3%;
        width: 360px;
    }

    .maxTV-10god-bannerBox img:last-of-type {
        bottom: 25px;
        left: 55%;
    }
}



@media (max-width:767px) {

    .maxTV-10god-bannerBox {
        position: relative;
        height: 281px;
    }

        .maxTV-10god-bannerBox img:first-of-type {
            position: absolute;
            top: 45px;
            left: 5%;
        }

        .maxTV-10god-bannerBox img:last-of-type {
            position: absolute;
            bottom: 25px;
            left: 57%;
        }

    .maxTV-10god-banner {
        background: url(../content/images/10god-maxtv-proslava-banner.jpg) no-repeat center;
        background-position: left 64% center;
    }

        .maxTV-10god-banner.maxTV-10god-banner-sq {
            background: url(../content/images/10god-maxtv-proslava-banner-sq.jpg) no-repeat center;
            background-position: left 64% center;
        }

    .maxTV-10god-bannerBox img:first-of-type {
        top: 35px;
        left: 0%;
        width: 230px;
    }

    .maxTV-10god-banner.maxTV-10god-banner-sq .maxTV-10god-bannerBox img:first-of-type {
        width: 270px;
    }

    .maxTV-10god-bannerBox img:last-of-type {
        bottom: 25px;
        left: 27%;
        width: 100px;
    }

    .maxTV-10god-intro h1 {
        font-size: 34px;
    }

    .maxTV-10god-intro {
        padding: 30px 0;
    }

    .maxTV-10god-paketiBox {
        padding: 30px 25px 20px;
        min-height: auto;
        margin-bottom: 20px;
    }

    .maxTV-10god-uslugi {
        padding: 40px 0 20px;
    }
}

/*#endregion 10 god maxTV*/

#aktuelnoBox2018 .homepage-wrapper .urediLandingTextSlider .item.best-net-2023 h3 {
    text-align: left !important;
    text-transform: none !important;
    font-size: 27px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#aktuelnoBox2018 .aktuleno-img .iphone-buttons.center {
    left: 50%;
    display: table;
    transform: translateX(-50%);
    position: absolute;
    bottom: 45px;
}

    #aktuelnoBox2018 .aktuleno-img .iphone-buttons.center a {
        left: auto;
        TRANSFORM: none;
        position: relative;
        display: inline-block;
        margin: 0 7px 0 !important;
        bottom: 0;
    }

#aktuelnoBox2018 .aktuleno-img.left-small-banner.white-color-wrapper.huawei-pro {
    background-image: url(../content/banners/2018/aktuleno-huawei-pro-img.png);
    background-position: top 25px center;
    background-size: auto;
}

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.white-color-wrapper.huawei-pro.huawei-pro-sq {
        background-image: url(../content/banners/2018/aktuleno-huawei-pro-img-sq.png);
    }

#aktuelnoBox2018 .aktuleno-img.left-small-banner.huawei-pro img {
    max-height: 100%;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: auto;
    padding: 20px 20px 100px;
    display: block;
}

#aktuelnoBox2018 .aktuleno-img.left-small-banner.huawei-pro .aktuleno-txt-box {
    position: absolute;
    right: 45px;
    bottom: 45px;
}

#aktuelnoBox2018 .btn {
    padding: 6px 12px;
    min-width: 130px;
    font-size: 18px;
}

.darkGreyBoxHP-leftTxt {
    position: relative;
    display: inline;
    float: left;
}

.blueBox-plati-online .darkGreyBoxHP-leftTxt h2 {
    float: none !important;
}

.darkGreyBoxHP-leftTxt p {
    width: 71%;
    opacity: 0.85;
    font-size: 17px;
}

#aktuelnoBox2018 .aktuleno-img.right-small-banner.iphone-xs-aktuelno img {
    width: 220px !important;
    padding: 0 !important;
    margin-top: 90px !important;
}


@media (max-width: 768px) and (max-width: 991px) {

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.white-color-wrapper.huawei-pro {
        background-size: 320px;
    }

    #aktuelnoBox2018 .aktuleno-img.right-small-banner.iphone-xs-aktuelno img {
        width: 180px !important;
        margin-top: 70px !important;
    }
}



@media (max-width: 767px) {

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.white-color-wrapper.huawei-pro {
        background-position: top 15px center;
        background-size: 320px;
    }

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.huawei-pro .aktuleno-txt-box {
        right: 0;
        left: 0;
        bottom: 20px;
        text-align: center;
    }

    #aktuelnoBox2018 .aktuleno-img.right-small-banner.iphone-xs-aktuelno img {
        width: 160px !important;
        margin-top: 45px !important;
    }

    #aktuelnoBox2018 .aktuleno-img .iphone-buttons.center {
        bottom: 30px;
    }
}




.homepage-wrapper .urediLandingTextSlider .item.black-friday-2018 p#demo {
    display: block;
    color: white;
}

.black-friday-2018-text {
    position: absolute;
    right: 7%;
    top: 50%;
    color: white;
    text-align: center;
    font-family: 'teleNeo-bold' !important;
    transform: translateY(-50%);
}

    .black-friday-2018-text h4 span {
        text-align: center;
        display: inline-block;
        color: white;
        width: 120px;
        margin-right: 20px;
    }

.homepage-wrapper .urediLandingTextSlider .item.black-friday-2018 p#demo span {
    text-align: center;
    display: inline-block;
    color: white;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 80px;
    font-family: 'teleNeo-ultra' !important;
    margin-right: 20px;
}


    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2018 p#demo span:first-of-type {
        background-image: url(../content/banners/2018/black-friday-chasa.png) !important;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2018 p#demo span:nth-of-type(2) {
        background-image: url(../content/banners/2018/black-friday-minuti.png) !important;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2018 p#demo span:last-of-type {
        background-image: url(../content/banners/2018/black-friday-sekundi.png) !important;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

.black-friday-2018-text h3 {
    font-family: 'teleNeo-bold' !important;
    margin-bottom: 30px;
    text-transform: uppercase;
    margin-right: 20px;
}

.black-friday-2018-text h4 span {
    font-family: 'teleNeo-bold' !important;
    text-transform: uppercase;
    margin-right: 20px;
}

.black-friday-2018-text h4 {
    margin-top: 20px;
    padding-top: 0;
}

@media (min-width: 768px) and (max-width: 991px) {

    .black-friday-2018-text h4 span {
        width: 100px;
        margin-right: 10px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2018 p#demo span {
        color: white;
        width: 100px;
        height: 100px;
        font-size: 60px;
        font-family: 'teleNeo-ultra' !important;
        margin-right: 10px;
        padding-top: 7px;
    }

    .black-friday-2018-text {
        max-width: 400px;
        right: 0;
    }
}

@media (max-width: 768px) {

    .black-friday-2018-text h4 span {
        width: 70px;
        margin-right: 10px;
        font-size: 15px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2018 p#demo span {
        color: white;
        width: 70px;
        height: 70px;
        font-size: 40px;
        margin-right: 10px;
        padding-top: 7px;
    }

    .black-friday-2018-text {
        right: 0;
        top: auto;
        left: 0;
        bottom: 0px;
        transform: none;
    }

        .black-friday-2018-text h3 {
            margin-bottom: 12px;
            font-size: 16px;
            margin-right: 15px;
        }

        .black-friday-2018-text h4 span {
            margin-bottom: 0px;
            font-size: 15px;
            margin-right: 15px;
        }

        .black-friday-2018-text h4 {
            margin-top: 0;
            padding-top: 0;
        }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2018 .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/black-friday-a1-baner-text-mob.png) !important;
        background-position: top 10px center;
        background-size: 270px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-noCounter .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/black-friday-a1-baner-text-noCounter-mob.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.black-friday-noCounter-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2018/black-friday-a1-baner-text-noCounter-mob-sq.png) !important;
    }
}






/*#region korisnicka 2018 delovni*/

.korisnicka2018-baner-delovni {
    background-color: #ebebeb;
    padding: 60px 0;
    position: relative;
}

    .korisnicka2018-baner-delovni > img {
        position: absolute;
        right: -60px;
        bottom: 0;
        width: 390px;
        z-index: 0;
    }

    .korisnicka2018-baner-delovni .container {
        position: relative;
        z-index: 1;
    }

    .korisnicka2018-baner-delovni .korisnicka2018-mojTelekom h1 {
        font-family: 'teleNeo-bold' !important;
        font-size: 46px;
        margin-bottom: 10px;
        color: black;
        text-transform: none;
    }

    .korisnicka2018-baner-delovni .korisnicka2018-mojTelekom h2 {
        margin-bottom: 50px;
        font-family: 'teleNeo-regular' !important;
        font-size: 34px;
    }

    .korisnicka2018-baner-delovni .korisnicka2018-mojText {
        display: table;
        width: 90%;
        padding-left: 30px;
    }

        .korisnicka2018-baner-delovni .korisnicka2018-mojText .korisnicka2018-mojTextImg {
            display: table-cell;
            vertical-align: middle;
            width: 12%;
        }

        .korisnicka2018-baner-delovni .korisnicka2018-mojText p {
            display: table-cell;
            vertical-align: middle;
            padding-left: 30px;
            width: 88%;
        }

    .korisnicka2018-baner-delovni .korisnicka2018-banerBox-delovni p {
        font-size: 17px;
        text-align: left;
    }

    .korisnicka2018-baner-delovni .korisnicka2018-mojTelekom {
        text-align: center;
    }

    .korisnicka2018-baner-delovni .korisnicka2018-banerBox {
        display: table;
        width: 100%;
    }

    .korisnicka2018-baner-delovni .korisnicka2018-banerBox-monitor {
        display: table-cell;
        width: 45%;
        vertical-align: middle;
        text-align: center;
    }

    .korisnicka2018-baner-delovni .korisnicka2018-banerBox-delovni {
        display: table-cell;
        width: 55%;
        vertical-align: top;
        padding-top: 30px;
    }

.korisnicka2018-rowDocuments.korisnicka2018-rowDocumentsDelovni .korisnicka2018-row122 {
    text-align: center;
    background: #7ecbf5;
    padding: 30px 0;
    margin-bottom: 40px;
}

.korisnicka2018-rowDocuments.korisnicka2018-rowDocumentsDelovni {
    padding: 0px 0 40px 0;
}





@media (min-width: 992px) and (max-width: 1399px) {

    .korisnicka2018-baner-delovni > img {
        right: -50px;
        top: -50px;
        width: 360px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .korisnicka2018-baner-delovni .korisnicka2018-mojText .korisnicka2018-mojTextImg {
        width: 10%;
    }

    .korisnicka2018-baner-delovni .korisnicka2018-mojText p {
        width: 90%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .korisnicka2018-baner-delovni > img {
        display: none;
    }

    .korisnicka2018-baner-delovni .korisnicka2018-banerBox-delovni {
        padding-top: 0;
    }

    .korisnicka2018-baner-delovni .korisnicka2018-mojTelekom h2 {
        margin-bottom: 40px;
    }

    .korisnicka2018-baner-delovni .korisnicka2018-mojText {
        width: 100%;
        padding-left: 45px;
    }

        .korisnicka2018-baner-delovni .korisnicka2018-mojText .korisnicka2018-mojTextImg {
            width: 10%;
        }

        .korisnicka2018-baner-delovni .korisnicka2018-mojText p {
            width: 90%;
        }
}

@media (max-width: 767px) {

    .korisnicka2018-baner-delovni .korisnicka2018-banerBox {
        display: block;
    }

    .korisnicka2018-baner-delovni .korisnicka2018-banerBox-monitor {
        display: block;
        width: 80%;
        margin: 0 auto;
    }

    .korisnicka2018-baner-delovni .korisnicka2018-mojTelekom h1 {
        font-size: 34px;
        margin-bottom: 5px;
    }

    .korisnicka2018-baner-delovni .korisnicka2018-mojTelekom h2 {
        margin-bottom: 25px;
        font-family: 'teleNeo-regular' !important;
        font-size: 29px;
    }

    .korisnicka2018-baner-delovni .korisnicka2018-mojText p {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }

    .korisnicka2018-baner-delovni > img {
        display: none;
    }

    .korisnicka2018-baner-delovni {
        padding: 50px 0;
    }

    .korisnicka2018-rowDocuments.korisnicka2018-rowDocumentsDelovni .korisnicka2018-row122 {
        padding: 15px 0;
        margin-top: 0;
    }

    .korisnicka2018-rowDocuments.korisnicka2018-rowDocumentsDelovni .container .row > div:nth-of-type(6) .korisnickaDocumentsBox {
        border-bottom: none;
    }

    .korisnicka2018-rowDocuments.korisnicka2018-rowDocumentsDelovni .korisnicka-box122 {
        padding: 10px;
        width: 90%;
        margin: 0 auto;
    }

    .korisnicka2018-rowDocuments.korisnicka2018-rowDocumentsDelovni {
        padding: 0px 0 15px 0;
    }
}






/*#endregion korisnicka 2018 delovni*/

/*#region sony aktuelno*/

#aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-xz3 {
    background-image: url(../content/banners/2018/aktuleno-sony-xz3-img.jpg);
    background-color: black;
    background-size: contain;
    background-position: bottom center;
}

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-xz3 > img:first-of-type {
        width: 240px;
        padding: 40px;
    }

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-xz3 .aktuleno-txt-box {
        position: absolute;
        right: 40px;
        bottom: 45px;
    }

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-xz3 a {
        float: right;
    }

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-xz3 > img:nth-of-type(2) {
        float: right;
        padding: 40px;
        width: 280px;
    }

@media (min-width: 1599px) {

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-xz3 > img:nth-of-type(2) {
        width: 200px;
        padding: 0;
        position: absolute;
        right: 40px;
        bottom: 118px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-xz3 {
        background-size: cover;
        background-position: top 30px center;
    }

        #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-xz3 > img:first-of-type {
            width: 180px;
            padding: 40px 0 40px 40px;
        }
}

@media (min-width: 768px) and (max-width: 991px) {

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-xz3 {
        background-size: cover;
        background-position: top 30px center;
    }

        #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-xz3 > img:first-of-type {
            width: 160px;
            padding: 40px 0 40px 30px;
        }

        #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-xz3 > img:nth-of-type(2) {
            width: 190px;
            padding: 40px 30px 40px 0px;
        }
}

@media (max-width: 767px) {

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-xz3 {
        background-size: contain;
        background-position: bottom -40px left 30px;
    }

        #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-xz3 > img:first-of-type {
            width: 150px;
            padding: 30px 0 20px 30px;
        }

        #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-xz3 > img:nth-of-type(2) {
            width: 160px;
            padding: 30px 30px 20px 0px;
        }

        #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-xz3 .aktuleno-txt-box {
            right: 0;
            bottom: auto;
            left: 0;
            margin: 0 auto;
            top: 75px;
            text-align: center;
        }

        #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-xz3 a {
            float: none;
        }
}

@media (max-width: 374px) {

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-xz3 > img:first-of-type {
        padding: 30px 0 15px;
        width: 130px;
        display: block;
        margin: 0 auto;
    }

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-xz3 > img:nth-of-type(2) {
        width: 160px;
        padding: 0;
        display: block;
        margin: 0 auto;
        float: none;
    }

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-xz3 .aktuleno-txt-box {
        top: 110px;
    }

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-xz3 {
        background-position: bottom -10px left 30px;
    }
}

#registriraj_se_n_i {
    left: 105px;
}

/*#endregion sony aktuelno*/



/*#region cenovnici uslugi landing*/
#cenovniciUslugiLanding .cenovniciUslugiLanding-banner {
    background-image: url(../content/images/cenovnici-uslugi-baner-2019.jpg);
    background-size: cover;
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

    #cenovniciUslugiLanding .cenovniciUslugiLanding-banner.lichni-podatoci {
        position: relative;
        background-image: url(../content/images/lichni-podatoci/img-info-licni-pod.jpg);
        height: 450px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center bottom;
    }

#cenovniciUslugiLanding .cenovniciUslugiLanding-tabsBox {
    background-color: rgba(237,237,237,0.85);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.cenovniciUslugiLanding-tabsBox ul.nav.nav-tabs {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

#cenovniciUslugiLanding .nav-tabs li a {
    padding: 20px 25px;
    border: none;
    border-bottom: 3px solid #cacaca;
    background-color: transparent;
    font-size: 21px;
    color: #000000;
    margin-right: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

#cenovniciUslugiLanding .cenovniciUslugiLanding-tabsBox ul.nav.nav-tabs li {
    width: 50%;
}

    #cenovniciUslugiLanding .cenovniciUslugiLanding-tabsBox ul.nav.nav-tabs li img {
        margin-right: 20px;
    }

#cenovniciUslugiLanding .cenovniciUslugiLanding-tabsBox ul.list-new li img {
    margin-right: 20px;
    width: 40px;
    height: 40px;
}

#cenovniciUslugiLanding .cenovniciUslugiLanding-tabsBox ul.list-new li svg {
    position: relative;
    margin-right: 20px;
    width: 45px;
}



#cenovniciUslugiLanding .nav-tabs > li.active > a,
#cenovniciUslugiLanding .nav-tabs > li.active > a:hover,
#cenovniciUslugiLanding .nav-tabs > li.active > a:focus {
    border: none;
    border-bottom: 3px solid #e20074;
}

#cenovniciUslugiLanding .cenovniciUslugiLanding-tabsContent {
    padding: 40px 0;
    min-height: 490px;
}

    #cenovniciUslugiLanding .cenovniciUslugiLanding-tabsContent li a {
        font-size: 17px;
        position: relative;
    }

    #cenovniciUslugiLanding .cenovniciUslugiLanding-tabsContent li {
        margin-bottom: 10px;
    }

        #cenovniciUslugiLanding .cenovniciUslugiLanding-tabsContent li a:after {
            content: '-';
            font-family: 'teleicon-outline';
            position: absolute;
            color: black;
            font-size: 8px;
            top: 6px;
            left: -15px;
        }

    #cenovniciUslugiLanding .cenovniciUslugiLanding-tabsContent .tab-content {
        padding: 0 25px;
    }

#cenovniciUslugiLanding .nav-tabs li a:after {
    content: ' ';
    display: block;
    height: 3px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    background-color: transparent;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.215,.61,.355,1);
    transition: -webkit-transform 1s cubic-bezier(.215,.61,.355,1);
    -o-transition: transform 1s cubic-bezier(.215,.61,.355,1);
    transition: transform 1s cubic-bezier(.215,.61,.355,1);
    transition: transform 1s cubic-bezier(.215,.61,.355,1),-webkit-transform 1s cubic-bezier(.215,.61,.355,1);
}

#cenovniciUslugiLanding .nav-tabs li a:hover:after {
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    background-color: #b2b2b2;
}

#cenovniciUslugiLanding .nav-tabs li.active a:hover:after {
    background-color: #e20074;
}

@media (min-width: 992px) and (max-width: 1199px) {

    #cenovniciUslugiLanding .cenovniciUslugiLanding-banner {
        background: url(../content/images/cenovnici-uslugi-baner.jpg) no-repeat center;
        background-size: cover;
        background-position: left 20% center;
        min-height: 375px;
    }

        #cenovniciUslugiLanding .cenovniciUslugiLanding-banner.lichni-podatoci {
            background-image: url(../content/images/lichni-podatoci/img-info-licni-pod.jpg);
            background-size: cover;
            background-position: left 20% center;
            min-height: 375px;
        }
}



@media (min-width: 768px) and (max-width: 991px) {

    #cenovniciUslugiLanding .nav-tabs li a {
        padding: 20px 15px;
    }

    #cenovniciUslugiLanding .cenovniciUslugiLanding-tabsBox ul.nav.nav-tabs li img {
        margin-right: 20px;
    }

    #cenovniciUslugiLanding .nav-tabs li a {
        font-size: 20px;
    }

    #cenovniciUslugiLanding .cenovniciUslugiLanding-banner {
        position: relative;
        background: url(../content/images/cenovnici-uslugi-baner.jpg) no-repeat center;
        background-size: cover;
        height: 330px;
    }

        #cenovniciUslugiLanding .cenovniciUslugiLanding-banner.lichni-podatoci {
            background-image: url(../content/images/lichni-podatoci/img-info-licni-pod.jpg);
            background-size: cover;
            background-position: left 30% center;
            height: 325px !important;
            min-height: initial;
        }

            #cenovniciUslugiLanding .cenovniciUslugiLanding-banner.lichni-podatoci li a {
                display: inline-flex;
                align-items: flex-end;
                justify-content: flex-start;
            }

                #cenovniciUslugiLanding .cenovniciUslugiLanding-banner.lichni-podatoci li a span {
                    text-align: left;
                }
}

@media (max-width: 767px) {

    #cenovniciUslugiLanding .nav-tabs li a {
        padding: 20px 10px 12px;
        font-size: 19px;
        line-height: 1.1;
        text-align: left;
    }

    #cenovniciUslugiLanding .cenovniciUslugiLanding-tabsBox ul.nav.nav-tabs li img {
        display: block;
        margin: 0 auto 13px auto;
        width: 30px;
        height: auto;
    }

    #cenovniciUslugiLanding .cenovniciUslugiLanding-tabsBox ul.nav.nav-tabs li svg {
        margin: 0 auto 13px auto;
        width: 35px;
    }

    #cenovniciUslugiLanding .nav-tabs li a span {
        min-height: 40px;
        display: block;
    }

    #cenovniciUslugiLanding .nav-tabs li:first-of-type a span {
        padding-top: 10px;
    }

    #cenovniciUslugiLanding .cenovniciUslugiLanding-banner {
        /*background: url(../content/images/cenovnici-uslugi-baner.jpg) no-repeat center;*/
        background: url(../content/images/cenovnici-uslugi-baner-2019.jpg) no-repeat center;
        background-size: cover;
        min-height: 375px;
        background-position: left 55% center;
    }

        #cenovniciUslugiLanding .cenovniciUslugiLanding-banner.lichni-podatoci {
            background-image: url(../content/images/lichni-podatoci/img-info-licni-pod.jpg);
            background-size: cover;
            background-position: left 70% center;
            height: 300px;
        }

    #cenovniciUslugiLanding .cenovniciUslugiLanding-tabsContent {
        min-height: auto;
    }

        #cenovniciUslugiLanding .cenovniciUslugiLanding-tabsContent .tab-content {
            padding: 0 15px;
        }

    #cenovniciUslugiLanding .nav-tabs.lichni-podatoci {
        height: auto;
    }

        #cenovniciUslugiLanding .nav-tabs.lichni-podatoci li,
        #cenovniciUslugiLanding .nav-tabs.lichni-podatoci li a {
            height: 100% !important;
        }

            #cenovniciUslugiLanding .nav-tabs.lichni-podatoci li a {
                display: block !important;
            }

                #cenovniciUslugiLanding .nav-tabs.lichni-podatoci li a img {
                    width: 40px;
                    height: 40px;
                    display: block !important;
                    margin: 0 auto !important;
                    float: none !important;
                }

                #cenovniciUslugiLanding .nav-tabs.lichni-podatoci li a span {
                    display: block;
                    width: 100%;
                }

    #cenovniciUslugiLanding .cenovniciUslugiLanding-tabsBox ul.lichni-podatoci li svg {
        top: 5px;
    }
}









/*#endregion cenovnici uslugi landing*/


.ny-video {
    margin-top: 0px;
    height: 500px;
    width: 100%;
}

    .ny-video video, .ny-video iframe {
        display: block;
        width: 100%;
        height: 100%;
    }

@media (max-width: 767px) {

    .ny-video {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {

    .slider-naslovna2 .item.idninataSegaBaner {
        background-position: right center !important;
    }
}

@media (max-width: 374px) {

    .slider-naslovna2 .item.idninataSegaBaner {
        background-position: right 6% center !important;
    }
}





/*#region servisi molni uredi*/

.servisi-mobilniUredi-Baner {
    position: relative;
    background: url(../content/images/servisi-za-mobilni-landingg-baner.jpg) no-repeat center;
    background-size: cover;
    background-position: center center;
    min-height: 375px;
    padding-top: 50px;
    margin-bottom: 30px;
}

    .servisi-mobilniUredi-Baner .servisi-mobilniUredi-BanerBox h1 {
        color: #000000;
        font-family: 'teleNeo-thin' !important;
        font-size: 47px;
        margin: 0;
    }

.servisi-mobilniUrediTxtBox {
    border: 1px solid #dedede;
    padding: 30px 26px 15px;
    text-align: center;
    margin-bottom: 14px;
    min-height: 395px;
}

    .servisi-mobilniUrediTxtBox h3 {
        font-size: 22px;
        min-height: 48px;
        margin: 0 0 25px 0;
        text-transform: uppercase;
        color: #000000;
    }

    .servisi-mobilniUrediTxtBox p {
        font-size: 17px;
        line-height: 1.1;
    }

        .servisi-mobilniUrediTxtBox p.phoneAndMail {
            font-size: 16px;
            line-height: 1.1;
        }

        .servisi-mobilniUrediTxtBox p.servisi-mobilni-companyName {
            font-size: 19px;
            font-family: 'teleNeo-medium' !important;
            margin-bottom: 20px;
        }

.servisi-mobilniUredi-content .introBox p {
    font-size: 17px;
    line-height: 1.2;
}

.servisi-mobilniUredi-content .introBox h2 {
    text-align: center;
    margin: 40px 0 30px;
    font-family: 'teleNeo-regular' !important;
    font-size: 24px;
    color: #000000;
}

.servisi-mobilniUredi-content {
    margin-bottom: 70px;
}

@media (min-width: 768px) and (max-width: 991px) {
    #cenovniciUslugiLanding .nav-tabs.lichni-podatoci li a {
        text-align: center;
        align-items: center !important;
        justify-content: center !important;
    }

    .servisi-mobilniUrediTxtBox h3 {
        font-size: 20px;
    }

    .servisi-mobilniUrediTxtBox {
        padding: 22px 15px 15px;
    }

        .servisi-mobilniUrediTxtBox p.servisi-mobilni-companyName {
            font-size: 17px;
        }
}

@media (max-width: 767px) {


    .servisi-mobilniUredi-Baner {
        min-height: 215px;
        padding: 25px 15px 0;
    }

        .servisi-mobilniUredi-Baner .servisi-mobilniUredi-BanerBox h1 {
            font-family: 'teleNeo-regular' !important;
            font-size: 28px;
        }

    .servisi-mobilniUrediTxtBox {
        min-height: auto;
    }

        .servisi-mobilniUrediTxtBox h3 {
            min-height: auto;
        }

    .servisi-mobilniUrediTxtBox {
        padding: 25px 20px 15px;
    }

    .servisi-mobilniUredi-content .introBox h2 {
        margin: 35px 0 25px;
    }

    .servisi-mobilniUredi-content {
        margin-bottom: 20px;
        padding: 0 15px;
    }
}


/*#endregion servisi molni uredi*/

/*#region upatstva*/

.upatstva-content {
    margin-bottom: 120px;
}

    /*.upatstva-content .upatstvaTxtBox-rowOne, .upatstva-content .upatstvaTxtBox-rowTwo {
    display: table;
}*/

    .upatstva-content .upatstvaTxtBox {
        /*display: table-cell;
    width: 25%;*/
        text-align: center;
        padding: 50px 20px 30px;
        -webkit-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

        .upatstva-content .upatstvaTxtBox h3 {
            font-size: 19px;
            color: #000000;
            min-height: 60px;
        }

    .upatstva-content .upatstvaTxtBox-rowOne.row > div:not(:last-of-type), .upatstva-content .upatstvaTxtBox-rowTwo.row > div:not(:last-of-type) {
        border-right: 1px solid #f2f2f2;
    }

    .upatstva-content .upatstvaTxtBox-rowOne {
        border-bottom: 1px solid #f2f2f2;
    }

    .upatstva-content .upatstvaTxtBox a {
        text-decoration: none;
        cursor: pointer;
        display: block;
    }

    .upatstva-content .upatstvaTxtBox-rowOne.row > div:hover, .upatstva-content .upatstvaTxtBox-rowTwo.row > div:hover {
        z-index: 2;
    }

    .upatstva-content .upatstvaTxtBox:hover {
        background-color: #fafafa;
        -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
        border-right: 0px solid #f2f2f2;
        -webkit-transition: all 0.15s ease-in;
        -webkit-transform: scale(1.1);
        -ms-transition: all 0.15s ease-in;
        -ms-transform: scale(1.1);
        -moz-transition: all 0.15s ease-in;
        -moz-transform: scale(1.1);
        transition: all 0.15s ease-in;
        transform: scale(1.1);
    }

.upatstva-landingBaner {
    position: relative;
    background: url(../content/images/upatstva-landing-baner.jpg) no-repeat center;
    background-size: cover;
    background-position: center center;
    min-height: 375px;
    padding-top: 50px;
    margin-bottom: 100px;
}

    .upatstva-landingBaner h1 {
        color: #000000;
        font-family: 'teleNeo-thin' !important;
        font-size: 47px;
        margin: 0;
    }

@media (min-width: 768px) and (max-width: 991px) {

    .upatstva-content .upatstvaTxtBox h3 {
        font-size: 18px;
    }

    .upatstva-content .upatstvaTxtBox {
        padding: 30px 20px 25px;
    }

    .upatstva-landingBaner {
        margin-bottom: 70px;
    }
}


@media (max-width: 767px) {

    .upatstva-content .upatstvaTxtBox {
        padding: 25px 15px 20px;
    }

    .upatstva-content {
        padding: 0 15px;
    }

        .upatstva-content .upatstvaTxtBox h3 {
            font-size: 17px;
            min-height: 75px;
            margin-top: 15px;
        }

    .upatstva-landingBaner {
        background-position: left 44% center;
        min-height: 275px;
        padding-top: 30px;
        margin-bottom: 30px;
    }

        .upatstva-landingBaner h1 {
            font-size: 34px;
        }

    .upatstva-content .row {
        margin-right: 0;
        margin-left: 0;
    }

    .upatstva-content .upatstvaTxtBox-rowOne.row > div, .upatstva-content .upatstvaTxtBox-rowTwo.row > div {
        border-bottom: 1px solid #f2f2f2;
    }

        .upatstva-content .upatstvaTxtBox-rowOne.row > div:not(:last-of-type), .upatstva-content .upatstvaTxtBox-rowTwo.row > div:not(:last-of-type) {
            border-right: 0px solid #f2f2f2;
        }

        .upatstva-content .upatstvaTxtBox-rowOne.row > div:nth-of-type(2n+1), .upatstva-content .upatstvaTxtBox-rowTwo.row > div:nth-of-type(2n+1) {
            border-right: 1px solid #f2f2f2;
        }

    .upatstva-content .upatstvaTxtBox:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -moz-transform: scale(1.05);
        transform: scale(1.05);
    }
}


.upatstvaZaUrediBanner {
    min-height: 375px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.upatstvaZaUredi {
    padding: 50px 0;
}

    .upatstvaZaUredi h1 {
        text-align: center;
        margin: 0 0 40px 0;
        font-family: 'teleNeo-regular' !important;
        font-size: 24px;
        text-transform: uppercase;
        color: #000000;
    }

    .upatstvaZaUredi li {
        margin-bottom: 10px;
    }

        .upatstvaZaUredi li a {
            font-size: 17px;
            position: relative;
        }



@media (max-width: 767px) {

    .upatstvaZaUrediBanner {
        background-position: top center;
        min-height: 275px;
    }

    .upatstvaZaUredi {
        padding: 30px 15px;
    }

        .upatstvaZaUredi h1 {
            margin: 0 0 30px 0;
            font-size: 24px;
            text-transform: initial;
        }
}

/*#endregion upatstva*/


/*#region delovni Slider*/

.homepage-wrapper .urediLandingTextSlider .item.magenta-1-business-fullBaner {
    background-image: url('../content/banners/2019/magenta-1_Biznis-A1baner.jpg') !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.magenta-1-business-fullBaner .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/magenta-1_Biznis-A1baner-txt.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-1-business-fullBaner.magenta-1-business-fullBaner-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/magenta-1_Biznis-A1baner-txt-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.business-new-fullBaner {
    background-image: url('../content/banners/2019/biznis-A1baner-newFull-banner.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.business-new-fullBaner .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/business-corner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-new-fullBaner.business-new-fullBaner-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/business-corner-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.businessOffice-new-fullBaner {
    background-image: url('../content/banners/2019/businessOffice-a1-newFull-Baner.jpg') !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.businessOffice-new-fullBaner .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/businessOffice-a1-newFull-Baner-text.png) !important;
        /*background-position: center center !important;*/
    }

    .homepage-wrapper .urediLandingTextSlider .item.businessOffice-new-fullBaner.businessOffice-new-fullBaner-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/businessOffice-a1-newFull-Baner-text-sq.png) !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.business-travelAndSurf-banner {
    background-image: url('../content/banners/2019/business-travel-and-surf-a1-banner.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.business-travelAndSurf-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/business-travel-and-surf-a1-banner.png) !important;
        background-position: center center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travelAndSurf-banner.business-travelAndSurf-banner-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/business-travel-and-surf-a1-banner-sq.png) !important;
        background-position: center center !important;
    }


.homepage-wrapper .urediLandingTextSlider .item.business-kancelarija {
    background-image: url('../content/banners/2019/biznis-A1baner-kancelarija.jpg') !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.business-kancelarija .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/biznis-A1baner-kancelarija.png) !important;
        background-position: bottom 110px center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-kancelarija.business-kancelarija-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/biznis-A1baner-kancelarija-sq.png) !important;
        background-position: bottom 110px center;
    }

.homepage-wrapper .urediLandingTextSlider .item.m1b-vo-cekor {
    background-image: url('../content/banners/2019/m1b-vo-cekor-a1-banner.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.m1b-vo-cekor .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/m1b-vo-cekor-a1-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1b-vo-cekor.m1b-vo-cekor-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/m1b-vo-cekor-a1-banner-sq.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1b-vo-cekor .sliderUrediTxt-image img {
        position: absolute;
        bottom: 0;
        right: 50%;
    }




.homepage-wrapper .urediLandingTextSlider .item.biznis-celi-a1-banner {
    background-image: url('../content/banners/2019/biznis-celi-a1-banner.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.biznis-celi-a1-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/biznis-celi-a1-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.biznis-celi-a1-banner.biznis-celi-a1-banner-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/biznis-celi-a1-banner-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.biznis_dopolnitelniUslugi-banner {
    background-image: url('../content/banners/2019/m1_Biznis_dopolnitelniUslugi_a1-banner.jpg') !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.biznis_dopolnitelniUslugi-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/m1_Biznis_dopolnitelniUslugi_a1-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.biznis_dopolnitelniUslugi-banner.biznis_dopolnitelniUslugi-banner-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/m1_Biznis_dopolnitelniUslugi_a1-banner-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.skroeni-po-vasha-merka {
    background-image: url('../content/banners/2019/skroeni-po-vasha-merka-a1-banner.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.skroeni-po-vasha-merka .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/skroeni-po-vasha-merka-a1-banner.png) !important;
        background-position: center center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.skroeni-po-vasha-merka.skroeni-po-vasha-merka-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/skroeni-po-vasha-merka-a1-banner-sq.png) !important;
        background-position: center center;
    }

.homepage-wrapper .urediLandingTextSlider .item.office-365-new-fullBaner {
    background-image: url('../content/banners/2019/office-365-A1-newFull-baner.jpg') !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.office-365-new-fullBaner .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/office-365-A1-newFull-baner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.office-365-new-fullBaner.office-365-new-fullBaner-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/office-365-A1-newFull-baner-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.business-ICT-fleet {
    background-image: url('../content/banners/2019/fleet-management-a1-banner.jpg') !important;
    background-position: top center !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.business-ICT-fleet .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/fleet-management-a1-banner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-ICT-fleet.business-ICT-fleet-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/fleet-management-a1-banner-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.biznisLetoPovekje, .homepage-wrapper .urediLandingTextSlider .item.biznisLetoPovekje-sq {
    background-image: url('../content/banners/2019/biznis-leto-povekje-A1baner.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.biznisLetoPovekje .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/biznis-leto-povekje-A1baner.png) !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.biznisLetoPovekje-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/biznis-leto-povekje-A1baner-sq.png) !important;
    }

.homepage-wrapper .urediLandingTextSlider .item.note10-pretporodazba-banner .sliderUrediTxt-image {
    background-image: url(../content/banners/2019/samsung-galaxy-note10-pretporodazba-banner.png) !important;
}

.homepage-wrapper .urediLandingTextSlider .item.note10-pretporodazba-banner {
    background-image: url('../content/banners/2019/samsung-galaxy-note10-pretporodazba-banner.jpg') !important;
}

    .homepage-wrapper .urediLandingTextSlider .item.note10-pretporodazba-banner.note10-pretporodazba-banner-sq {
        background-image: url('../content/banners/2019/samsung-galaxy-note10-pretporodazba-banner-sq.jpg') !important;
    }

@media (max-width: 767px) {

    /*.homepage-wrapper .urediLandingTextSlider .item.note10-pretporodazba-banner {
        background-image: none !important;
        background: white !important;
    }
        .homepage-wrapper .urediLandingTextSlider .item.note10-pretporodazba-banner .sliderUrediTxt-image {
            background-image: url(../content/banners/2019/samsung-galaxy-note10-pretporodazba-banner-mob.png) !important;
        }

        .homepage-wrapper .urediLandingTextSlider .item.note10-pretporodazba-banner.note10-pretporodazba-banner-sq .sliderUrediTxt-image {
            background-image: url(../content/banners/2019/samsung-galaxy-note10-pretporodazba-banner-mob-sq.png) !important;
        }*/

    .homepage-wrapper .urediLandingTextSlider .item.note10-pretporodazba-banner,
    .homepage-wrapper .urediLandingTextSlider .item.note10-pretporodazba-banner.note10-pretporodazba-banner-sq {
        background-image: url(../content/banners/2019/samsung-galaxy-note10-pretporodazba-banner-mob.png) !important;
        background-position: top center !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.note10-pretporodazba-banner .sliderUrediTxt-image {
            background-image: none !important;
        }

    .note10-pretporodazba-banner-txt.visible-xs img {
        width: 120px;
        position: relative;
    }

    .note10-pretporodazba-banner-txt.visible-xs {
        background-color: #000000;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 16px 15px 20px 15px;
        text-align: right;
        height: 75px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-1-business-fullBaner .sliderUrediTxt-image {
        background-position: top 25px center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-kancelarija .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/biznis-A1baner-kancelarija-mob.png) !important;
        background-position: bottom 50px center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-kancelarija.business-kancelarija-sq .sliderUrediTxt-image {
        background-image: url(../content/banners/2019/biznis-A1baner-kancelarija-mob-sq.png) !important;
        background-position: bottom 50px center;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1b-vo-cekor .sliderUrediTxt-image img {
        width: 100px;
    }
}

/*#endregion delovni Slider*/


/*#region canvas Best Net*/

.item.bestNetNew canvas, .item.bestNetNew-sq canvas {
    width: auto;
    max-width: 100%;
}

.homepage-wrapper .urediLandingTextSlider .item.safeNet,
.homepage-wrapper .urediLandingTextSlider .item.safeNet-sq {
    /*background-image: url(../content/banners/2019/safeNet-banner.jpg) !important;*/
    background: #e20074 !important;
}

.homepage-wrapper .urediLandingTextSlider .item #animation_container-safe-net,
.homepage-wrapper .urediLandingTextSlider .item #animation_container-safe-net-sq {
    width: 1024px !important;
    height: 1200px !important;
}

    .homepage-wrapper .urediLandingTextSlider .item #animation_container-safe-net canvas,
    .homepage-wrapper .urediLandingTextSlider .item #animation_container-safe-net-sq canvas {
        width: 100% !important;
        height: auto !important;
        height: 660px !important;
        position: absolute;
        left: 25% !important;
        /*position: relative;
        left: 20%;
        right: auto;*/
    }

.item.bestNetCanvas canvas, .item.bestNetCanvas-sq canvas {
    width: 100% !important;
    height: auto !important;
    top: -15%;
}

/*.homepage-wrapper .urediLandingTextSlider .item.bestNetCanvas,
.homepage-wrapper .urediLandingTextSlider .item.bestNetCanvas-sq {
    background-image: url(../content/banners/2019/bestNetCanvas.jpg) !important;
    background: #e20074 !important;
}*/
.item.bestNetCanvas a.btn-magen {
    left: 5%;
}

@media (max-width: 767px) {
    .item.m-office-banner {
        background-image: url('../content/banners/2021/mo365-banner-mob.jpg') !important;
        background-position: center top !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.bestNetCanvas .sliderUrediTxt-image,
    .homepage-wrapper .urediLandingTextSlider .item.bestNetCanvas-sq .sliderUrediTxt-image {
        top: 20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.safeNet .sliderUrediTxt-image,
    .homepage-wrapper .urediLandingTextSlider .item.safeNet-sq .sliderUrediTxt-image {
        top: 20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item #animation_container-safe-net {
        width: 100% !important;
        height: 100% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item #animation_container-safe-net canvas,
        .homepage-wrapper .urediLandingTextSlider .item #animation_container-safe-net-sq canvas {
            /*width: 100% !important;
            height: 100% !important;*/
            width: auto !important;
            max-width: initial;
            left: -10% !important;
            position: absolute;
        }
}

@media (max-width: 374px) {

    .homepage-wrapper .urediLandingTextSlider .item #animation_container-safe-net canvas,
    .homepage-wrapper .urediLandingTextSlider .item #animation_container-safe-net-sq canvas {
        height: 400px !important;
    }
}

/*#endregion canvas Best Net*/




/*#region aktuelno Sony Call Of Duty*/

#aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-call-of-Duty {
    background-image: url(../content/banners/2019/sony-call-of-Duty-aktuelno.png);
    background-color: black;
    background-size: 90%;
    background-position: top 40px center;
}

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-call-of-Duty .aktuleno-txt-box {
        position: absolute;
        bottom: 45px;
        text-align: center;
        right: 45px;
    }

#aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-soPodarok {
    background-image: url(../content/banners/2019/aktuelno-sony-X10-soPodarok.jpg);
    background-size: auto;
    background-position: left bottom;
    position: relative;
}

#aktuelnoBox2018 .aktuelno-sony-X10-soPodarok-txt {
    display: table-cell;
    vertical-align: top;
    padding: 45px 0 0 45px;
    width: 40%;
}

#aktuelnoBox2018 .aktuelno-sony-X10-soPodarok-mobile {
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
    padding-top: 45px;
}

#aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-soPodarok img {
    width: auto;
    padding: 0;
}

#aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-soPodarok .aktuelno-sony-X10-soPodarok-mobile img {
    padding-bottom: 30px;
}

#aktuelnoBox2018 .aktuelno-sony-X10-soPodarokBox {
    display: table;
    width: 100%;
    height: 100%;
}

#aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-soPodarok .aktuleno-txt-box {
    position: absolute;
    bottom: 45px;
    text-align: center;
    left: 45px;
}

#aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-soPodarok .aktuelno-sony-X10-soPodarok-txt img {
    position: absolute;
}


#aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-soPodarok .aktuelno-sony-X10-soPodarok-mobile img {
    width: 420px;
}

#aktuelnoBox2018 .aktuleno-img.right-small-banner.samsung-s10-aktuleno {
    background-image: url(../content/banners/2019/samsung-s10-aktuelno-banner.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
    background-color: #000000;
}

#aktuelnoBox2018 .aktuleno-img.right-small-banner.samsung-s10-note-aktuleno {
    background-image: url(../content/banners/2019/samsung-note-10-banner.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
    background-color: #000000;
}

    #aktuelnoBox2018 .aktuleno-img.right-small-banner.samsung-s10-note-aktuleno.samsung-s10-note-aktuleno-sq {
        background-image: url(../content/banners/2019/samsung-note-10-banner-sq.png);
    }

    #aktuelnoBox2018 .aktuleno-img.right-small-banner.samsung-s10-note-aktuleno img {
        position: absolute;
        padding: 0;
        top: 22px;
        left: 20px;
    }

    #aktuelnoBox2018 .aktuleno-img.right-small-banner.samsung-s10-note-aktuleno .samsung-note-10-blackBox {
        position: absolute;
        bottom: 0;
        background: #000;
        width: 100%;
        color: white;
    }

        #aktuelnoBox2018 .aktuleno-img.right-small-banner.samsung-s10-note-aktuleno .samsung-note-10-blackBox h2 {
            font-size: 25px;
            padding: 10px;
        }

#aktuelnoBox2018 .samsung-s10-note-aktuleno .btn-white-border {
    position: absolute !important;
    width: 130px;
    left: 82% !important;
    color: white;
}

#aktuelnoBox2018 .aktuleno-img.right-small-banner.samsung-s10-aktuleno.no-bcg {
    background-image: none !important;
}

#aktuelnoBox2018 .aktuleno-img.right-small-banner.samsung-s10-aktuleno img {
    position: absolute;
    padding: 0;
    top: 22px;
    left: 20px;
}

#aktuelnoBox2018 .aktuleno-img.right-small-banner.samsung-s10-aktuleno .btn {
    left: 45px;
    position: absolute;
    bottom: 45px;
    transform: none;
}

#aktuelnoBox2018 .aktuleno-img.right-small-banner.iphone-xr-aktuelno {
    background-color: #000000;
}

    #aktuelnoBox2018 .aktuleno-img.right-small-banner.iphone-xr-aktuelno img {
        position: relative;
        padding: 0;
        display: block;
    }

        #aktuelnoBox2018 .aktuleno-img.right-small-banner.iphone-xr-aktuelno img:first-of-type {
            margin-left: 0;
            margin-top: 30px;
            margin: 30px 0 60px 30px;
        }


@media (min-width: 1200px) and (max-width: 1499px) {

    .homepage-wrapper .urediLandingTextSlider .item.pantheon-cloud-licenci .header {
        position: relative;
        top: -20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.pantheon-cloud-licenci .white-text-wrap {
        margin-top: 80px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.pantheon-cloud-licenci .ec {
        bottom: -55%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.pantheon-cloud-licenci .header {
        position: relative;
        top: -20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-january .white-text-wrap {
        margin-top: 80px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda .white-text-wrap {
        margin-top: 80px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.najdobra-pripejd-ponuda .ec {
        width: 100px;
        bottom: -55%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025 .white-text-wrap {
        margin-top: 80px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-travel-surf-2025 .ec {
        bottom: -55%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023:after {
        background-size: cover;
        width: 100%;
        left: -50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .white-text-wrap .ec {
        position: absolute;
        right: -110px;
        width: 110px;
        top: 60px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .white-text-wrap {
        width: 45%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.online-prodavnica-2023 .white-text-wrap .header {
            margin-bottom: 70px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.novi-tv-kanali:after {
        left: -20%;
        width: 65%;
    }

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-soPodarok .aktuelno-sony-X10-soPodarok-txt img {
        width: 270px;
    }

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-soPodarok .aktuelno-sony-X10-soPodarok-mobile img {
        width: 92%;
        padding-bottom: 20px;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
    #aktuelnoBox2018 .aktuleno-img.right-small-banner.samsung-s10-note-aktuleno .samsung-note-10-blackBox h2 {
        font-size: 25px;
        padding: 30px 10px 30px 20px;
    }

    #aktuelnoBox2018 .aktuleno-img.right-small-banner.samsung-s10-note-aktuleno {
        background-image: url(../content/banners/2019/samsung-galaxy-note10-pretporodazba-banner-mob-2.png);
        background-position: 0% 0%;
    }

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-soPodarok .aktuelno-sony-X10-soPodarok-txt img {
        width: 250px;
    }

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-soPodarok .aktuelno-sony-X10-soPodarok-mobile img {
        padding-bottom: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .item.bestNetCanvas canvas, .item.bestNetCanvas-sq canvas {
        top: 20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item #animation_container-safe-net canvas,
    .homepage-wrapper .urediLandingTextSlider .item #animation_container-safe-net-sq canvas {
        left: 0;
        right: 0;
    }

    #aktuelnoBox2018 .aktuleno-img.right-small-banner.samsung-s10-note-aktuleno .samsung-note-10-blackBox h2 {
        font-size: 25px;
        padding: 30px 10px 30px 20px;
    }

    #aktuelnoBox2018 .aktuleno-img.right-small-banner.samsung-s10-note-aktuleno {
        background-image: url(../content/banners/2019/samsung-galaxy-note10-pretporodazba-banner-mob-2.png);
        background-position: 0% 0%;
    }

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-soPodarok .aktuelno-sony-X10-soPodarok-txt img {
        width: 190px;
        padding-bottom: 10px;
    }

    #aktuelnoBox2018 .aktuelno-sony-X10-soPodarok-txt {
        padding: 35px 0 0 30px;
        width: 35%;
    }

    #aktuelnoBox2018 .aktuleno-img.right-small-banner.samsung-s10-aktuleno {
        background-image: url(../content/banners/2019/samsung-s10-aktuelno-banner-large.jpg);
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1b-vo-cekor .sliderUrediTxt-image img {
        width: 210px;
    }
}


@media (max-width: 767px) {

    #aktuelnoBox2018 .samsung-s10-note-aktuleno .btn-white-border {
        min-width: 120px !important;
        left: 80% !important;
    }

    /*.homepage-wrapper .urediLandingTextSlider .item #animation_container-safe-net canvas,
    .homepage-wrapper .urediLandingTextSlider .item #animation_container-safe-net-sq canvas {
        left: 25%;
        right: 0;
    }*/

    #aktuelnoBox2018 .aktuleno-img.right-small-banner.samsung-s10-note-aktuleno {
        background-image: url(../content/banners/2019/samsung-galaxy-note10-pretporodazba-banner-mob-2.png);
        background-position: 0% 0%;
    }

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-call-of-Duty {
        background-image: url(../content/banners/2019/sony-call-of-Duty-aktuelno-mob.png);
        background-size: 90%;
        background-position: top 20px center;
    }

        #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-call-of-Duty .aktuleno-txt-box {
            bottom: 20px;
            right: 0;
            left: 0;
        }

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-soPodarok .aktuelno-sony-X10-soPodarok-txt img {
        width: 170px;
    }

    #aktuelnoBox2018 .aktuelno-sony-X10-soPodarok-txt {
        padding: 25px 0 0 20px;
    }

    #aktuelnoBox2018 .aktuleno-img.left-small-banner.sony-soPodarok .aktuleno-txt-box {
        bottom: 20px;
        left: 0;
        right: 0;
    }

    #aktuelnoBox2018 .aktuleno-img.right-small-banner.samsung-s10-aktuleno {
        background-image: url(../content/banners/2019/samsung-s10-aktuelno-banner-large.jpg);
    }

        #aktuelnoBox2018 .aktuleno-img.right-small-banner.samsung-s10-aktuleno img {
            max-width: 110px;
        }

        #aktuelnoBox2018 .aktuleno-img.right-small-banner.samsung-s10-aktuleno .btn {
            right: auto;
            left: 50%;
            transform: translateX(-50%);
            bottom: 20px;
        }

    #aktuelnoBox2018 .aktuleno-img.right-small-banner.iphone-xr-aktuelno {
        background-position: top 90px center;
        background-size: contain;
    }

        #aktuelnoBox2018 .aktuleno-img.right-small-banner.iphone-xr-aktuelno img:first-of-type {
            margin: 30px 0 30px 30px;
        }

        #aktuelnoBox2018 .aktuleno-img.right-small-banner.iphone-xr-aktuelno img:first-of-type {
            width: 180px;
            margin: 0 auto;
            margin-top: 30px;
            margin-bottom: 30px;
        }

        #aktuelnoBox2018 .aktuleno-img.right-small-banner.iphone-xr-aktuelno .iphone-buttons.center {
            bottom: 20px;
        }
}

/*#endregion aktuelno Sony Call Of Duty*/




/*#region valentine prepaid*/

#valentine-prepaid {
    margin-bottom: -20px;
}

    #valentine-prepaid > .container {
        -webkit-box-shadow: 0px 5px 59px 9px rgba(184,184,184,1);
        -moz-box-shadow: 0px 5px 59px 9px rgba(184,184,184,1);
        box-shadow: 0px 5px 59px 9px rgba(184,184,184,1);
    }

    #valentine-prepaid .valentine-prepaid-intro-banner {
        position: relative;
        background: url(../content/images/valentine-intro-full-baner.jpg) no-repeat center;
        background-size: cover;
        background-position: right center;
        background-color: #e7e7e7;
        padding: 30px 20px 50px;
    }

    #valentine-prepaid .valentine-prepaid-introTxt {
        background-color: #e8e8e8;
        padding: 20px;
        position: relative;
        z-index: 2;
        -webkit-box-shadow: 0px 0px 4px 4px rgba(232,232,232,1);
        -moz-box-shadow: 0px 0px 4px 4px rgba(232,232,232,1);
        box-shadow: 0px 0px 4px 4px rgba(232,232,232,1);
        text-align: center;
        padding: 50px 30px 80px 30px;
    }

    #valentine-prepaid .valentine-prepaid-intro-banner img {
        position: absolute;
        left: 57%;
        top: 30px;
    }

        #valentine-prepaid .valentine-prepaid-intro-banner img.valentine-prepaid-ec-sq {
            left: 54%;
        }

    #valentine-prepaid .valentine-prepaid-intro {
        overflow-x: hidden;
        position: relative;
        padding: 10px 0;
        margin: -10px 0;
    }

    #valentine-prepaid .valentine-prepaid-introTxt h1 {
        font-family: 'teleNeo-ultra' !important;
        font-size: 34px;
        margin: 0;
    }

.valentine-prepaid-intro-banner h1 span {
    background-color: #e20074;
    color: white;
    line-height: 1.2;
    font-size: 49px;
    padding: 0 10px;
    font-family: 'teleNeo-ultra' !important;
}

    .valentine-prepaid-intro-banner h1 span:first-of-type {
        font-family: 'teleNeo-regular' !important;
    }

.valentine-prepaid-intro-banner h1 {
    display: inline-block;
}

#valentine-prepaid .valentine-prepaid-introTxt p:first-of-type {
    font-size: 24px;
    line-height: 1.2;
    font-family: 'teleNeo-medium' !important;
    width: 80%;
    margin: 0 auto;
    padding: 30px 0;
    color: #4b4b4b;
}

    #valentine-prepaid .valentine-prepaid-introTxt p:first-of-type a {
        color: #4b4b4b;
        font-family: 'teleNeo-medium' !important;
    }

#valentine-prepaid .valentine-prepaid-introTxt p.valentine-smallTxt {
    color: #4b4b4b;
    font-size: 13px;
}

#valentine-prepaid .valentine-prepaid-slider {
    position: relative;
    background: url(../content/images/valentine-slider-background.jpg) no-repeat center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
}

#valentine-prepaid .valentine-prepaid-sliderBox {
    position: relative;
    min-height: 670px;
    padding: 105px 130px 20px;
}

#valentineCarousel .carousel-inner > .item > img, #valentineCarousel .carousel-inner > .item > a > img {
    line-height: 1;
    width: auto;
    display: inline-block;
}

#valentine-prepaid .valentine-prepaid-sliderBox {
    position: relative;
}

    #valentine-prepaid .valentine-prepaid-sliderBox > img:first-of-type {
        position: absolute;
        left: 10px;
        top: -70px;
        z-index: 2;
    }

#valentineCarousel .carousel-indicators {
    position: relative;
    margin: 0;
    left: 7%;
    width: 110px;
    bottom: 0;
    margin-top: 10px;
}

    #valentineCarousel .carousel-indicators li {
        background: #ffffff;
        border-radius: 500px;
        width: 12px;
        height: 12px;
        margin: 0 5px;
        -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
    }

        #valentineCarousel .carousel-indicators li.active {
            background: #e20074;
            border-radius: 500px;
            width: 12px;
            height: 12px;
        }

#valentineCarousel .carousel-caption {
    position: relative;
    display: inline-block;
    left: 40px;
    right: 0;
    text-align: left;
    bottom: 0;
    text-shadow: none;
}

    #valentineCarousel .carousel-caption h2 {
        font-family: 'teleNeo-ultra' !important;
        color: #e20074;
        font-size: 31px;
        text-transform: uppercase;
    }

    #valentineCarousel .carousel-caption h3 {
        font-family: 'teleNeo-medium' !important;
        color: #4b4b4b;
        font-size: 26px;
        min-height: 56px;
    }

#valentine-prepaid .valentine-prepaid-appIntro {
    overflow-x: hidden;
    position: relative;
    padding: 10px 0;
    margin: -10px 0;
}

#valentine-prepaid .valentine-prepaid-appBox {
    background-color: #e5e5e5;
    text-align: center;
    padding: 50px 20px 60px;
    -webkit-box-shadow: 0px 0px 4px 4px rgba(229, 229, 229, 1);
    -moz-box-shadow: 0px 0px 4px 4px rgba(229, 229, 229, 1);
    box-shadow: 0px 0px 4px 4px rgb(229, 229, 229);
}

    #valentine-prepaid .valentine-prepaid-appBox p {
        font-size: 24px;
        line-height: 1.2;
        font-family: 'teleNeo-medium' !important;
        margin: 0 auto;
        padding-bottom: 35px;
        color: #4b4b4b;
    }

    #valentine-prepaid .valentine-prepaid-appBox img {
        margin: 0 5px;
    }

#valentine-prepaid .glyphicon-chevron-right:before {
    content: ']%';
}

#valentine-prepaid .glyphicon-chevron-left:before {
    content: ']%';
}

#valentine-prepaid .glyphicon-chevron-left:before, #valentine-prepaid .glyphicon-chevron-right:before {
    content: ']%';
    font-family: 'teleicon-outline';
    color: #7c7c7c;
    font-size: 80px;
}

#valentine-prepaid .carousel-control .glyphicon-chevron-left, #valentine-prepaid .carousel-control .glyphicon-chevron-right, #valentine-prepaid .carousel-control .icon-prev, #valentine-prepaid .carousel-control .icon-next {
    width: 50px;
    height: 100px;
    top: 37%;
    text-shadow: none;
}

#valentine-prepaid .carousel-control .glyphicon-chevron-right, #valentine-prepaid .carousel-control .icon-next {
    top: 33%;
}

#valentine-prepaid .carousel-control .glyphicon-chevron-right, #valentine-prepaid .carousel-control .icon-next {
    transform: rotate(180deg);
    right: 50%;
}

#valentine-prepaid .carousel-control {
    z-index: 10 !important;
    width: 50px;
}

#valentine-prepaid a.left.carousel-control {
    left: -110px;
}

#valentine-prepaid a.right.carousel-control {
    right: -110px;
}



@media (min-width: 992px) and (max-width: 1199px) {

    .valentine-prepaid-intro-banner h1 span {
        font-size: 46px;
    }
}




@media (min-width: 768px) and (max-width: 991px) {

    .valentine-prepaid-intro-banner h1 span {
        font-size: 36px;
    }

    #valentine-prepaid .valentine-prepaid-intro-banner img {
        left: 62%;
        width: 140px;
    }

        #valentine-prepaid .valentine-prepaid-intro-banner img.valentine-prepaid-ec-sq {
            left: 54%;
        }

    #valentine-prepaid .valentine-prepaid-intro-banner {
        padding: 30px 20px 50px;
    }

    #valentine-prepaid .valentine-prepaid-intro-banner {
        background-size: cover;
        min-height: 199px;
    }

    #valentine-prepaid .valentine-prepaid-introTxt h1 {
        font-size: 31px;
    }

    #valentine-prepaid .valentine-prepaid-introTxt p:first-of-type {
        font-size: 22px;
    }

    #valentine-prepaid .valentine-prepaid-sliderBox {
        padding: 105px 60px 20px;
    }

    #valentine-prepaid a.left.carousel-control {
        left: -70px;
    }

    #valentine-prepaid a.right.carousel-control {
        right: -70px;
    }

    #valentineCarousel .carousel-caption h2 {
        font-size: 27px;
    }

    #valentineCarousel .carousel-caption h3 {
        font-size: 22px;
    }

    #valentine-prepaid .valentine-prepaid-appBox p {
        font-size: 22px;
    }

    #valentine-prepaid .container {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}



@media (max-width: 767px) {

    #valentine-prepaid .valentine-prepaid-introTxt h1 {
        font-family: 'teleNeo-ultra' !important;
        font-size: 27px;
        margin: 0;
    }

    #valentine-prepaid .valentine-prepaid-introTxt p:first-of-type {
        font-size: 21px;
        width: 100%;
        padding: 30px 0 15px;
    }

    #valentine-prepaid .valentine-prepaid-sliderBox {
        padding: 110px 20px 20px;
        background-position: left center;
        min-height: 0;
    }

    #valentineCarousel .carousel-inner > .item > img, #valentineCarousel .carousel-inner > .item > a > img {
        display: block;
    }

    #valentineCarousel .carousel-caption {
        display: block;
        left: 0px;
        text-align: center;
    }

        #valentineCarousel .carousel-caption h2 {
            font-size: 24px;
        }

        #valentineCarousel .carousel-caption h3 {
            font-size: 22px;
            min-height: 48px;
        }

    #valentineCarousel .carousel-indicators {
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    #valentine-prepaid .valentine-prepaid-sliderBox > img:first-of-type {
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    #valentine-prepaid .valentine-prepaid-appBox p {
        font-size: 21px;
    }

    #valentine-prepaid .valentine-prepaid-appBox img {
        height: 40px;
    }

    #valentine-prepaid .valentine-prepaid-appBox {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding: 30px 20px 60px;
    }

    #valentine-prepaid .valentine-prepaid-intro-banner {
        min-height: 0;
        padding: 15px;
        background-position: center right -90px;
    }

    #valentine-prepaid .valentine-prepaid-introTxt {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding: 30px 30px 80px 30px;
    }

    #valentine-prepaid .valentine-prepaid-intro-banner img {
        position: relative;
        left: 0 !important;
        top: 0;
        width: 120px;
    }

    #valentine-prepaid .valentine-prepaid-slider {
        background: none;
        background-color: #e8e8e8;
    }

    #valentine-prepaid a.right.carousel-control {
        right: -10px;
    }

    #valentine-prepaid a.left.carousel-control {
        left: -10px;
    }

    #valentine-prepaid .carousel-control .glyphicon-chevron-left, #valentine-prepaid .carousel-control .glyphicon-chevron-right, #valentine-prepaid .carousel-control .icon-prev, #valentine-prepaid .carousel-control .icon-next {
        top: 24%;
    }

    #valentine-prepaid .carousel-control .glyphicon-chevron-right, #valentine-prepaid .carousel-control .icon-next {
        top: 18%;
    }

    #valentine-prepaid .glyphicon-chevron-left:before, #valentine-prepaid .glyphicon-chevron-right:before {
        font-size: 70px;
    }

    .valentine-prepaid-intro-banner h1 span {
        font-size: 27px;
    }
}

@media (max-width: 374px) {

    .valentine-prepaid-intro-banner h1 span {
        font-size: 23px;
    }

    #valentineCarousel .carousel-caption h3 {
        font-size: 20px;
    }

    #valentine-prepaid .valentine-prepaid-appBox p {
        font-size: 19px;
    }

    #valentine-prepaid .valentine-prepaid-introTxt h1 {
        font-size: 25px;
    }

    #valentine-prepaid .valentine-prepaid-introTxt p:first-of-type {
        font-size: 19px;
    }

    #valentine-prepaid a.right.carousel-control {
        right: -30px;
    }

    #valentine-prepaid a.left.carousel-control {
        left: -30px;
    }
}


/*#endregion valentine prepaid*/



/*#region dopolnitelni paketi*/

#dopolnitelniPaketi .dopPaketi-banner.dopPaketiPostpaid-banner {
    position: relative;
    background: url(../content/images/dopolnitelni-paketi-fullBanner-new.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    /*padding: 3% 35px 19%;*/
    min-height: 375px;
    padding: 50px 20px;
}

#dopolnitelniPaketi .dopPaketi-banner h1 {
    color: #000000;
    font-size: 51px;
    font-family: 'teleNeo-thin' !important;
}

#dopolnitelniPaketi .dopPaketi-packages {
    padding: 60px 0;
}

#dopolnitelniPaketi .dopPaketi-packagesBox {
    text-align: center;
    margin: 50px 0;
}

    #dopolnitelniPaketi .dopPaketi-packagesBox h3 {
        font-family: 'teleNeo-medium' !important;
        color: #383838;
        margin-bottom: 25px;
        font-size: 21px;
    }

#dopolnitelniPaketi .dopPaketi-packages-info {
    width: 90%;
    margin: 0 auto;
    min-height: 90px;
    margin-bottom: 40px;
}

#dopolnitelniPaketi .dopPaketi-packagesBox img {
    margin-bottom: 10px;
}


#dopolnitelniPaketi .dopPaketi-packages a.btn.btn-magen {
    font-size: 18px;
    padding: 6px 20px;
}


@media (min-width: 768px) and (max-width: 991px) {

    #dopolnitelniPaketi .dopPaketi-banner.dopPaketiPostpaid-banner {
        background-position: center center;
    }

    #dopolnitelniPaketi .dopPaketi-banner h1 {
        font-size: 49px;
    }

    #dopolnitelniPaketi .dopPaketi-packages-info {
        min-height: 111px;
    }
}


@media (max-width:767px) {

    #dopolnitelniPaketi .dopPaketi-banner h1 {
        font-size: 36px;
    }

    #dopolnitelniPaketi .dopPaketi-banner.dopPaketiPostpaid-banner {
        background-position: center left 50%;
        padding: 15px 20px;
        min-height: 240px;
    }

    #dopolnitelniPaketi .dopPaketi-packages {
        padding: 45px 0;
    }

    #dopolnitelniPaketi .dopPaketi-packagesBox img {
        margin-bottom: 0;
    }

    #dopolnitelniPaketi .dopPaketi-packagesBox h3 {
        margin-bottom: 10px;
    }

    #dopolnitelniPaketi .dopPaketi-packages-info {
        min-height: 0;
        margin-bottom: 20px;
    }

    #dopolnitelniPaketi .dopPaketi-packagesBox {
        margin-bottom: 70px;
    }

    .dopPaketi-packagesBox h3 {
        margin-bottom: 30px;
    }

    #dopolnitelniPaketi .dopPaketi-packages .container .row > div:nth-of-type(2) {
        border-right: none;
        border-left: none;
    }
}

/*#endregion dopolnitelni paketi*/


.samsung-s10-video {
    margin: 130px 0 50px;
}

@media (max-width:767px) {

    .samsung-s10-video iframe {
        height: auto;
    }

    .samsung-s10-video {
        margin-top: 50px 0 30px;
    }
}


/*#region spodeli internet*/

.spodeliInternetLanding .spodeliInternetKoristenjeTxt {
    position: relative;
    background: #ededed;
    padding: 20px 0 40px;
}

.spodeliInternetLanding h3 {
    margin-bottom: 30px;
    text-align: center;
    font-family: 'teleNeo-medium' !important;
}

.spodeliInternetLanding .spodeliInternetIntroTxt {
    padding: 20px 0 30px;
}


@media (max-width:767px) {

    .spodeliInternetLanding .spodeliInternetIntroTxt {
        padding: 30px 0 30px;
    }

    .spodeliInternetLanding .spodeliInternetKoristenjeTxt {
        position: relative;
        background: #ededed;
        padding: 0;
    }

    .spodeliInternetLanding h2 {
        font-size: 20px;
    }
}

/*#endregion spodeli internet*/

/*#region mobile-surf sms-paketi*/

.mobile-surf-table, .sms-paketi-table {
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    margin: 11px auto;
    text-align: center;
}

    .mobile-surf-table .mobile-surf-tarifa, .sms-paketi-table .sms-paketi-tarifa {
        padding: 20px 0 10px;
    }

.mobile-surf-tarifa p, .sms-paketi-tarifa p {
    font-family: 'teleNeo-medium' !important;
    color: black;
    text-transform: uppercase;
    font-size: 22px;
    padding: 0 20px;
    display: block;
    text-align: center;
}

    .mobile-surf-tarifa p span, .sms-paketi-tarifa p span {
        font-family: 'teleNeo-medium' !important;
    }

.mobile-surf-table p, .sms-paketi-table p {
    margin: 0;
    line-height: 1.2;
    display: inline-block;
}

.mobile-surf-table .mobile-surf-table-cell, .sms-paketi-table .sms-paketi-table-cell {
    padding: 5px 0 18px;
}

.mobile-surf-table .mobile-surf-price, .sms-paketi-table .sms-paketi-price {
    -webkit-box-shadow: inset 0 5px 10px -8px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 5px 10px -8px rgba(0,0,0,.3);
    box-shadow: inset 0 5px 10px -8px rgba(0,0,0,.3);
    padding: 15px 20px 15px;
}

span.medium-mobile-surf, span.medium-sms-paketi {
    font-family: 'teleNeo-medium' !important;
    font-size: 22px;
    text-transform: uppercase;
}

.mobile-surf-price p, .sms-paketi-price p {
    color: #333333;
    font-size: 16px;
}

    .mobile-surf-price p:first-of-type, .sms-paketi-price p:first-of-type {
        text-transform: uppercase;
    }

p.mobile-surf-priceInfo, p.sms-paketi-priceInfo {
    margin-top: 10px;
    font-size: 15px;
}

.mobile-surf-price span.mobile-surf2, .sms-paketi-price span.sms-paketi2 {
    font-family: 'teleNeo-regular' !important;
    font-size: 30px;
}

.greyNewBox {
    background-color: #ededed;
    padding: 20px;
    margin-bottom: 15px;
    position: relative;
    min-height: 0;
}

    .greyNewBox .old-price {
        position: relative;
        display: inline-block;
        margin-right: 4px;
    }

        .greyNewBox .old-price:before {
            content: '';
            position: absolute;
            background: red;
            top: 11px;
            height: 1px;
            width: 27px;
            left: -2px;
            transform: rotate( -36deg );
        }

.h3-subheadline {
    text-align: center;
    font-family: 'teleNeo-medium' !important;
    font-size: 24px !important;
    margin-bottom: 20px;
}

.greyNewBox table.table-blue, .greyNewBox .table-responsive table.table-blue th {
    background-color: #ededed !important;
}

.greyNewBox.mobile-surf-aktiviranje ul, .greyNewBox.sms-paketi-aktiviranje ul {
    margin-bottom: 0;
}

li.app-prezemi-box {
    margin-bottom: 15px !important;
}

.greyNewBox.mobile-surf-aktiviranje ul li, .greyNewBox.sms-paketi-aktiviranje ul li {
    margin-left: 0 !important;
}

@media (min-width: 768px) {

    .mobile-surf-content .tab-content > .tab-pane.fade, .sms-paketi-content .tab-content > .tab-pane.fade {
        overflow: visible;
        opacity: 1;
    }
}


@media (max-width: 767px) {

    .mobile-surf-content, .sms-paketi-content {
        margin-top: 15px;
    }

        .mobile-surf-content p.mobile-surf-tarrif-type, .sms-paketi-content p.sms-paketi-tarrif-type {
            text-align: center;
            font-family: 'teleNeo-bold' !important;
            color: black;
            font-size: 22px;
            text-transform: uppercase;
            margin-bottom: 5px;
        }

        .mobile-surf-content ul.nav.nav-tabs.mobile-surf-nedelen, .sms-paketi-content ul.nav.nav-tabs.sms-paketi-nedelen {
            width: 86%;
            border-bottom: 0px;
            margin: 0px auto;
        }

            .mobile-surf-content ul.nav.nav-tabs.mobile-surf-nedelen li, .sms-paketi-content ul.nav.nav-tabs.sms-paketi-nedelen li {
                width: 33.333% !important;
                border: 1px solid #cacaca;
                border-bottom: 0px;
                background: whitesmoke;
                padding-left: 0;
                line-height: 1;
                margin-bottom: 0;
                margin-left: 0;
                text-align: center;
            }

            .sms-paketi-content ul.nav.nav-tabs.sms-paketi-nedelen li {
                width: 50% !important;
            }

            .mobile-surf-content ul.nav.nav-tabs.mobile-surf-nedelen li:nth-child(2), .mobile-surf-content ul.nav.nav-tabs.mobile-surf-nedelen li.active:nth-child(2) {
                border-left: 0px solid transparent !important;
                border-right: 0px solid transparent !important;
            }

            .sms-paketi-content ul.nav.nav-tabs.sms-paketi-nedelen li:nth-child(2), .sms-paketi-content ul.nav.nav-tabs.sms-paketi-nedelen li.active:nth-child(2) {
                border-left: 0px solid transparent !important;
            }

            .mobile-surf-content ul.nav.nav-tabs.mobile-surf-nedelen li > a, .sms-paketi-content ul.nav.nav-tabs.sms-paketi-nedelen li > a {
                border-left: 0;
                border-right: 0px;
                margin-right: 0;
                font-size: 22px;
                color: #333;
                padding: 2px;
                cursor: default;
                border-bottom-color: transparent;
            }

            .mobile-surf-content ul.nav.nav-tabs.mobile-surf-nedelen li:hover, .sms-paketi-content ul.nav.nav-tabs.sms-paketi-nedelen li:hover {
                border: 1px solid #cacaca;
                border-bottom: 0px;
                background: whitesmoke;
            }

            .mobile-surf-content ul.nav.nav-tabs.mobile-surf-nedelen li.active:before, .sms-paketi-content ul.nav.nav-tabs.sms-paketi-nedelen li.active:before {
                content: '';
                width: 100%;
                position: absolute;
                top: 0;
                bottom: auto;
                height: 2px;
                background: #e20074;
                z-index: 2;
                left: 0px;
                right: 0px;
            }

    .mobile-surf-table, .sms-paketi-table {
        border: 1px solid #e20074;
        margin-top: 0;
    }

        .mobile-surf-table .mobile-surf-table-cell, .sms-paketi-table .sms-paketi-table-cell {
            padding: 15px 0 15px;
        }

    .mobile-surf-content .tab-content > .tab-pane, .sms-paketi-content .tab-content > .tab-pane {
        display: none;
    }

        .mobile-surf-content .tab-content > .tab-pane.active, .sms-paketi-content .tab-content > .tab-pane.active {
            display: block;
        }

    .mobile-surf-dneven .mobile-surf-table .mobile-surf-table-cell, .sms-paketi-dneven .sms-paketi-table .sms-paketi-table-cell {
        padding: 0px 0 15px;
    }

    .greyNewBox.mobile-surf-aktiviranje .table-responsive .table.table-blue.mceItemTable:not([columncount='2']) tbody > tr > td:not(:first-child), .greyNewBox.mobile-surf-aktiviranje .table-responsive .table.table-blue.mceItemTable:not([columncount='2']) tbody > tr > td:not(:first-child) {
        word-break: break-all !important;
    }
}

/*#endregion mobile-surf sms-paketi*/







/*#region webHub*/

#webHub .webHub-introTxt h1 {
    text-align: center;
    color: #e20074;
    font-size: 56px;
    font-family: 'teleNeo-ultra' !important;
    margin-bottom: 50px;
    text-transform: uppercase;
}

#webHub .webHub-introTxt {
    /*padding: 120px 0 70px;*/
    padding: 70px 0 70px;
    text-align: center;
    width: 75%;
    margin: 0 auto;
}

    #webHub .webHub-introTxt.pb-25 {
        padding: 70px 0 25px;
    }

#webHub .webHub-introBannerBox {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

    #webHub .webHub-introBannerBox iframe {
        position: absolute;
        /*top: 74px;*/
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#webHub .webHub-iframe {
    text-align: center;
}

#webHub .baner {
    position: relative;
    margin: 30px 0;
}

#webHub .webHub-introTxt p {
    color: #000000;
    font-size: 21px;
    margin-bottom: 25px;
}

#webHub .webHub-grayBox {
    background: #f1f2f2;
    padding: 50px 0;
    text-align: center;
}

#webHub .webHub-magentaBox {
    background: #eaeaea;
    padding: 70px 0;
    color: #000000;
}

#webHub .webHub-magentaBoxIntro {
    margin-bottom: 80px;
    text-align: center;
}

#webHub .webHub-magentaBox h2 {
    text-transform: uppercase;
    font-family: 'teleNeo-ultra' !important;
    font-size: 47px;
    margin-bottom: 40px;
    color: #e20074;
}

    #webHub .webHub-magentaBox h2 span {
        font-family: 'teleNeo-bold' !important;
        color: #000000;
        font-size: 38px;
    }

#webHub .webHub-magentaBoxIntro p {
    font-size: 21px;
}

#webHub .webHub-magentaBox-txt {
    position: relative;
    padding-left: 30px;
}

    #webHub .webHub-magentaBox-txt img {
        position: absolute;
        right: 0;
        top: 0px;
    }

    #webHub .webHub-magentaBox-txt p, #webHub .webHub-magentaBox-txt ul li {
        font-size: 19px;
    }

#webHub .webHub-magentaBoxTable {
    display: table;
    width: 100%;
}

#webHub .webHub-magentaBoxTableCell {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    position: relative;
}

    #webHub .webHub-magentaBoxTableCell a {
        position: relative;
        bottom: auto;
        left: 30px;
        border-radius: 3px;
        min-height: 0;
        padding: 10px 20px;
        font-size: 17px;
    }

#webHub .webHub-grayBox h2 {
    text-transform: uppercase;
    color: #e20074;
    font-family: 'teleNeo-ultra' !important;
    font-size: 47px;
    margin-bottom: 15px;
}

#webHub .webHub-magentaBoxTable h3 {
    font-family: 'teleNeo-regular' !important;
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 0;
    color: #000000;
}

#webHub .webHub-magentaBoxTable .webHub-magentaBoxTableCell ul {
    margin-bottom: 10px;
}

.webHub-magentaBoxTableCell ul li {
    position: relative;
    padding-left: 20px;
}

    .webHub-magentaBoxTableCell ul li:before {
        content: ']-';
        font-family: 'teleicon-outline';
        position: absolute;
        font-size: 9px;
        top: 8px;
        left: 0;
    }

#webHub .webHub-magentaBoxTable p.webHub-desclaimer {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 35px;
}

    #webHub .webHub-magentaBoxTable p.webHub-desclaimer span {
        display: inline-block;
    }

#webHub .webHub-grayBox p {
    font-size: 21px;
}

#webHub .webHub-slider {
    position: relative;
}

#webHub-Carousel p,
#webHub-Carousel-ostvarete-se-sto-posakuvate p {
    display: block;
    font-size: 19px;
}

#webHub-Carousel .carousel-indicators,
#webHub-Carousel-ostvarete-se-sto-posakuvate .carousel-indicators {
    position: relative;
    bottom: 0;
    background: #f1f2f2;
    padding: 20px 0;
    margin-top: 0;
    margin-bottom: 0;
}

#webHub-Carousel .container,
#webHub-Carousel-ostvarete-se-sto-posakuvate .container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#webHub-Carousel .webHub-indicators,
#webHub-Carousel-ostvarete-se-sto-posakuvate .webHub-indicators {
    background: #f1f2f2;
}

#webHub-Carousel .carousel-indicators li.active,
#webHub-Carousel-ostvarete-se-sto-posakuvate .carousel-indicators li.active {
    background: #e20074;
    border-radius: 500px;
    width: 12px;
    height: 12px;
}

#webHub-Carousel .carousel-indicators li,
#webHub-Carousel-ostvarete-se-sto-posakuvate .carousel-indicators li {
    background: #ffffff;
    border-radius: 500px;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
}


#webHub-Carousel .carousel-caption,
#webHub-Carousel-ostvarete-se-sto-posakuvate .carousel-caption {
    position: relative;
    text-shadow: none;
    color: black;
    text-align: left;
    left: auto;
    right: auto;
    bottom: auto;
    padding: 25px 45px 100px 40px;
    min-height: 630px;
}

#webHub-Carousel .webHub-caption-appText {
    position: absolute;
    bottom: 45px;
}

#webHub-Carousel .webHub-appTextImg {
    display: table;
}

#webHub-Carousel .webHub-appText-btn {
    margin-top: 20px;
}

    #webHub-Carousel .webHub-appText-btn a img {
        margin-right: 10px;
    }

.webHub-caption-appText h4 {
    display: table-cell;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    padding-left: 15px;
    font-family: 'teleNeo-medium' !important;
    font-size: 21px;
}

#webHub-Carousel .carousel-inner .item {
    min-height: 630px;
}


#webHub-Carousel .item:before {
    content: "";
    background-image: url(../content/images/webHub-slide-1.jpg);
    height: 100%;
    width: 50%;
    display: block;
    position: absolute;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#webHub-Carousel-ostvarete-se-sto-posakuvate .item:before {
    content: "";
    height: 100%;
    width: 50%;
    display: block;
    position: absolute;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#webHub-Carousel .item.item-volontiraj:before {
    background-image: url(../content/images/webHub-slide-2.jpg);
}

#webHub-Carousel .item.item-airCare:before {
    background-image: url(../content/images/webHub-slide-3.jpg);
}

#webHub-Carousel .item.item-petPlus:before {
    background-image: url(../content/images/webHub-slide-4.jpg);
    background-position: left 25% center;
}

#webHub-Carousel .item.item-iNaturalist:before {
    background-image: url(../content/images/webHub-slide-5.jpg);
}

#webHub-Carousel .item.item-starWalk:before {
    background-image: url(../content/images/webHub-slide-6.jpg);
}

#webHub-Carousel .item.item-magnus:before {
    background-image: url(../content/images/webHub-slide-7.jpg);
}

#webHub-Carousel .item.item-asanaRebel:before {
    background-image: url(../content/images/webHub-slide-8.jpg);
}


#webHub-Carousel-ostvarete-se-sto-posakuvate .carousel-inner .item {
    min-height: 460px;
}

#webHub-Carousel-ostvarete-se-sto-posakuvate .item.item-netipichno:before {
    background-image: url(../content/images/nesto-netipichno.jpg);
}

#webHub-Carousel-ostvarete-se-sto-posakuvate .item.item-mind-benders:before {
    background-image: url(../content/images/mind-benders.jpg);
}

#webHub-Carousel-ostvarete-se-sto-posakuvate .item.item-port-com-sign:before {
    background-image: url(../content/images/port-com-sign.jpg);
    background-position: left 25% center;
}

#webHub-Carousel-ostvarete-se-sto-posakuvate .item.item-zero-hero:before {
    background-image: url(../content/images/from-zero-to-hero.jpg);
}

#webHub-Carousel-ostvarete-se-sto-posakuvate .item.item-bionic:before {
    background-image: url(../content/images/bionic.jpg);
}

#webHub-Carousel .carousel-caption h3,
#webHub-Carousel-ostvarete-se-sto-posakuvate .carousel-caption h3 {
    font-family: 'teleNeo-bold' !important;
    font-size: 29px;
}

    #webHub-Carousel .carousel-caption h3 span,
    #webHub-Carousel-ostvarete-se-sto-posakuvate .carousel-caption h3 span {
        font-family: 'teleNeo-ultra' !important;
        font-size: 34px;
        display: block;
    }

#webHub-Carousel .carousel-control,
#webHub-Carousel-ostvarete-se-sto-posakuvate .carousel-control {
    z-index: 10 !important;
    width: 180px;
}

    #webHub-Carousel .carousel-control .glyphicon-chevron-left,
    #webHub-Carousel .carousel-control .glyphicon-chevron-right,
    #webHub-Carousel .carousel-control .icon-prev,
    #webHub-Carousel .carousel-control .icon-next {
        width: 50px;
        height: 100px;
        top: 50%;
        transform: translateY(-50%);
        text-shadow: none;
    }

    #webHub-Carousel-ostvarete-se-sto-posakuvate .carousel-control .glyphicon-chevron-left,
    #webHub-Carousel-ostvarete-se-sto-posakuvate .carousel-control .glyphicon-chevron-right,
    #webHub-Carousel-ostvarete-se-sto-posakuvate .carousel-control .icon-prev,
    #webHub-Carousel-ostvarete-se-sto-posakuvate .carousel-control .icon-next {
        width: 50px;
        height: 100px;
        top: 50%;
        transform: translateY(-50%);
        text-shadow: none;
    }

#webHub-Carousel .glyphicon-chevron-left:before,
#webHub-Carousel .glyphicon-chevron-right:before {
    content: ']%';
    font-family: 'teleicon-outline';
    color: #7c7c7c;
    font-size: 80px;
}

#webHub-Carousel-ostvarete-se-sto-posakuvate .glyphicon-chevron-left:before,
#webHub-Carousel-ostvarete-se-sto-posakuvate .glyphicon-chevron-right:before {
    content: ']%';
    font-family: 'teleicon-outline';
    color: #7c7c7c;
    font-size: 80px;
}

#webHub-Carousel .glyphicon-chevron-left:before,
#webHub-Carousel-ostvarete-se-sto-posakuvate .glyphicon-chevron-left:before {
    content: ']%';
}

#webHub-Carousel .carousel-control .icon-prev,
#webHub-Carousel .carousel-control .glyphicon-chevron-left {
    left: 42%;
}

#webHub-Carousel-ostvarete-se-sto-posakuvate .carousel-control .icon-prev,
#webHub-Carousel-ostvarete-se-sto-posakuvate .carousel-control .glyphicon-chevron-left {
    left: 42%;
}

#webHub-Carousel .carousel-control .glyphicon-chevron-right,
#webHub-Carousel .carousel-control .icon-next {
    transform: rotate(180deg);
    right: 42%;
    top: 40%;
}

#webHub-Carousel-ostvarete-se-sto-posakuvate .carousel-control .glyphicon-chevron-right,
#webHub-Carousel-ostvarete-se-sto-posakuvate .carousel-control .icon-next {
    transform: rotate(180deg);
    right: 42%;
    top: 40%;
}

#webHub .webHub-introBanner {
    /*background-image: url(../content/images/webHub-intro-banner.jpg);
    min-height: 465px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;*/
    background-color: #000000;
}

@media (min-width: 992px) and (max-width: 1199px) {

    #webHub-Carousel .carousel-control .glyphicon-chevron-right, #webHub-Carousel .carousel-control .icon-next {
        right: 10%;
    }

    #webHub-Carousel .carousel-control .icon-prev, #webHub-Carousel .carousel-control .glyphicon-chevron-left {
        left: 10%;
    }


    #webHub-Carousel .carousel-caption {
        padding: 25px 60px 100px 35px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    #webHub-Carousel p {
        font-size: 17px;
    }

    #webHub-Carousel .carousel-caption h3 {
        font-size: 24px;
    }

        #webHub-Carousel .carousel-caption h3 span {
            font-size: 26px;
        }

    #webHub-Carousel .carousel-control .glyphicon-chevron-right, #webHub-Carousel .carousel-control .icon-next {
        right: 30%;
    }

    #webHub-Carousel .carousel-control .icon-prev, #webHub-Carousel .carousel-control .glyphicon-chevron-left {
        left: 30%;
    }

    #webHub-Carousel .carousel-control {
        width: 60px;
    }

    #webHub-Carousel .carousel-caption {
        padding: 25px 45px 100px 40px;
    }

    .webHub-introTxt h1, .webHub-grayBox h2 {
        font-size: 46px;
    }

    #webHub-Carousel .glyphicon-chevron-left:before, #webHub-Carousel .glyphicon-chevron-right:before {
        font-size: 70px;
    }

    #webHub .webHub-magentaBox {
        padding: 50px 0;
    }

    #webHub .webHub-magentaBoxTableCell a {
        position: relative;
    }

    #webHub .webHub-magentaBox-txt {
        margin-bottom: 30px;
    }

        #webHub .webHub-magentaBox-txt img {
            width: 90px;
        }
}


@media (max-width: 767px) {

    #webHub .webHub-introBanner {
        min-height: 195px;
    }

    #webHub .webHub-introTxt h1 {
        font-size: 37px;
        margin-bottom: 40px;
    }

    #webHub .webHub-introBannerBox {
        width: 90%;
        margin: 0 auto;
    }

    /*#webHub .webHub-introBannerBox iframe {
    top: 35px;
}*/

    #webHub .webHub-introTxt {
        /*padding: 60px 0 30px;*/
        padding: 35px 0 30px;
        width: 85%;
    }

        #webHub .webHub-introTxt p {
            font-size: 17px;
        }

    #webHub .webHub-grayBox h2 {
        font-size: 34px;
    }

    #webHub .webHub-magentaBox h2 {
        font-size: 34px;
        margin-bottom: 30px;
    }

        #webHub .webHub-magentaBox h2 span {
            font-size: 29px;
        }

    #webHub .webHub-magentaBoxIntro p {
        font-size: 17px;
    }

    #webHub .webHub-magentaBoxTableCell {
        width: 100%;
        display: block;
    }

    #webHub .webHub-magentaBoxIntro {
        margin-bottom: 30px;
    }

    #webHub .webHub-magentaBoxTableCell a {
        position: relative;
        left: 0;
    }

    #webHub .webHub-magentaBox {
        padding: 35px 25px 30px;
    }

    #webHub .webHub-magentaBox-txt {
        padding-left: 0;
        margin-bottom: 30px;
        margin-top: 35px;
    }

        #webHub .webHub-magentaBox-txt img {
            right: -10px;
            top: 30px;
            width: 90px;
        }

    #webHub .webHub-magentaBoxTable h3 {
        font-size: 22px;
    }

    #webHub .webHub-magentaBoxTable p.webHub-desclaimer {
        margin-bottom: 20px;
    }

    #webHub .webHub-grayBox {
        padding: 50px 15px;
    }

    #webHub-Carousel .webHub-caption-appText {
        bottom: 20px;
    }

    #webHub-Carousel .webHub-appTextImg img {
        width: 60px;
    }

    #webHub-Carousel .webHub-appText-btn {
        margin-top: 15px;
    }

    .webHub-caption-appText h4 {
        font-size: 19px;
    }

    #webHub-Carousel .carousel-control {
        width: 50px;
    }

    #webHub-Carousel .item:before {
        width: 100%;
        height: 250px;
    }

    #webHub-Carousel .carousel-caption {
        padding: 10px 25px 60px 25px;
        min-height: 550px;
        top: 250px;
    }

    #webHub-Carousel p {
        font-size: 16px;
    }

    #webHub-Carousel .carousel-inner .item {
        min-height: 800px;
    }

    #webHub-Carousel .carousel-control .glyphicon-chevron-right, #webHub-Carousel .carousel-control .icon-next {
        top: 7%;
    }

    #webHub-Carousel .carousel-control .icon-prev, #webHub-Carousel .carousel-control .glyphicon-chevron-left {
        top: 17%;
    }

    #webHub-Carousel .glyphicon-chevron-left:before, #webHub-Carousel .glyphicon-chevron-right:before {
        color: #ffffff;
    }

    #webHub .webHub-grayBox {
        padding: 35px 15px;
    }

        #webHub .webHub-grayBox p {
            margin-bottom: 0;
            font-size: 17px;
        }

    #webHub-Carousel .carousel-caption h3 {
        font-size: 24px;
    }

        #webHub-Carousel .carousel-caption h3 span {
            font-size: 27px;
        }

    #webHub-Carousel .glyphicon-chevron-left:before, #webHub-Carousel .glyphicon-chevron-right:before {
        font-size: 65px;
    }
}

@media (max-width: 374px) {

    #webHub-Carousel .carousel-caption {
        min-height: 590px;
    }

    #webHub-Carousel .carousel-inner .item {
        min-height: 840px;
    }

    #webHub-Carousel .webHub-caption-appText {
        bottom: 30px;
    }

    #webHub-Carousel .carousel-control .glyphicon-chevron-right, #webHub-Carousel .carousel-control .icon-next {
        right: 15%;
        top: 6%;
    }

    #webHub-Carousel .carousel-control .icon-prev, #webHub-Carousel .carousel-control .glyphicon-chevron-left {
        left: 15%;
        top: 16%;
    }

    #webHub-Carousel .glyphicon-chevron-left:before, #webHub-Carousel .glyphicon-chevron-right:before {
        font-size: 55px;
    }

    #webHub .webHub-magentaBox-txt img {
        width: 70px;
        top: 50px;
    }
}

/*#endregion webHub*/



/*#region smart home*/



#smartHome p, #smartHome ul li {
    font-size: 19px;
    color: #000000;
}

.smartHome-banner {
    background-color: #eaeaea;
    padding: 60px 0;
    text-align: center;
    padding-bottom: 475px;
}

    .smartHome-banner h1 {
        font-family: 'teleNeo-ultra' !important;
        font-size: 46px;
        color: #e20074;
        text-transform: uppercase;
        margin-bottom: 40px;
        line-height: 1.2;
    }

        .smartHome-banner h1 span {
            font-family: 'teleNeo-medium' !important;
            font-size: 38px;
            display: inline-block;
            margin-top: 8px;
        }

#smartHome .smartHome-priceBox p {
    color: #383838;
    font-size: 30px;
    font-family: 'teleNeo-medium' !important;
    margin-bottom: 12px;
}

    #smartHome .smartHome-priceBox p span {
        font-size: 16px;
        font-family: 'teleNeo-medium' !important;
    }

.smartHome-introTxt {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 50px;
}

    .smartHome-introTxt p {
        font-size: 21px;
    }

.smartHome-tabsBox {
    background-color: white;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.06);
    position: relative;
    z-index: 10;
}

.smartHome-tabsContent {
    position: relative;
    z-index: 0;
}

.smartHome-tabsBox ul.nav.nav-tabs li {
    width: 50%;
}

.smartHome-tabsBox .nav-tabs li a {
    color: white;
    font-family: 'teleNeo-bold' !important;
    border: none;
    background-color: transparent;
    font-size: 21px;
    color: #a6a6a6;
    margin-right: 0;
    position: relative;
    border-radius: 0;
    line-height: 1.2;
    text-align: center;
    min-height: 90px;
    padding-top: 20px;
    transition: 0.2s ease-in-out;
}

    .smartHome-tabsBox .nav-tabs li a span {
        font-family: 'teleNeo-bold' !important;
    }

    .smartHome-tabsBox .nav-tabs li a:before, .smartHome-tabsBox .nav-tabs li.active a:before {
        position: absolute;
        content: "";
        height: 0px;
        background-color: #e20074;
        left: 0;
        right: 0;
        top: -15px;
    }

.smartHome-tabsBox .nav-tabs li.active a:before {
    height: 15px;
}

.smartHome-tabsBox li img {
    position: absolute;
    bottom: 240px;
    left: 0;
    right: 0;
    transition: transform 0.25s ease-in-out;
}

.smartHome-tabsBox .nav-tabs > li a:hover img {
    transform: translateY(-15px);
    transition: transform 0.25s ease-in-out;
}


.smartHome-tabsBox .nav-tabs {
    border-bottom: 0px solid #ddd;
}

    .smartHome-tabsBox .nav-tabs > li {
        float: left;
        margin-bottom: 0px;
    }

        .smartHome-tabsBox .nav-tabs > li.active {
            background-color: #e20074;
        }

            .smartHome-tabsBox .nav-tabs > li.active > a {
                background-color: #e20074;
                color: white;
                font-family: 'teleNeo-ultra' !important;
                font-size: 24px;
                padding-top: 10px;
                transition: 0.2s ease-in-out;
            }

        .smartHome-tabsBox .nav-tabs > li:not(:active) a:hover {
            color: #000000;
        }

        .smartHome-tabsBox .nav-tabs > li.active a:hover {
            color: white;
        }

        .smartHome-tabsBox .nav-tabs > li.active > a span {
            font-family: 'teleNeo-ultra' !important;
        }

        .smartHome-tabsBox .nav-tabs > li.active > a, .smartHome-tabsBox .nav-tabs > li.active > a:hover, .smartHome-tabsBox .nav-tabs > li.active > a:focus {
            border: none;
            transition: 0.2s ease-in-out;
        }

#smartHome h2, .smartHome-kontrolenCentar h2 {
    font-family: 'teleNeo-ultra' !important;
    color: #000000;
    font-size: 34px;
    margin-bottom: 35px;
}

.smartHome-kontrolenCentar {
    position: relative;
    background: url(../content/images/smartHome/smartHome-smartSet-kontrolenCentar.jpg) no-repeat center;
    background-size: cover;
    padding: 4% 0 13%;
}

#smartHome .smartHome-sensorSetFull {
    position: relative;
    background: url(../content/images/smartHome/smart-banner-sensorSet-full-img.png) no-repeat center;
    background-size: auto;
    padding: 4% 0 4%;
    background-color: white;
    background-position: center center;
}

    #smartHome .smartHome-sensorSetFull .smartHome-sensorSetTxt li {
        position: relative;
        padding-left: 41px;
        margin-bottom: 20px;
        font-size: 19px;
    }

        #smartHome .smartHome-sensorSetFull .smartHome-sensorSetTxt li:before {
            content: ']V';
            font-family: 'teleicon-outline';
            position: absolute;
            font-size: 27px;
            top: -3px;
            left: 0;
        }

.smartHome-kontrolenCentarTxt, .smartHome-senzoriZaVratiTxt, .smartHome-smartCameraTxt {
    width: 40%;
}

.smartHome-senzoriZaDvizenje {
    position: relative;
    padding: 4% 0 7%;
}

    .smartHome-senzoriZaDvizenje:before {
        position: absolute;
        content: "";
        background: url(../content/images/smartHome/smartHome-senzoriZaDvizenje.jpg) no-repeat center;
        background-size: cover;
        width: 50%;
        height: 100%;
        top: 0;
        background-position: right center;
    }

.smartHome-senzoriZaDvizenjeTxt {
    padding-left: 40px;
}

    .smartHome-senzoriZaDvizenjeTxt ul {
        margin-top: 40px;
    }

.smartHome-senzoriZaVrati {
    position: relative;
    padding: 4% 0 7%;
    background-color: #2b2b2b;
    color: white;
}

#smartHome .smartHome-senzoriZaVrati h2 {
    color: white;
    margin-bottom: 25px;
}

#smartHome .smartHome-senzoriZaVrati p {
    color: white;
}

#smartHome .smartHome-senzoriZaVrati h3 {
    margin-bottom: 30px;
}

#smartHome .smartHome-senzoriZaVrati:after {
    position: absolute;
    content: "";
    background: url(../content/images/smartHome/smartHome-senzoriZaVrati.jpg) no-repeat center;
    background-size: cover;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    background-position: right center;
}

#smartHome .smartHome-senzoriZaVrati li {
    position: relative;
}

#smartHome .smartHome-wifi-prekinuvac li:before {
    content: ']V';
    font-family: 'teleicon-outline';
    position: absolute;
    color: white;
    font-size: 40px;
    top: -5px;
    left: 0;
}

.smartHome-wifi-prekinuvac {
    position: relative;
    padding: 4% 0 7%;
}

    .smartHome-wifi-prekinuvac:before {
        position: absolute;
        content: "";
        background-color: #37aee0;
        width: 50%;
        height: 100%;
        top: 0;
        right: 0;
    }

#smartHome .smartHome-wifi-prekinuvac ul li {
    position: relative;
    padding-left: 75px;
    margin-bottom: 40px;
    color: white;
}

#smartHome .smartHome-wifi-prekinuvac ul {
    width: 75%;
    padding: 100px 0 0 40px;
}

.smartHome-wifi-prekinuvacTxt img {
    margin-bottom: 20px;
}

.smartHome-wifi-prekinuvacTxt {
    padding-right: 40px;
}

.smartHome-sijalica {
    position: relative;
    padding: 4% 0 7%;
    background-color: #f5f5f5;
}

    .smartHome-sijalica > img {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: 0;
    }

    .smartHome-sijalica ul li {
        position: relative;
        padding-left: 55px;
        margin-bottom: 40px;
    }

        .smartHome-sijalica ul li:before {
            content: ']V';
            font-family: 'teleicon-outline';
            position: absolute;
            color: #e20074;
            font-size: 40px;
            top: -5px;
            left: 0;
        }

    .smartHome-sijalica ul {
        width: 60%;
        float: right;
        margin-top: 72px;
    }

.smartHome-sijalicaTxt p {
    width: 60%;
}

.smartHome-smartCamera {
    position: relative;
    padding: 4% 0 7%;
    background-color: #ebebeb;
}

#smartHome .smartHome-smartCamera:after {
    position: absolute;
    content: "";
    background: url(../content/images/smartHome/smartHome-smartCamera.jpg) no-repeat center;
    background-size: cover;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    background-position: center center;
}

.smartHome-smartCameraTxt h3 {
    font-family: 'teleNeo-ultra' !important;
    color: #000000;
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 40px;
}

.smartHome-smartCameraTxt li, .smartHome-senzoriZaDvizenjeTxt ul li {
    position: relative;
    padding-left: 25px;
}

    .smartHome-smartCameraTxt li:before, .smartHome-senzoriZaDvizenjeTxt ul li:before {
        content: ']-';
        font-family: 'teleicon-outline';
        position: absolute;
        font-size: 11px;
        top: 6px;
        left: 0;
    }

.smartHome-smartCamera-GrayBox {
    background-color: #171717;
    position: relative;
    padding: 70px 0 40px;
    text-align: center;
}

#smartHome .smartHome-smartCamera-GrayBox h2 {
    color: rgba(255, 255, 255, 0.9);
    font-family: 'teleNeo-bold' !important;
    margin-bottom: 90px;
}

#smartHome .smartHome-smartCamera-GrayBox p {
    color: rgba(255, 255, 255, 0.9);
    width: 85%;
    margin: 0 auto;
    line-height: 1.2;
}

#smartHome .smartHome-smartCameraBox {
    position: relative;
    background-color: #2b2b2b;
    width: 85%;
    margin: 0 auto;
    padding: 60px;
    margin-bottom: 17px;
}

#smartHome .smartHome-appBox {
    width: 80%;
    margin: 0 auto;
}

#smartHome .smartHome-smartCamera-GrayBox a img {
    max-width: 110px;
    margin: 15px 5px 0;
}

.smartHome-smartCameraBox .smartCameraBox-cekori {
    position: absolute;
    left: -20px;
    top: -20px;
    background-color: #e20074;
    color: white;
    border-radius: 500px;
    width: 55px;
    height: 55px;
    font-size: 34px;
    line-height: 1.6;
}

#smartHome .smartHome-smartCamera-GrayBox p.smartHome-small-txt {
    text-align: left;
    font-size: 14px;
    width: 100%;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 50px;
}

.smartHome-tabsBox .nav-tabs > li img {
    /*width: 270px;*/
    max-width: 100%;
    margin: 0 auto;
}


.smartHome-naracajBox {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: -150px;
}

.smartHome-tabsBox .nav-tabs li .smartHome-naracajBox a {
    color: rgba(61, 61, 61, 0.8);
    font-family: 'teleNeo-regular' !important;
    font-size: 18px;
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    min-height: 0;
    padding: 10px 20px;
    bottom: auto;
    min-width: 110px;
}

    .smartHome-tabsBox .nav-tabs li .smartHome-naracajBox a span {
        font-family: 'teleNeo-regular' !important;
    }

.smartHome-tabsBox .nav-tabs li .smartHome-naracajBox .btn-grey:hover, .smartHome-tabsBox .nav-tabs li .smartHome-naracajBox .btn-grey:active, .smartHome-tabsBox .nav-tabs li .smartHome-naracajBox .btn-grey:focus, .smartHome-tabsBox .nav-tabs li .smartHome-naracajBox .btn-grey:active:focus, .btn-grey.active {
    background: #ffffff !important;
}

.smartHome-tabsBox .nav-tabs li .smartHome-naracajBox a:before, .smartHome-tabsBox .nav-tabs li.active .smartHome-naracajBox a:before {
    display: none;
}

#smartHome .smartHome-magentaBox {
    background: #eaeaea;
    padding: 70px 0;
    color: #000000;
}

#smartHome .smartHome-magentaBoxIntro {
    margin-bottom: 80px;
    text-align: center;
}

#smartHome .smartHome-magentaBox h2 {
    text-transform: uppercase;
    font-family: 'teleNeo-ultra' !important;
    font-size: 47px;
    margin-bottom: 40px;
    color: #e20074;
}

    #smartHome .smartHome-magentaBox h2 span {
        font-family: 'teleNeo-bold' !important;
        color: #000000;
        font-size: 38px;
    }

#smartHome .smartHome-magentaBoxIntro p {
    font-size: 21px;
}

#smartHome .smartHome-magentaBox-txt {
    position: relative;
    padding-left: 30px;
}

    #smartHome .smartHome-magentaBox-txt img {
        position: absolute;
        right: 0;
        top: 0px;
    }

    #smartHome .smartHome-magentaBox-txt p, #smartHome .smartHome-magentaBox-txt ul li {
        font-size: 19px;
    }

#smartHome .smartHome-magentaBoxTable {
    display: table;
    width: 100%;
}

#smartHome .smartHome-magentaBoxTableCell {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    position: relative;
}

    #smartHome .smartHome-magentaBoxTableCell a {
        position: relative;
        bottom: auto;
        left: 30px;
        border-radius: 3px;
        min-height: 0;
        padding: 10px 20px;
        font-size: 17px;
    }

#smartHome .smartHome-magentaBoxTable h3 {
    font-family: 'teleNeo-regular' !important;
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 0;
    color: #000000;
}

#smartHome .smartHome-magentaBoxTable .smartHome-magentaBoxTableCell ul {
    margin-bottom: 10px;
}

.smartHome-magentaBoxTableCell ul li {
    position: relative;
    padding-left: 20px;
}

    .smartHome-magentaBoxTableCell ul li:before {
        content: ']-';
        font-family: 'teleicon-outline';
        position: absolute;
        font-size: 9px;
        top: 8px;
        left: 0;
    }

#smartHome .smartHome-magentaBoxTable p.webHub-desclaimer {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 35px;
}

    #smartHome .smartHome-magentaBoxTable p.webHub-desclaimer span {
        display: inline-block;
    }

#smartHome .webHub-magentaBoxIntro {
    margin-bottom: 80px;
    text-align: center;
}

    #smartHome .webHub-magentaBoxIntro p {
        font-size: 21px;
    }

#smartHome .webHub-magentaBoxTable {
    display: table;
    width: 100%;
}

#smartHome .webHub-magentaBoxTableCell {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    position: relative;
}

#smartHome .webHub-magentaBox-txt {
    position: relative;
    padding-left: 30px;
}

    #smartHome .webHub-magentaBox-txt img {
        position: absolute;
        right: 0;
        top: 0px;
    }

#smartHome .webHub-magentaBoxTable p.webHub-desclaimer {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 35px;
}

#smartHome .webHub-magentaBoxTable h3 {
    font-family: 'teleNeo-regular' !important;
    font-size: 24px;
    margin-bottom: 40px;
    margin-top: 0;
    color: #000000;
}

#smartHome .webHub-magentaBoxTable .webHub-magentaBoxTableCell ul {
    margin-bottom: 40px;
}

#smartHome .webHub-magentaBox-txt p, #smartHome .webHub-magentaBox-txt ul li {
    font-size: 19px;
}

@media (min-width: 992px) and (max-width: 1199px) {

    #smartHome .smartHome-sensorSetFull {
        background-size: cover;
    }
}

@media (min-width: 768px) and (max-width: 991px) {


    .smartHome-introTxt {
        margin-bottom: 20px;
    }

    .smartHome-banner {
        padding-bottom: 390px;
    }

    #smartHome h2, .smartHome-kontrolenCentar h2 {
        font-size: 31px;
    }

    .smartHome-smartCamera {
        padding: 50px 0 40px;
    }

    .smartHome-kontrolenCentar, .smartHome-smartCamera-GrayBox, .smartHome-senzoriZaDvizenje, .smartHome-senzoriZaVrati, .smartHome-wifi-prekinuvac {
        padding: 40px 0 40px;
    }

    #smartHome .smartHome-smartCamera-GrayBox h2 {
        margin-bottom: 70px;
    }

    #smartHome .smartHome-sensorSetFull {
        background-size: cover;
        background-position: right 42% center;
    }

    .smartHome-smartCameraBox {
        padding: 30px;
    }

    .smartHome-senzoriZaDvizenjeTxt {
        padding: 0 15px 0 15px;
    }

    #smartHome .smartHome-wifi-prekinuvac ul {
        width: 80%;
    }

        #smartHome .smartHome-wifi-prekinuvac ul li {
            margin-bottom: 80px;
        }

    .smartHome-senzoriZaDvizenjeTxt ul {
        margin-top: 30px;
    }

    .smartHome-sijalicaTxt p {
        width: 80%;
    }

    .smartHome-sijalica ul {
        width: 80%;
    }

    .smartHome-sijalica {
        padding: 40px 0 210px;
    }

    .smartHome-naracajBox {
        top: -145px;
    }

    .smartHome-tabsBox li img {
        bottom: 235px;
    }

    .smartHome-tabsBox .nav-tabs > li img {
        width: 210px;
    }

    #smartHome .smartHome-magentaBox {
        padding: 50px 0;
    }

    #smartHome .smartHome-magentaBoxTableCell a {
        position: relative;
    }

    #smartHome .smartHome-magentaBox-txt {
        margin-bottom: 30px;
    }

        #smartHome .smartHome-magentaBox-txt img {
            width: 90px;
        }

    #smartHome .webHub-magentaBox-txt img {
        width: 90px;
    }

    #smartHome .webHub-magentaBoxTable h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    #smartHome .smartHome-magentaBox h2 {
        font-size: 41px;
    }

    #smartHome .webHub-magentaBoxTable .webHub-magentaBoxTableCell ul {
        margin-bottom: 20px;
    }

    #smartHome .smartHome-smartCamera-GrayBox a img {
        max-width: 100px;
    }

    #smartHome .smartHome-appBox {
        width: 100%;
    }
}


@media (max-width: 767px) {

    .smartHome-banner h1 {
        font-size: 31px;
        margin-bottom: 30px;
    }

        .smartHome-banner h1 span {
            font-size: 24px;
            display: inline-block;
            margin-top: 7px;
        }

    .smartHome-introTxt {
        margin-bottom: 0;
    }

    #smartHome .smartHome-sensorSetFull .smartHome-sensorSetTxt li {
        margin-bottom: 10px;
        font-size: 17px;
        padding-left: 35px;
    }

        #smartHome .smartHome-sensorSetFull .smartHome-sensorSetTxt li:before {
            font-size: 24px;
        }

    #smartHome .smartHome-sensorSetFull .smartHome-sensorSetTxt ul {
        margin-bottom: 30px;
    }

    #smartHome .smartHome-sensorSetFull {
        background: none;
        padding: 40px 0 10px;
    }

    .smartHome-banner {
        padding: 40px 0;
        padding-bottom: 270px;
    }

    .smartHome-tabsBox .nav-tabs > li a:hover img {
        transform: translateY(-10px);
    }

    #smartHome p, #smartHome ul li {
        font-size: 17px;
    }

    .smartHome-tabsBox .nav-tabs > li.active > a {
        font-size: 18px;
    }

    .smartHome-tabsBox .nav-tabs li a span {
        line-height: 0;
    }

    .smartHome-tabsBox .nav-tabs > li img {
        width: 110px;
    }

    .smartHome-tabsBox li img {
        bottom: 215px;
    }

    .smartHome-tabsBox .nav-tabs li .smartHome-naracajBox a {
        padding: 8px 20px;
        min-width: 0;
    }

    #smartHome .smartHome-priceBox p {
        font-size: 26px;
    }

    .smartHome-naracajBox {
        top: -130px;
    }

    .smartHome-tabsBox .nav-tabs li a {
        font-size: 18px;
        padding: 15px 5px 5px;
    }

    .smartHome-tabsBox .nav > li {
        border-bottom: 0px solid #F5F5F5;
    }

    .smartHome-tabsBox .nav-tabs > li.active a:hover {
        color: white !important;
    }

    .smartHome-senzoriZaVratiTxt, .smartHome-smartCameraTxt {
        width: 90%;
    }

    .smartHome-kontrolenCentarTxt {
        width: 70%;
    }

    .smartHome-kontrolenCentar {
        background-position: right 36% center;
        padding: 40px 0 120px;
    }

        .smartHome-kontrolenCentar p {
            font-family: 'teleNeo-medium' !important;
        }

    .smartHome-senzoriZaDvizenjeTxt {
        padding-left: 0;
    }

    .smartHome-senzoriZaDvizenje, .smartHome-senzoriZaVrati {
        padding: 40px 0 300px;
    }

    .smartHome-wifi-prekinuvac {
        padding: 40px 0 0;
    }

    .smartHome-senzoriZaDvizenjeTxt ul {
        margin-top: 20px;
    }

    .smartHome-senzoriZaDvizenje:before, #smartHome .smartHome-senzoriZaVrati:after {
        width: 100%;
        height: 270px;
        top: auto;
        bottom: 0;
    }

    .smartHome-wifi-prekinuvac:before {
        display: none;
    }

    #smartHome .smartHome-senzoriZaVrati h3 {
        font-size: 21px;
    }

    #smartHome h2, .smartHome-kontrolenCentar h2 {
        font-size: 29px;
        margin-bottom: 30px;
    }

    #smartHome .smartHome-wifi-prekinuvac li:before {
        font-size: 30px;
        top: -3px;
    }

    #smartHome .smartHome-wifi-prekinuvac ul li {
        padding-left: 50px;
    }

    #smartHome .smartHome-wifi-prekinuvac ul {
        padding: 50px 20px 0px 15px;
        width: 100%;
    }

    #smartHome .smartHome-wifi-prekinuvac .smartHome-wifi-blueBox {
        background-color: #37aee0;
        margin-top: 25px;
    }

    .smartHome-smartCamera {
        padding: 10% 0 10%;
    }

    .smartHome-smartCamera {
        padding: 35px 0 430px;
    }

    #smartHome .smartHome-smartCamera-GrayBox h2 {
        margin-bottom: 65px;
        padding: 0 15px;
    }

    .smartHome-smartCamera-GrayBox {
        padding: 45px 0 40px;
        text-align: center;
    }

        .smartHome-smartCamera-GrayBox .row > div {
            margin-bottom: 60px;
        }

    #smartHome .smartHome-smartCamera-GrayBox p.smartHome-small-txt {
        margin-top: 0;
    }

    #smartHome .smartHome-smartCamera:after {
        width: 100%;
        height: 400px;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
    }

    #smartHome .smartHome-smartCameraBox {
        width: 60%;
        padding: 40px;
        margin-bottom: 12px;
    }

    .smartHome-sijalicaTxt p {
        width: 90%;
    }

    .smartHome-sijalica ul {
        width: 90%;
        float: none;
        margin-top: 50px;
    }

        .smartHome-sijalica ul li:before {
            font-size: 35px;
        }

        .smartHome-sijalica ul li {
            margin-bottom: 20px;
        }

    .smartHome-sijalica {
        padding: 40px 0 290px;
    }

        .smartHome-sijalica ul {
            margin-top: 20px;
        }

    #smartHome .smartHome-magentaBox h2 {
        font-size: 29px;
        margin-bottom: 30px;
    }

        #smartHome .smartHome-magentaBox h2 span {
            font-size: 26px;
        }

    #smartHome .smartHome-magentaBoxIntro p {
        font-size: 17px;
    }

    #smartHome .smartHome-magentaBoxTableCell {
        width: 100%;
        display: block;
    }

    #smartHome .smartHome-magentaBoxIntro {
        margin-bottom: 30px;
    }

    #smartHome .smartHome-magentaBoxTableCell a {
        position: relative;
        left: 0;
    }

    #smartHome .smartHome-magentaBox {
        padding: 35px 25px 30px;
    }

    #smartHome .smartHome-magentaBox-txt {
        padding-left: 0;
        margin-bottom: 30px;
        margin-top: 35px;
    }

        #smartHome .smartHome-magentaBox-txt img {
            right: -10px;
            top: 30px;
            width: 90px;
        }

    #smartHome .smartHome-magentaBoxTable h3 {
        font-size: 22px;
    }

    #smartHome .smartHome-magentaBoxTable p.webHub-desclaimer {
        margin-bottom: 20px;
    }

    #smartHome .webHub-magentaBoxIntro p {
        font-size: 17px;
    }

    #smartHome .webHub-magentaBoxTableCell {
        width: 100%;
        display: block;
    }

    #smartHome .webHub-magentaBoxIntro {
        margin-bottom: 30px;
    }

    #smartHome .webHub-magentaBox-txt {
        padding-left: 0;
        margin-bottom: 30px;
        margin-top: 35px;
    }

        #smartHome .webHub-magentaBox-txt img {
            right: -10px;
            top: 30px;
            width: 90px;
        }

    #smartHome .webHub-magentaBoxTable h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    #smartHome .webHub-magentaBoxTable .webHub-magentaBoxTableCell ul {
        margin-bottom: 20px;
    }

    #smartHome .smartHome-appBox {
        width: 100%;
    }

    #smartHome .smartHome-priceBox p {
        margin-bottom: 10px;
    }
}


@media (max-width: 374px) {

    .smartHome-banner h1, .smartHome-banner h1 span {
        font-size: 27px;
    }

    .smartHome-banner {
        padding: 30px 0;
        padding-bottom: 250px;
    }

    #smartHome h2, .smartHome-kontrolenCentar h2 {
        font-size: 27px;
    }

    .smartHome-tabsBox .nav-tabs > li.active > a, .smartHome-tabsBox .nav-tabs li a {
        font-size: 16px;
    }

    .smartHome-tabsBox .nav-tabs > li img {
        width: 95px;
    }

    #smartHome .smartHome-magentaBox-txt img {
        width: 70px;
        top: 50px;
    }

    #smartHome .smartHome-priceBox p {
        font-size: 24px;
    }

    #smartHome .webHub-magentaBox-txt img {
        width: 75px;
    }

    #smartHome .smartHome-magentaBox h2 {
        font-size: 27px;
    }

        #smartHome .smartHome-magentaBox h2 span {
            font-size: 25px;
        }
}


/*#endregion smart home*/

/*#region wi-fi ured*/

#wi-fi-landing .wi-fi-landing-intro {
    padding: 50px 0 70px;
    background: white;
    text-align: center;
    position: relative;
}

#wi-fi-landing .wi-fi-landing-banner {
    position: relative;
    background: url(../content/images/wi-fi-landingBanner.jpg) no-repeat center;
    background-size: cover;
    height: 375px;
}

#wi-fi-landing .wi-fi-landing-intro h1 {
    color: black;
    font-size: 35px;
    text-align: center;
    font-family: 'teleNeo-ultra' !important;
    margin-bottom: 40px;
}

#wi-fi-landing .wi-fi-landing-intro p {
    color: #000000;
    font-size: 17px;
    line-height: 1.2;
    position: relative;
}

#wi-fi-landing .wi-fi-landing-intro img {
    position: absolute;
    right: 30px;
    top: -10px;
}

#wi-fi-landing .wi-fi-landing-intro .container {
    position: relative;
}

#wi-fi-landing .wi-fi-landing-faq .panel.panel-default {
    border: none;
    box-shadow: none;
    margin-top: 0;
}

#wi-fi-landing .wi-fi-landing-intro h2 {
    margin-top: 55px;
    color: #000000;
    margin-bottom: 35px;
}

#wi-fi-landing .wi-fi-landing-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

    #wi-fi-landing .wi-fi-landing-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#wi-fi-landing .wi-fi-landing-faq h2 {
    font-size: 35px;
    text-align: center;
    font-family: 'teleNeo-thin' !important;
    margin-bottom: 40px;
    text-transform: uppercase;
    color: white;
}

#wi-fi-landing .wi-fi-landing-faq ul {
    margin-top: 15px;
}

    #wi-fi-landing .wi-fi-landing-faq ul li {
        position: relative;
        padding-left: 20px;
        margin-bottom: 8px;
    }

        #wi-fi-landing .wi-fi-landing-faq ul li:before {
            content: ']-';
            font-family: 'teleicon-outline';
            position: absolute;
            font-size: 11px;
            top: 6px;
            left: 0;
        }

#wi-fi-landing .wi-fi-faq-box {
    width: 82%;
    margin: 0 auto;
}

#wi-fi-landing .wi-fi-landing-faq .panel-default > .panel-heading {
    background-color: white;
    border-color: #bfbfbf;
    border-top: 1px solid #f6b3d8;
    position: relative;
    padding: 0;
}

#wi-fi-landing .wi-fi-landing-faq .panel-group .panel.panel-default:first-of-type > .panel-heading {
    border-top: 1px solid #fff;
}

#wi-fi-landing .wi-fi-landing-faq h4.panel-title a {
    display: block;
    padding: 20px 50px 20px 20px;
    font-family: 'teleNeo-medium' !important;
    font-size: 19px;
    color: white;
    text-decoration: none;
    background-color: #e20074;
}

#wi-fi-landing .wi-fi-landing-faq .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: white;
    border: none;
    color: white;
    font-size: 17px;
    line-height: 1.2;
    padding: 0px 30px 25px 20px;
    background-color: #e20074;
}

#wi-fi-landing .wi-fi-landing-faq .panel-default > .panel-heading > .panel-title > a:after {
    content: ']$';
    font-family: 'teleicon-outline';
    position: absolute;
    color: white;
    font-size: 22px;
    top: 22px;
    right: 20px;
    margin: auto;
    transform: rotateZ(-180deg);
    transition-property: transform;
    transition-duration: 0.25s;
}

#wi-fi-landing .wi-fi-landing-faq .panel-title {
    padding: 0;
}

#wi-fi-landing .wi-fi-landing-faq .panel-default > .panel-heading > .panel-title > a.collapsed:after {
    content: ']$';
    font-family: 'teleicon-outline';
    position: absolute;
    color: white;
    font-size: 22px;
    top: 22px;
    right: 20px;
    margin: auto;
    transform: rotateZ(0deg);
}

#wi-fi-landing .wi-fi-landing-faq h1 span {
    font-family: 'teleNeo-thin' !important;
    color: white;
}

#wi-fi-landing .wi-fi-landing-faq:before {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    content: "";
    border-top: 30px solid white;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
}

#wi-fi-landing .wi-fi-landing-faq {
    padding: 50px 0;
    background-color: #e20074;
    position: relative;
}

#wi-fi-landing .wi-fi-landing-moreInfo {
    padding: 25px 0;
    font-size: 14px;
}

    #wi-fi-landing .wi-fi-landing-moreInfo ul li {
        position: relative;
        padding-left: 15px;
        margin-bottom: 12px;
    }

        #wi-fi-landing .wi-fi-landing-moreInfo ul li:before {
            content: ']-';
            font-family: 'teleicon-outline';
            position: absolute;
            font-size: 9px;
            top: 5px;
            left: 0;
        }

@media (min-width: 992px) and (max-width: 1199px) {

    #wi-fi-landing .wi-fi-landing-banner {
        background-position: left 44% center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    #wi-fi-landing .wi-fi-landing-banner {
        height: 300px;
        background-position: left 41% center;
    }

    #wi-fi-landing .wi-fi-landing-intro img {
        right: 10px;
    }
}


@media (max-width:767px) {


    #wi-fi-landing .wi-fi-landing-intro {
        padding: 30px 0;
    }

        #wi-fi-landing .wi-fi-landing-intro h1, #wi-fi-landing .wi-fi-landing-faq h2 {
            font-size: 27px;
            margin-bottom: 30px;
        }

        #wi-fi-landing .wi-fi-landing-intro h2 {
            font-size: 25px;
            margin-top: 50px;
            margin-bottom: 20px;
        }

    #wi-fi-landing .wi-fi-landing-faq {
        padding: 50px 0 30px;
    }

    #wi-fi-landing .wi-fi-landing-intro img {
        top: -150px;
    }

    #wi-fi-landing .wi-fi-faq-box {
        width: 90%;
    }

    #wi-fi-landing .wi-fi-landing-banner {
        height: 230px;
        background-position: left 42% center;
    }

    #wi-fi-landing .wi-fi-landing-faq h4.panel-title a {
        padding: 25px 20px 25px 0px;
        font-size: 17px;
    }

    #wi-fi-landing .wi-fi-landing-faq .panel-default > .panel-heading > .panel-title > a:after, #wi-fi-landing .wi-fi-landing-faq .panel-default > .panel-heading > .panel-title > a.collapsed:after {
        right: 0px;
    }


    #wi-fi-landing .wi-fi-landing-faq .panel-default > .panel-heading + .panel-collapse > .panel-body {
        font-size: 16px;
    }

    #wi-fi-landing .wi-fi-landing-moreInfo {
        padding: 10px 0;
    }
}





/*#endregion wi-fi ured*/


.t-price-new {
    display: table;
    width: 100%;
    max-width: 135px;
}

    .t-price-new .t-price-new-left.old {
        font-size: 30px !important;
    }

        .t-price-new .t-price-new-left.old:before {
            content: "";
            width: 48px;
            background-color: #e20074;
            height: 2px;
            display: inline;
            position: absolute;
            transform: rotate(-33deg);
            top: 17px;
            bottom: 0;
            left: 0;
            right: 0;
        }

    .t-price-new .t-price-new-left {
        display: inline;
        vertical-align: middle;
        width: auto;
        font-size: 50px;
        padding-right: 7px;
        line-height: 0;
        position: relative;
    }

        .t-price-new .t-price-new-left:before {
            content: "";
            width: 0;
        }

    .t-price-new .t-price-new-right {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        font-size: 16px;
        line-height: 0.9;
    }

    .t-price-new span.t-price-new-currency {
        border-bottom: 1px solid;
        padding-bottom: 5px;
    }

    .t-price-new .t-price-new-right span {
        display: block;
        max-width: 54px;
    }

#hboNew .hboHeader .t-price-new .t-price-new-right span, #cinemaxNew .cinemaxHeader .t-price-new .t-price-new-right span {
    max-width: 57px;
}

#hboNew .hboHeader .t-price-new .t-price-new-left, #cinemaxNew .cinemaxHeader .t-price-new .t-price-new-left {
    font-size: 50px;
    font-family: 'teleNeo-bold' !important;
}

#hboNew .hbo-xMas-banner {
    position: relative;
    background-image: url('../content/images/hbo-xMas-banner.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0 0 3%;
}

    #hboNew .hbo-xMas-banner .wrapper {
        position: relative;
        display: flex;
        height: 100%;
        justify-content: flex-start;
        align-items: flex-start;
    }

        #hboNew .hbo-xMas-banner .wrapper div {
            width: 40%;
            position: relative;
        }

#hboNew .promoText {
    position: relative;
    margin: 30px 0;
    text-align: center;
}

    #hboNew .promoText h1 {
        position: relative;
        text-transform: none;
        text-align: center;
        font-size: 28px;
        padding: 0 8%;
        margin: 0 0 20px;
        color: black;
    }

    #hboNew .promoText h2 {
        position: relative;
        text-transform: none;
        text-align: center;
        font-size: 21px;
        font-family: 'teleNeo-regular' !important;
        line-height: 1.2;
    }

    #hboNew .promoText h3 {
        font-size: 18px;
        font-family: 'teleNeo-regular' !important;
        color: black;
        text-transform: none;
        line-height: 1.2;
    }

.pickbox-landing-banner .t-price-new .t-price-new-left {
    font-size: 50px;
    font-family: 'teleNeo-medium' !important;
}


.pickbox-landing-banner .inline-box {
    position: relative;
    width: 410px;
    padding-top: 70px;
}

    .pickbox-landing-banner img {
        margin: 0 auto;
        width: 100%;
    }

    .pickbox-landing-banner .inline-box .ec {
        position: absolute;
        right: 65px;
        top: 5px;
        width: 70px;
        height: auto;
    }

/*.pickbox-landing-banner .old-price:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: red;
    transform: rotate( -35deg );
    top: 30px;
}*/

#cinemaxNew .cinemaxHeader .t-price-new {
    color: white;
}

    #hboNew .t-price-new .t-price-new-right, #cinemaxNew .cinemaxHeader .t-price-new .t-price-new-right, .pickbox-landing-banner .t-price-new .t-price-new-right {
        font-size: 17px;
    }

#hboNew .t-price-new, #cinemaxNew .cinemaxHeader .t-price-new {
    max-width: 142px;
}

#hboNew .t-price-new {
    color: #000000;
}

#cinemaxNew .cinemaxHeader .t-price-new {
    position: absolute;
    bottom: 70px;
}

#cinemaxNew .cinemaxHeader .container {
    position: relative;
}

#maxTV-sport .maxTV-sport-box .t-price-new .t-price-new-left {
    font-size: 36px;
    font-family: 'teleNeo-medium' !important;
}

#maxTV-sport .maxTV-sport-box .t-price-new .t-price-new-right {
    font-size: 14px;
    line-height: 0.7;
}

    #maxTV-sport .maxTV-sport-box .t-price-new .t-price-new-right span:last-of-type {
        padding-top: 2px;
    }

    #maxTV-sport .maxTV-sport-box .t-price-new .t-price-new-right span {
        max-width: 48px;
    }

#maxTV-sport .maxTV-sport-box .t-price-new {
    max-width: 111px;
    margin: 0 auto;
}


.pickbox-landing-banner {
    position: relative;
}

.pickbox-landing-banner {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0.1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,0.1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 );
    padding: 35px 0 35px;
    margin-bottom: 35px;
}

.picbox-content .greyNewBox .h3-subheadline {
    margin-top: 10px;
}

.picbox-content .greyNewBox {
    margin-bottom: 50px;
}

.pickbox-landing-banner img.pickbox-banner-ec {
    position: relative;
    float: right;
    margin-top: -50px;
    margin-right: 35px;
}

.pickbox-landing-banner .t-price-new {
    display: inline-block;
    width: 100%;
    max-width: 150px;
}

@media (min-width:768px) and (max-width:991px) {


    #cinemaxNew .cinemaxHeader img {
        margin-top: 10px;
        width: 550px;
    }

    #cinemaxNew .cinemaxHeader .t-price-new {
        bottom: 30px;
    }

    .pickbox-landing-banner img.pickbox-banner-ec {
        width: 90px;
    }
}

@media (max-width:767px) {
    .pickbox-landing-banner .old-price:before {
        top: 22px;
    }

    #hboNew .hboHeader .t-price-new .t-price-new-left, #cinemaxNew .cinemaxHeader .t-price-new .t-price-new-left, .pickbox-landing-banner .t-price-new .t-price-new-left {
        font-size: 39px;
    }

    #hboNew .t-price-new .t-price-new-right, #cinemaxNew .cinemaxHeader .t-price-new .t-price-new-right, .pickbox-landing-banner .t-price-new .t-price-new-right {
        font-size: 15px;
    }

    #hboNew .t-price-new {
        max-width: 125px;
        position: absolute;
        bottom: 20px;
    }

    #cinemaxNew .cinemaxHeader .t-price-new {
        position: relative;
        bottom: 15px;
        clear: both;
    }

    #cinemaxNew .cinemaxBoxIntro h2 {
        font-size: 22px;
    }

    #cinemaxNew .cinemaxBoxIntro {
        margin-bottom: 20px;
    }

    .pickbox-landing-banner img.pickbox-banner-ec {
        width: 75px;
        margin-top: -40px;
        margin-right: 15px;
    }

    .pickbox-landing-banner {
        padding: 35px 0 20px;
        margin-bottom: 20px;
    }
        .pickbox-landing-banner .inline-box {
            width: auto;
        }
            .pickbox-landing-banner .inline-box .ec {
                right: 0;
                top: -10px;
            }

        .pickbox-landing-banner .t-price-new {
            max-width: 140px;
        }
        

        .pickbox-landing-banner img:first-of-type {
            margin-bottom: 25px;
        }

    .picbox-content h1:nth-of-type(2) {
        font-size: 22px;
    }

    #hboNew .t-price-new, #cinemaxNew .cinemaxHeader .t-price-new {
        max-width: 122px;
    }
}




.office-365-online-prostor {
    text-align: center;
    position: relative;
    margin-bottom: 40px;
    margin-top: 35px;
}

    .office-365-online-prostor .office-365-online-prostor-txt {
        width: 75%;
        margin: 0 auto;
    }

    .office-365-online-prostor h3, .office-365-online-prostor h4 {
        font-family: 'teleNeo-medium' !important;
        font-size: 24px;
    }

    .office-365-online-prostor h4 {
        margin-top: 30px;
    }

    .office-365-online-prostor img:first-of-type {
        position: absolute;
        right: 0;
        top: -10px;
    }

    .office-365-online-prostor .one-t-dicklaimer.max img {
        position: relative;
        right: auto;
        top: auto;
    }

    .office-365-online-prostor .one-t-dicklaimer.max {
        text-align: left;
    }

#mag1BusinessServices .office-365-online-prostor .one-t-dicklaimer.max .one-t-dicklaimer-message:before {
    left: 33%;
}

#mag1BusinessServices .smart-table > .m1b-office-365-price {
    padding: 17px 20px 15px;
}

#mag1BusinessServices .smart-table .m1b-office-365-price .p-left-smart span.price2 {
    color: #333333;
}

#mag1BusinessServices .smart-table .m1b-office-365-price .p-currency, #mag1BusinessServices .smart-table .m1b-office-365-price .p-rates {
    color: #333333;
}

@media (min-width:768px) and (max-width:991px) {

    .office-365-online-prostor img {
        width: 80px;
    }
}


@media (max-width:767px) {

    .office-365-online-prostor .office-365-online-prostor-txt {
        width: 100%;
    }

    .office-365-online-prostor {
        margin-bottom: 20px;
        margin-top: 15px;
    }

    #magenta1-biznis-wraper .m1b-office-box-trojno-povekje .trojno-povekje-box br {
        display: none;
    }

    #magenta1-biznis-wraper .m1b-office-box-trojno-povekje .trojno-povekje-box {
        text-align: center;
    }

    #magenta1-biznis-wraper .m1b-office-box-trojno-povekje > .row > div:not(:last-of-type) .trojno-povekje-box {
        margin-bottom: 40px;
    }

    #magenta1-biznis-wraper .m1b-office-box-trojno-povekje h4 {
        margin-top: 0;
    }
}



/*#region internet safe stranici*/

#kaspersky-landing {
    margin-bottom: 35px;
}

    #kaspersky-landing .kaspersky-landing-banner {
        position: relative;
        background: url(../content/images/kaspersky-landing-banner.jpg) no-repeat center;
        background-size: cover;
        height: 375px;
    }

    #kaspersky-landing .kaspersky-row {
        display: table;
        width: 100%;
    }

    #kaspersky-landing .kaspersky-leftBox {
        background: #f6f6f6;
        position: relative;
        padding: 60px 50px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        width: 50%;
    }

        #kaspersky-landing .kaspersky-leftBox:before {
            position: absolute;
            width: 100%;
            height: 100%;
            content: '';
            background: #f6f6f6;
            left: -100%;
            top: 0;
        }

        #kaspersky-landing .kaspersky-leftBox img {
            margin-bottom: 40px !important;
        }

        #kaspersky-landing .kaspersky-leftBox h3 {
            font-family: 'teleNeo-medium' !important;
            text-transform: uppercase;
            font-size: 22px;
            color: #000000;
            margin: 0;
        }

            #kaspersky-landing .kaspersky-leftBox h3 span {
                font-family: 'teleNeo-medium' !important;
                font-size: 41px;
            }

    #kaspersky-landing .kaspersky-rightBox {
        background: #e20074;
        color: white;
        padding: 60px 20px 60px 100px;
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        position: relative;
    }

        #kaspersky-landing .kaspersky-rightBox:after {
            position: absolute;
            width: 100%;
            height: 100%;
            content: '';
            background: #e20074;
            right: -100%;
            top: 0;
        }

        #kaspersky-landing .kaspersky-rightBox h1 {
            color: white;
            font-family: 'teleNeo-ultra' !important;
            font-size: 34px;
            text-transform: none;
            margin: 0;
            margin-bottom: 50px;
        }

ul.t-ul-new li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 17px;
}

    ul.t-ul-new li:before {
        content: ']-';
        font-family: 'teleicon-outline';
        position: absolute;
        font-size: 11px;
        top: 6px;
        left: 0;
    }

#kaspersky-landing .kaspersky-rightBox ul {
    width: 80%;
    margin-bottom: 60px;
}

    #kaspersky-landing .kaspersky-rightBox ul li {
        position: relative;
        padding-left: 20px;
        margin-bottom: 20px;
        font-size: 17px;
        padding-left: 0;
    }

        #kaspersky-landing .kaspersky-rightBox ul li:before {
            left: -22px;
        }

#kaspersky-landing .kaspersky-landing-intro a.btn.btn-magen {
    background-color: transparent;
    border: 1px solid #fff;
    color: white;
    border-radius: 3px;
    padding: 10px 20px;
    min-width: 130px;
    font-size: 17px;
}






#kasperskySafeKids-landing .kasperskySafeKids-banner {
    position: relative;
    background: url(../content/images/kasperskySafeKids-landing-banner.jpg) no-repeat center;
    background-size: cover;
    background-position: center center;
    height: 375px;
}

.kasperskySafeKids-banner img {
    position: relative;
    top: 60px;
    float: right;
    right: 50px;
}

.kasperskySafeKids-greenBox {
    background: #1bada2;
    color: white;
    padding: 45px 0 15px;
}

    .kasperskySafeKids-greenBox h1 {
        margin: 0;
        color: white;
        margin-bottom: 40px;
        font-size: 34px;
        text-transform: none;
        font-family: 'teleNeo-bold' !important;
        text-align: center;
    }

#kasperskySafeKids-landing .safeKids-benefitBox {
    display: table;
    width: 100%;
    margin-bottom: 35px;
}

    #kasperskySafeKids-landing .safeKids-benefitBox .safeKids-benefitBox-img {
        display: table-cell;
        vertical-align: middle;
        width: 10%;
    }

        #kasperskySafeKids-landing .safeKids-benefitBox .safeKids-benefitBox-img img {
            padding-right: 15px;
            width: auto;
        }

    #kasperskySafeKids-landing .safeKids-benefitBox .safeKids-benefitBox-txt {
        display: table-cell;
        vertical-align: middle;
        width: 90%;
    }

        #kasperskySafeKids-landing .safeKids-benefitBox .safeKids-benefitBox-txt p {
            margin: 0;
            font-size: 17px;
            width: 80%;
            line-height: 1.2;
        }

#kasperskySafeKids-landing .kasperskySafeKids-intro {
    padding: 60px 0;
}

#kasperskySafeKids-landing p {
    font-size: 17px;
}

#kasperskySafeKids-landing .kasperskySafeKids-intro h2 {
    margin: 0;
    text-align: center;
    margin-bottom: 50px;
}

#kasperskySafeKids-landing .kasperskySafeKids-intro ul.t-ul-new li:before {
    font-size: 9px;
    top: 8px;
}

#kasperskySafeKids-landing .kasperskySafeKids-intro p:first-of-type, .kasperskySafeKids-intro ul {
    margin-bottom: 30px;
}

    .kasperskySafeKids-intro p, .kasperskySafeKids-intro ul li {
        color: #000000;
    }

.telekom-faq-landing {
    padding: 50px 0;
    background-color: #e20074;
    position: relative;
}

.kasperskySafeKids-faq.telekom-faq-landing {
    padding: 50px 0 40px;
}

.telekom-faq-box {
    width: 82%;
    margin: 0 auto;
}

    .telekom-faq-box h2 {
        font-size: 35px;
        text-align: center;
        font-family: 'teleNeo-thin' !important;
        margin-bottom: 40px;
        text-transform: uppercase;
        color: white;
    }

    .telekom-faq-box .panel.panel-default {
        border: none;
        box-shadow: none;
        margin-top: 0;
    }

    .telekom-faq-box .panel-group .panel.panel-default:first-of-type > .panel-heading {
        border-top: 1px solid #fff;
    }

    .telekom-faq-box .panel-default > .panel-heading {
        background-color: white;
        border-color: #bfbfbf;
        border-top: 1px solid #f6b3d8;
        position: relative;
        padding: 0;
    }

    .telekom-faq-box .panel-title {
        padding: 0;
    }

    .telekom-faq-box h4.panel-title a {
        display: block;
        padding: 20px 50px 20px 20px;
        font-family: 'teleNeo-medium' !important;
        font-size: 19px;
        color: white;
        text-decoration: none;
        background-color: #e20074;
    }

    .telekom-faq-box .panel-default > .panel-heading > .panel-title > a.collapsed:after {
        content: ']$';
        font-family: 'teleicon-outline';
        position: absolute;
        color: white;
        font-size: 22px;
        top: 22px;
        right: 20px;
        margin: auto;
        transform: rotateZ(0deg);
    }

    .telekom-faq-box .panel-default > .panel-heading > .panel-title > a:after {
        content: ']$';
        font-family: 'teleicon-outline';
        position: absolute;
        color: white;
        font-size: 22px;
        top: 22px;
        right: 20px;
        margin: auto;
        transform: rotateZ(-180deg);
        transition-property: transform;
        transition-duration: 0.25s;
    }

    .telekom-faq-box .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: white;
        border: none;
        color: white;
        font-size: 17px;
        line-height: 1.2;
        padding: 0px 20px 25px 20px;
        background-color: #e20074;
    }

    .telekom-faq-box ul {
        margin-top: 15px;
    }

        .telekom-faq-box ul li {
            position: relative;
            padding-left: 20px;
            margin-bottom: 8px;
        }

            .telekom-faq-box ul li:before {
                content: ']-';
                font-family: 'teleicon-outline';
                position: absolute;
                font-size: 11px;
                top: 6px;
                left: 0;
            }

    .telekom-faq-box .panel-group {
        margin-bottom: 0;
    }

    .telekom-faq-box .panel-body a, .kasperskySafeKids-faq-box.telekom-faq-box > p a {
        color: white;
        text-decoration: underline;
    }

#kasperskySafeKids-landing .kasperskySafeKids-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

    #kasperskySafeKids-landing .kasperskySafeKids-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#kasperskySafeKids-landing .kasperskySafeKids-faq .telekom-faq-box h2 {
    font-size: 27px;
    font-family: 'teleNeo-regular' !important;
    margin-bottom: 60px;
    text-transform: none;
}

#kasperskySafeKids-landing .kasperskySafeKids-faq-box.telekom-faq-box > p {
    font-size: 19px;
    padding-left: 20px;
    margin-top: 30px;
    color: white;
}

#kasperskySafeKids-landing .kasperskySafeKids-moreInfo p {
    font-size: 19px !important;
    width: 35%;
    font-family: 'teleNeo-medium' !important;
    font-family: 'teleNeo-bold' !important;
    padding: 11% 0 19%;
    color: #000000;
}

#kasperskySafeKids-landing .kasperskySafeKids-moreInfo {
    position: relative;
    background: url(../content/images/kasperskySafeKids-moreInfo-banner.jpg) no-repeat center;
    background-size: cover;
    background-position: right 30% center;
}





#safeNet-landing .safeNet-landing-banner {
    position: relative;
    background: url(../content/images/safenet-landing-banner.jpg) no-repeat center;
    background-size: cover;
    height: 375px;
}

#safeNet-landing p {
    font-size: 17px;
}

#safeNet-landing .safeNet-landing-banner img {
    position: relative;
    top: 60px;
    float: right;
    right: 20px;
}

#safeNet-landing .safeNet-landing-intro {
    padding: 55px 0;
    text-align: center;
}

    #safeNet-landing .safeNet-landing-intro h1 {
        font-family: 'teleNeo-thin' !important;
        font-size: 31px;
        color: #000000;
        margin-bottom: 30px;
    }

        #safeNet-landing .safeNet-landing-intro h1 span {
            font-family: 'teleNeo-bold' !important;
        }

    #safeNet-landing .safeNet-landing-intro h2 {
        font-size: 21px;
        color: #e20074;
        margin-bottom: 40px;
    }

#safeNet-landing .safeNet-landing-introTxt {
    width: 80%;
    margin: 0 auto;
}

    #safeNet-landing .safeNet-landing-introTxt p {
        color: #000000;
    }

#safeNet-landing .safeNet-landing-blueBox {
    text-align: center;
    background: #1063ad;
    color: white;
    padding: 55px 0 50px;
}

    #safeNet-landing .safeNet-landing-blueBox h3 {
        margin: 0;
        margin-bottom: 55px;
        font-family: 'teleNeo-bold' !important;
    }

#safeNet-landing .safeNet-benefitBox img {
    margin-bottom: 15px;
}

#safeNet-landing .safeNet-benefitBox p {
    font-size: 18px;
}

#safeNet-landing .safeNet-moreInfo {
    position: relative;
    background: url(../content/images/safenet-landing-moreInfo-banner.jpg) no-repeat center;
    background-size: cover;
}

#safeNet-landing .safeNet-moreInfo-txt {
    width: 50%;
    padding: 7% 0 7%;
    color: #000000;
}

    #safeNet-landing .safeNet-moreInfo-txt h2 {
        font-family: 'teleNeo-regular' !important;
        margin-bottom: 30px;
    }

.safeNet-magentaBox {
    position: relative;
    background: url(../content/images/safenet-landing-magenta-banner.jpg) no-repeat center;
    background-size: cover;
    color: white;
    text-align: center;
    padding: 60px 0 50px;
}

    .safeNet-magentaBox a {
        color: white;
        text-decoration: underline;
    }

.safeNet-magentaBox-txt {
    width: 80%;
    margin: 0 auto;
}

.telekom-faq-landing-white {
    padding: 65px 0;
    background-color: white;
    position: relative;
}

    .telekom-faq-landing-white .telekom-faq-box h4.panel-title a {
        color: #000000;
        background-color: white;
        padding: 20px 70px 20px 0px;
        font-size: 18px;
    }

    .telekom-faq-landing-white .telekom-faq-box .panel-default > .panel-heading > .panel-title > a.collapsed:after, .telekom-faq-landing-white .telekom-faq-box .panel-default > .panel-heading > .panel-title > a:after {
        color: #000000;
    }

    .telekom-faq-landing-white .telekom-faq-box .panel-default > .panel-heading + .panel-collapse > .panel-body {
        color: #000000;
        background-color: white;
        padding: 0px 70px 25px 20px;
    }

    .telekom-faq-landing-white .telekom-faq-box .panel-default > .panel-heading {
        border-top: 1px solid rgba(0, 0, 0, 0.15);
    }

    .telekom-faq-landing-white .telekom-faq-box h2 {
        color: #000000;
    }

    .telekom-faq-landing-white .telekom-faq-box .panel-group .panel.panel-default:first-of-type > .panel-heading {
        border-top: 1px solid rgba(0, 0, 0, 0.25);
    }






@media (min-width:768px) and (max-width:991px) {

    #kaspersky-landing .kaspersky-rightBox {
        padding: 30px 30px 30px 60px;
    }

    #kaspersky-landing .kaspersky-leftBox {
        padding: 60px 50px 50px 50px;
    }

    #kaspersky-landing .kaspersky-rightBox ul {
        width: 90%;
    }

    #kasperskySafeKids-landing .kasperskySafeKids-moreInfo p {
        width: 45%;
        font-family: 'teleNeo-bold' !important;
        padding: 7% 0 10%;
    }

    #kasperskySafeKids-landing .kasperskySafeKids-banner {
        /*background-position: right 40% center;*/
        background-position: right 55% center;
    }

    .kasperskySafeKids-banner img {
        right: 0;
    }

    #kasperskySafeKids-landing .kasperskySafeKids-intro {
        padding: 50px 0;
    }

        #kasperskySafeKids-landing .kasperskySafeKids-intro h2 {
            margin-bottom: 35px;
        }
}


@media (max-width:767px) {

    #kaspersky-landing .kaspersky-leftBox {
        display: block;
        width: 100%;
        padding: 40px 20px 30px;
    }

    #kaspersky-landing .kaspersky-rightBox {
        display: block;
        width: 100%;
        padding: 40px 50px;
    }

    #kaspersky-landing .kaspersky-leftBox:before {
        display: none;
    }

    #kaspersky-landing .kaspersky-rightBox:after {
        display: none;
    }

    #kaspersky-landing .kaspersky-rightBox ul {
        width: 100%;
        margin-bottom: 40px;
    }

        #kaspersky-landing .kaspersky-rightBox ul li {
            margin-bottom: 12px;
        }

    #kaspersky-landing .kaspersky-rightBox h1 {
        font-size: 29px;
        margin-bottom: 30px;
    }

    #kaspersky-landing .kaspersky-leftBox img {
        margin-bottom: 20px !important;
        max-width: 180px;
    }

    #kaspersky-landing .kaspersky-leftBox h3 {
        font-size: 19px;
    }

    #kaspersky-landing {
        margin-bottom: 10px;
    }

        #kaspersky-landing .kaspersky-landing-banner {
            height: 220px;
        }


    #kasperskySafeKids-landing .kasperskySafeKids-banner {
        height: 220px;
        /*background-position: left 65% center;*/
        background-position: left 45% center;
    }

        #kasperskySafeKids-landing .kasperskySafeKids-banner img {
            width: 90px;
            top: 15px;
            right: 0;
        }

    #kasperskySafeKids-landing .safeKids-benefitBox .safeKids-benefitBox-img {
        width: 15%;
        vertical-align: top;
    }

    #kasperskySafeKids-landing .safeKids-benefitBox .safeKids-benefitBox-txt {
        width: 85%;
        vertical-align: top;
    }

        #kasperskySafeKids-landing .safeKids-benefitBox .safeKids-benefitBox-txt p {
            width: 95%;
        }

    #kasperskySafeKids-landing .safeKids-benefitBox .safeKids-benefitBox-img img {
        padding-top: 6px;
    }

    .kasperskySafeKids-greenBox h1 {
        font-size: 31px;
    }

    .kasperskySafeKids-greenBox {
        padding: 30px 0 10px;
    }

        .kasperskySafeKids-greenBox h1 {
            margin-bottom: 30px;
        }

    #kasperskySafeKids-landing .kasperskySafeKids-intro {
        padding: 35px 0;
    }

        #kasperskySafeKids-landing .kasperskySafeKids-intro h2 {
            margin-bottom: 30px;
        }

        #kasperskySafeKids-landing .kasperskySafeKids-intro h2 {
            font-size: 26px;
        }

    #kasperskySafeKids-landing .kasperskySafeKids-faq-box.telekom-faq-box > p {
        font-size: 17px;
        padding-left: 0;
        margin-top: 20px;
    }

    #kasperskySafeKids-landing .kasperskySafeKids-intro p:first-of-type, .kasperskySafeKids-intro ul {
        margin-bottom: 20px;
    }

    .telekom-faq-landing {
        padding: 35px 0;
    }

    #kasperskySafeKids-landing .kasperskySafeKids-faq .telekom-faq-box h2 {
        font-size: 21px;
        margin-bottom: 30px;
    }

    .telekom-faq-landing {
        padding: 35px 0 30px;
    }

    .kasperskySafeKids-faq.telekom-faq-landing {
        padding: 40px 0 25px;
    }

    .telekom-faq-box {
        width: 90%;
    }

        .telekom-faq-box h1, .telekom-faq-box h2 {
            font-size: 27px;
            margin-bottom: 30px;
        }

        .telekom-faq-box h4.panel-title a {
            padding: 25px 20px 25px 0px;
            font-size: 17px;
        }

    #kasperskySafeKids-landing .telekom-faq-landing .panel-default > .panel-heading + .panel-collapse > .panel-body {
        padding: 0 0 25px 0;
    }

    .telekom-faq-box .panel-default > .panel-heading > .panel-title > a:after, .telekom-faq-box .panel-default > .panel-heading > .panel-title > a.collapsed:after {
        right: 0px;
        top: 25px;
    }

    .telekom-faq-box .panel-default > .panel-heading + .panel-collapse > .panel-body {
        font-size: 16px;
    }

    #kasperskySafeKids-landing .kasperskySafeKids-moreInfo {
        background: none;
        padding: 20px 0;
    }

        #kasperskySafeKids-landing .kasperskySafeKids-moreInfo p {
            font-size: 17px !important;
            width: 100%;
            font-family: 'teleNeo-medium' !important;
            padding: 0 30px 0;
            position: relative;
            z-index: 1;
        }

        #kasperskySafeKids-landing .kasperskySafeKids-moreInfo img {
            display: block !important;
            margin-top: -40px;
            position: relative;
            z-index: 0;
        }

    #safeNet-landing .safeNet-landing-banner {
        height: 220px;
        background-position: left 35% center;
    }

        #safeNet-landing .safeNet-landing-banner img {
            top: 40px;
            right: 10px;
            width: 90px;
        }

    #safeNet-landing .safeNet-landing-intro {
        padding: 30px 0;
    }

        #safeNet-landing .safeNet-landing-intro h1 {
            font-size: 26px;
            margin-bottom: 15px;
        }

        #safeNet-landing .safeNet-landing-intro h2 {
            font-size: 19px;
            margin-bottom: 25px;
        }

    #safeNet-landing .safeNet-landing-introTxt {
        width: 90%;
    }

    #safeNet-landing .safeNet-landing-blueBox {
        padding: 45px 20px 15px;
    }

        #safeNet-landing .safeNet-landing-blueBox .safeNet-benefitBox {
            margin-bottom: 45px;
        }

    #safeNet-landing .safeNet-benefitBox img {
        margin-bottom: 10px;
    }

    #safeNet-landing .safeNet-moreInfo-txt {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    #safeNet-landing .safeNet-moreInfo {
        background: none;
        background-color: #ebebeb;
        padding: 35px 20px;
    }

    #safeNet-landing .safeNet-moreInfo-txt h2 {
        font-size: 26px;
    }

    .safeNet-magentaBox {
        padding: 35px 0 35px;
    }

    .telekom-faq-landing-white .telekom-faq-box h4.panel-title a {
        padding: 20px 25px 20px 0px;
        font-size: 17px;
    }

    .telekom-faq-landing-white .telekom-faq-box .panel-default > .panel-heading + .panel-collapse > .panel-body {
        padding: 0px 25px 25px 0px;
    }

    .telekom-faq-landing-white {
        padding: 45px 0 25px;
    }
}




/*#endregion internet safe stranici*/



/*#region postpaid landing*/

.postpaid-landing-bannerBox {
    /*background-image: url(../content/images/m1-postpaid-full-baner.jpg);*/
    background-image: url('../content/images/travel-and-surf-june-2019-full.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 375px;
    background-position: center center;
    position: relative;
    z-index: 2;
}

.se-za-vaseto-semejstvo {
    background-image: url(../content/images/se-za-vasheto-semejstvo.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 375px;
    background-position: center center;
    position: relative;
    z-index: 2;
}

    .se-za-vaseto-semejstvo.sq {
        background-image: url(../content/images/se-za-vasheto-semejstvo-sq.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 375px;
        background-position: center center;
        position: relative;
        z-index: 2;
    }

.postpaid-landing-bannerBox.postpaid-landing-bannerBox-sq {
    /*background-image: url(../content/images/m1-postpaid-full-baner-sq.jpg);*/
    background-image: url('../content/images/travel-and-surf-june-2019-full-sq.jpg');
}

.postpaid-landing-bannerBox.postpaid-landing-bannerBox-second {
    background-image: url(../content/images/smart-postpaid-full-baner.jpg);
}

.postpaid-landing-bannerBox.postpaid-landing-bannerBox-magenta1 {
    background-image: url(../content/images/magenta1-banner-postpaid.jpg);
}

.postpaid-landing-bannerBox.postpaid-landing-bannerBox-magenta1-sq {
    background-image: url(../content/images/magenta1-banner-postpaid-sq.jpg);
}

.postpaid-landing-bannerBox.postpaid-landing-bannerBox-second.postpaid-landing-bannerBox-second-sq {
    background-image: url(../content/images/smart-postpaid-full-baner-sq.jpg);
}

.postpaid-landing-magentaRow {
    position: relative;
    padding: 35px 0;
    background: #c90068;
}

    .postpaid-landing-magentaRow:before {
        position: absolute;
        content: "";
        background-color: #e20074;
        width: 50%;
        height: 100%;
        top: 0;
        right: 0;
    }

.postpaid-landing-magentaBox {
    display: table;
    width: 100%;
    padding-left: 50px;
    position: relative;
}

.postpaid-landing-magentaRow a:hover {
    text-decoration: none;
}

.postpaid-landing-magentaBox:before {
    content: ']%';
    font-family: 'teleicon-outline';
    position: absolute;
    color: white;
    font-size: 28px;
    top: 50%;
    transform: translate(0, -50%) rotate(180deg);
    right: 55px;
}

.postpaid-landing-magentaBox > img {
    display: table-cell;
    vertical-align: middle;
    width: auto;
}

.postpaid-landing-magentaBox h3 {
    color: white;
    display: table-cell;
    font-size: 21px;
    text-transform: uppercase;
    font-family: 'teleNeo-medium' !important;
    margin: 0;
    vertical-align: middle;
    width: 80%;
    line-height: 1.2;
}

    .postpaid-landing-magentaBox h3 span {
        display: inline-block;
    }

        .postpaid-landing-magentaBox h3 span img {
            margin-bottom: 4px;
            padding-left: 4px;
        }

.postpaid-landing-dopPaketiRow {
    position: relative;
    background-color: #eaeaea;
    z-index: 0;
}

    .postpaid-landing-dopPaketiRow:before {
        position: absolute;
        content: "";
        background: url(../content/images/postpaid-grey-pattern.jpg) no-repeat center;
        background-size: cover;
        width: 50%;
        height: 100%;
        top: 0;
        left: 0;
        background-position: center;
        z-index: 0;
        -webkit-box-shadow: 1px 0px 8px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 1px 0px 8px 0px rgba(0,0,0,0.15);
        box-shadow: 1px 0px 8px 0px rgba(0,0,0,0.15);
    }

    .postpaid-landing-dopPaketiRow .container {
        position: relative;
        z-index: 1;
    }

.postpaid-landing-dopPaketiBox {
    display: table;
    width: 100%;
}

    .postpaid-landing-dopPaketiBox .postpaid-landing-greyBox {
        display: table-cell;
        width: 50%;
        vertical-align: middle;
    }

    .postpaid-landing-dopPaketiBox .postpaid-landing-greyBoxRight {
        display: table-cell;
        width: 50%;
        vertical-align: middle;
        padding: 55px 0;
    }

.postpaid-landing-greyBoxRight {
    text-align: center;
}

    .postpaid-landing-greyBoxRight h3 {
        font-size: 21px;
        font-family: 'teleNeo-medium' !important;
        text-transform: uppercase;
        margin: 0;
        margin-bottom: 45px;
        color: #000000;
    }

    .postpaid-landing-greyBoxRight img {
        display: block;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .postpaid-landing-greyBoxRight img {
        display: block;
        margin-bottom: 30px;
    }

.postpaid-landing-dopPaketiBox ul li a {
    color: #000000;
    font-size: 21px;
    text-transform: uppercase;
    font-family: 'teleNeo-medium' !important;
    display: block;
}

.postpaid-landing-greyBox ul {
    padding: 0 70px 0 50px;
}

    .postpaid-landing-greyBox ul li {
        padding: 25px 0;
        position: relative;
    }

        .postpaid-landing-greyBox ul li:not(:last-of-type) {
            border-bottom: 1px solid #c8c8c8;
        }

        .postpaid-landing-greyBox ul li:last-of-type {
            padding-bottom: 0;
        }

        .postpaid-landing-greyBox ul li:after {
            content: ']%';
            font-family: 'teleicon-outline';
            position: absolute;
            font-size: 26px;
            top: 25px;
            transform: rotate(180deg);
            right: 10px;
            line-height: 1.2;
        }

        .postpaid-landing-greyBox ul li:after, .postpaid-landing-magentaBox:before {
            -webkit-transition-duration: 0.1s;
            transition-duration: 0.15s;
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
        }

.postpaid-landing-magentaBox:hover:before {
    transform: translate(10px, -50%) rotate(180deg);
}

.postpaid-landing-greyBox ul li:hover:after {
    transform: translate(10px) rotate(180deg);
}

.postpaid-landing-dopPaketiBox ul li a:hover {
    text-decoration: none;
}

.postpaid-landing-greyBoxRight a {
    font-size: 17px;
    text-decoration: underline;
}

.postpaid-landing-vodicRow {
    background: white;
    padding: 50px 0 25px;
    position: relative;
    z-index: 2;
}

    .postpaid-landing-vodicRow h3 {
        font-family: 'teleNeo-medium' !important;
        margin: 0;
        font-size: 21px;
        margin-bottom: 20px;
        text-transform: uppercase;
        padding-right: 25px;
        color: #000000;
    }

    .postpaid-landing-vodicRow ul li {
        font-size: 17px;
        padding-bottom: 10px;
    }

.postpaid-landing-blueBox {
    background: #7ecbf5;
    padding: 45px 0 22px;
}

    .postpaid-landing-blueBox h2 {
        font-family: 'teleNeo-thin' !important;
        color: #000000;
        text-align: center;
        font-size: 31px;
        text-transform: none;
        margin-bottom: 60px;
    }

    .postpaid-landing-blueBox .postpaid-landing-blueBenefitsBox {
        text-align: center;
    }

        .postpaid-landing-blueBox .postpaid-landing-blueBenefitsBox p {
            font-size: 18px;
            line-height: 1.2;
            color: #000000;
            min-height: 42px;
        }

    .postpaid-landing-blueBox .postpaid-landing-blueBoxButton {
        text-align: center;
        margin-top: 15px;
    }

        .postpaid-landing-blueBox .postpaid-landing-blueBoxButton .btn.btn-grey {
            background: #ffffff;
            border: 1px solid #b3b3b3;
            padding: 8px 20px;
        }





@media (max-width: 1199px) and (min-width: 992px) {

    .postpaid-landing-bannerBox {
        min-height: 355px;
    }

    .se-za-vaseto-semejstvo {
        min-height: 355px;
    }

    .se-za-vaseto-semejstvo {
        min-height: 355px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {

    .postpaid-landing-bannerBox {
        min-height: 275px;
    }

    .se-za-vaseto-semejstvo {
        min-height: 275px;
    }

    .postpaid-landing-magentaBox {
        padding-left: 20px;
    }

        .postpaid-landing-magentaBox h3 {
            width: 75%;
        }

        .postpaid-landing-magentaBox:before {
            right: 20px;
        }

    .postpaid-landing-dopPaketiBox .postpaid-landing-greyBoxRight {
        padding: 55px 15px;
    }

    .home-one.postpaid .white-box-left-m-klub-blue .postpaid-landing-magentaRow .postpaid-landing-magentaBox > img, .postpaid-landing-magentaBox > img,
    .home-one.postpaid .white-box-left-m-klub-blue .postpaid-landing-blueBox img, .postpaid-landing-blueBox img {
        width: auto !important;
    }

    .postpaid-landing-greyBox ul {
        padding: 0 40px 0 25px;
    }
}




@media (max-width: 767px) {


    .postpaid-landing-bannerBox {
        min-height: 140px;
        background-position: left 43% center;
    }

    .se-za-vaseto-semejstvo {
        min-height: 140px;
        background-position: left 43% center;
    }

    .home-one.postpaid .white-box-left-m-klub-blue .postpaid-landing-magentaRow .postpaid-landing-magentaBox > img,
    .postpaid-landing-magentaRow .postpaid-landing-magentaBox > img {
        width: 50px !important;
    }

    .home-one.postpaid .white-box-left-m-klub-blue .postpaid-landing-blueBox img, .postpaid-landing-blueBox img {
        width: auto !important;
    }

    .postpaid-landing-magentaRow {
        padding: 0;
    }

    .postpaid-landing-magentaBox {
        padding: 20px 45px;
    }

        .postpaid-landing-magentaBox h3 {
            width: 70%;
            font-size: 19px;
        }

        .postpaid-landing-magentaBox.postpaid-landing-magentaBox-right {
            background-color: #e20074;
        }

    .postpaid-landing-magentaRow:before {
        display: none;
    }

    .postpaid-landing-magentaBox {
        padding-left: 45px;
    }

    .postpaid-landing-dopPaketiBox .postpaid-landing-greyBox {
        display: block;
        width: 100%;
        background: url(../content/images/postpaid-grey-pattern.jpg) no-repeat center;
        background-size: cover;
        background-position: center;
    }

    .postpaid-landing-greyBoxRight h3 {
        margin-bottom: 30px;
    }

    .postpaid-landing-greyBoxRight img {
        margin-bottom: 15px;
    }

    .postpaid-landing-dopPaketiBox .postpaid-landing-greyBoxRight {
        display: block;
        width: 100%;
        padding: 35px 15px;
    }

    .postpaid-landing-dopPaketiRow:before {
        display: none;
    }

    .postpaid-landing-dopPaketiBox ul li a {
        font-size: 19px;
    }

    .postpaid-landing-greyBox ul {
        padding: 0 40px 0 40px;
    }

        .postpaid-landing-greyBox ul li:last-of-type {
            padding-bottom: 25px;
        }

    .postpaid-landing-greyBox ul {
        padding: 20px 40px 20px 40px;
        -webkit-box-shadow: 1px 0px 8px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 1px 0px 8px 0px rgba(0,0,0,0.15);
        box-shadow: 1px 0px 8px 0px rgba(0,0,0,0.15);
    }

    .postpaid-landing-vodicRow h3 {
        margin-bottom: 15px;
        font-size: 19px;
    }

    .postpaid-landing-vodic {
        margin-bottom: 35px;
    }

    .postpaid-landing-vodicRow {
        padding: 45px 0 0;
    }

    .postpaid-landing-greyBox ul li:after {
        font-size: 23px;
    }

    .postpaid-landing-magentaBox:before {
        font-size: 26px;
    }

    .postpaid-landing-blueBox {
        background: #7ecbf5;
        padding: 40px 0 22px;
    }

        .postpaid-landing-blueBox h2 {
            margin-bottom: 45px;
            font-size: 27px;
        }

        .postpaid-landing-blueBox .postpaid-landing-blueBenefitsBox {
            margin-bottom: 40px;
        }

            .postpaid-landing-blueBox .postpaid-landing-blueBenefitsBox p {
                font-size: 17px;
                min-height: 42px;
                padding: 0 10px;
            }

        .postpaid-landing-blueBox .postpaid-landing-blueBoxButton {
            margin-top: 0px;
        }
}

@media (max-width: 374px) {

    .postpaid-landing-bannerBox {
        min-height: 117px;
    }
}


/*#endregion postpaid landing*/



/*#region PriceHero*/


#priceHeroApp .priceHero-intro {
    position: relative;
    background: url(../content/images/mk-app-smetka/telekomAppSajt-background-intro.jpg) no-repeat center;
    background-size: cover;
    padding: 50px 0 70px;
}

    #priceHeroApp .priceHero-intro h1 {
        font-family: 'teleNeo-ultra' !important;
        font-size: 40px;
        margin: 0;
        margin-bottom: 25px;
    }

    #priceHeroApp .priceHero-intro > img {
        position: absolute;
        right: 0;
        bottom: 40px;
        width: 340px;
        z-index: 0;
    }

#priceHeroApp .priceHeroIcon {
    display: table;
    margin-bottom: 15px;
}

    #priceHeroApp .priceHeroIcon h3 {
        font-size: 24px;
        text-transform: uppercase;
        font-family: 'teleNeo-medium' !important;
        color: #000000;
        margin: 0;
        display: table-cell;
        vertical-align: middle;
    }

    #priceHeroApp .priceHeroIcon img {
        display: table-cell;
        vertical-align: middle;
        padding-left: 25px;
    }

#priceHeroApp .priceHero-intro h4 {
    color: #000000;
    font-size: 19px;
    line-height: 1.2;
    margin: 0;
}

#priceHeroApp .priceHeroCarouselRightBox {
    text-align: right;
}

#priceHeroApp .priceHeroBoxApp h3 {
    font-family: 'teleNeo-medium' !important;
    margin-bottom: 15px;
    font-size: 22px;
}

#priceHeroApp .priceHeroBoxApp a {
    text-decoration: underline;
    color: #333333;
}

#priceHeroApp .priceHeroBoxApp img:first-of-type {
    margin-right: 5px;
}

#priceHeroApp .priceHeroBoxApp img {
    width: 180px;
}

#priceHeroApp .priceHeroBoxApp {
    margin-top: 40px;
}

#priceHeroCarousel .carousel-indicators {
    bottom: -55px;
}

    #priceHeroCarousel .carousel-indicators li {
        background-image: url(../content/images/mk-app-smetka/bullets-app.png) !important;
    }

#priceHeroApp .priceHeroRightImgBox img {
    padding-bottom: 30px;
}

#telekomMkAppSmetka .carousel-control {
    z-index: 10 !important;
    width: 140px;
}

#priceHeroCarousel .carousel-control .glyphicon-chevron-left, #priceHeroCarousel .carousel-control .glyphicon-chevron-right,
#priceHeroCarousel .carousel-control .icon-prev, #priceHeroCarousel .carousel-control .icon-next {
    width: 50px;
    height: 100px;
    top: 45%;
    text-shadow: none;
}

#priceHeroCarousel .carousel-control .glyphicon-chevron-left, #priceHeroCarousel .carousel-control .icon-prev {
    left: 50%;
}

#priceHeroCarousel .carousel-control .glyphicon-chevron-right, #priceHeroCarousel .carousel-control .icon-next {
    transform: rotate(180deg);
    right: 50%;
}

#priceHeroCarousel .glyphicon-chevron-left:before, #priceHeroCarousel .glyphicon-chevron-right:before {
    content: ']%';
    font-family: 'teleicon-outline';
    color: #7c7c7c;
    font-size: 100px;
}

#priceHeroCarousel a:hover {
    cursor: pointer;
}

#priceHeroCarousel .carousel-control {
    z-index: 10 !important;
    width: 140px;
}

@media (min-width: 992px) and (max-width: 1399px) {

    #priceHeroCarousel .glyphicon-chevron-left:before, #priceHeroCarousel .glyphicon-chevron-right:before {
        font-size: 85px;
    }

    #priceHeroCarousel .carousel-control {
        width: 55px;
    }

        #priceHeroCarousel .carousel-control .glyphicon-chevron-right, #priceHeroCarousel .carousel-control .icon-next {
            top: 42%;
        }

    .priceHero-textBox {
        padding-left: 60px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    #priceHeroApp .priceHero-intro h1 {
        font-size: 34px;
    }

    #priceHeroApp .priceHero-intro h4 {
        font-size: 17px;
    }

    #priceHeroApp .priceHeroBoxApp img {
        width: 140px;
    }

    #priceHeroApp .priceHero-textBox {
        padding-left: 45px;
    }

    #priceHeroCarousel .glyphicon-chevron-left:before, #priceHeroCarousel .glyphicon-chevron-right:before {
        font-size: 75px;
    }

    #priceHeroCarousel .carousel-control {
        width: 50px;
    }

        #priceHeroCarousel .carousel-control .glyphicon-chevron-left, #priceHeroCarousel .carousel-control .icon-prev {
            left: 25%;
        }

    #priceHeroApp .priceHero-copyText {
        min-height: 240px;
    }

    #priceHeroCarousel .carousel-control .glyphicon-chevron-right, #priceHeroCarousel .carousel-control .icon-next {
        top: 40%;
        right: 25%;
    }
}


@media (max-width: 767px) {

    #priceHeroApp .priceHero-intro h1 {
        font-size: 31px;
    }

    #priceHeroApp .priceHero-intro h4 {
        font-size: 17px;
    }

    #priceHeroApp .priceHeroBoxApp img {
        width: 150px;
    }

    #priceHeroApp .priceHeroBoxApp {
        margin-top: 25px;
        margin-bottom: 50px;
    }

    #priceHeroApp .priceHero-intro {
        padding: 35px 0 70px;
    }

    #priceHeroCarousel .carousel-control {
        width: 70px;
    }

    #priceHeroCarousel .glyphicon-chevron-left:before, #priceHeroCarousel .glyphicon-chevron-right:before {
        font-size: 70px;
    }

    #priceHeroCarousel .carousel-control .glyphicon-chevron-left, #priceHeroCarousel .carousel-control .icon-prev {
        top: 70%;
    }

    #priceHeroCarousel .carousel-control .glyphicon-chevron-right, #priceHeroCarousel .carousel-control .icon-next {
        top: 67%;
    }

    #priceHeroCarousel .carousel-control .glyphicon-chevron-left, #priceHeroCarousel .carousel-control .icon-prev,
    #priceHeroCarousel .carousel-control .glyphicon-chevron-right, #priceHeroCarousel .carousel-control .icon-next {
        left: 12%;
    }

    #priceHeroApp .priceHero-copyText {
        min-height: 270px;
    }

    #priceHeroApp .priceHeroRightImgBox img {
        display: block;
        margin: 0 auto;
    }
}

@media (max-width: 374px) {

    #priceHeroApp .priceHeroBoxApp img {
        width: 120px;
    }
}


/*#endregion PriceHero*/



/*#region Epic Drama*/


#epicDramaLanding .epicDramaBanner {
    position: relative;
    padding: 45px 0 0;
    background: #e30f73;
    margin-bottom: 35px;
}

    #epicDramaLanding .epicDramaBanner > .container {
        position: relative;
    }

        #epicDramaLanding .epicDramaBanner > .container img:first-of-type {
            position: absolute;
            bottom: 45px;
            width: auto;
        }

    #epicDramaLanding .epicDramaBanner img {
        float: right;
        margin-top: -100px;
    }

    #epicDramaLanding .epicDramaBanner h1 {
        color: white;
        font-size: 41px;
        line-height: 1;
        font-family: 'teleNeo-regular' !important;
        margin: 0;
    }

        #epicDramaLanding .epicDramaBanner h1 span {
            font-family: 'teleNeo-ultra' !important;
        }

#epicDramaLanding .greyNewBox .h3-subheadline {
    margin-top: 5px;
}

#epicDramaLanding .greyNewBox {
    margin-bottom: 50px;
}

#epicDramaLanding .epicDramaIntro {
    /*text-align: center;
    width: 80%;*/
    margin: 0 auto;
    margin-bottom: 40px;
}

.epicDramaLandingBanner {
    position: relative;
    padding: 40px 0 0;
    margin-bottom: 35px;
    background-image: url(../content/images/epicDrama-landing-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 500px;
}

    .epicDramaLandingBanner > .container img:first-of-type {
        position: absolute;
        bottom: 20px;
        width: auto;
    }

    .epicDramaLandingBanner h1 {
        color: white;
        font-size: 31px;
        line-height: 1;
        font-family: 'teleNeo-regular' !important;
        margin: 0;
    }

        .epicDramaLandingBanner h1 span {
            font-family: 'teleNeo-ultra' !important;
        }

@media (min-width: 768px) and (max-width: 991px) {

    #epicDramaLanding .epicDramaBanner h1 {
        font-size: 34px;
    }

    #epicDramaLanding .epicDramaBanner img {
        float: right;
        margin-top: -70px;
        width: 410px;
    }

    #epicDramaLanding .epicDramaBanner > .container img:first-of-type {
        bottom: 30px;
    }

    .epicDramaLandingBanner {
        padding: 20px 0 0;
        min-height: 350px;
        background-position: left 44% center;
    }

        .epicDramaLandingBanner h1 {
            font-size: 26px;
        }

        .epicDramaLandingBanner > .container img:first-of-type {
            bottom: 20px;
        }
}


@media (max-width: 767px) {

    #epicDramaLanding .epicDramaBanner {
        padding: 30px 0 0;
    }

        #epicDramaLanding .epicDramaBanner h1 {
            font-size: 29px;
            padding-right: 80px;
        }

        #epicDramaLanding .epicDramaBanner > .container img:first-of-type {
            position: absolute;
            bottom: auto;
            top: 0;
            margin: 0;
            right: 20px;
            width: 60px;
        }

        #epicDramaLanding .epicDramaBanner img {
            float: none;
            display: block;
            margin: 0 auto;
            margin-top: 20px;
        }

    #epicDramaLanding .epicDramaBanner {
        margin-bottom: 20px;
    }

    #epicDramaLanding .epicDramaIntro {
        margin-bottom: 30px;
    }

    .epicDramaLandingBanner {
        padding: 20px 0 0 0;
        background-size: 800px;
        background-position: left 57% bottom;
        background-color: #000000;
        min-height: 310px;
        margin-bottom: 20px;
    }

        .epicDramaLandingBanner h1 {
            font-size: 26px;
        }

        .epicDramaLandingBanner > .container img:first-of-type {
            width: 60px;
        }
}



/*#endregion Epic Drama*/





/*#region corporate landing*/

.korporativna-landing-banner {
    position: relative;
    background: url(../content/images/korporativna-landing-banner.jpg) no-repeat center;
    background-size: cover;
    padding: 80px 20px;
    min-height: 375px;
    margin-bottom: 40px;
}

.corporate-banner {
    position: absolute;
    width: 100%;
    top: -559px;
    height: 360px;
}

    .corporate-banner.naslovna {
        position: absolute;
        /*background: url(../content/images/CorporateResponsibility-banner.jpg) no-repeat center;*/
        /* background: url('../content/images/Izvestaj-za-korporativna-odgovornost.png');*/
        background: url(../content/images/no-hate-mk-company.jpg) no-repeat center;
        background-size: cover;
        height: 390px;
    }

        .corporate-banner.naslovna.sq {
            /*background: url(../content/images/CorporateResponsibility-banner.jpg) no-repeat center;*/
            /*background: url('../content/images/Izvestaj-za-korporativna-odgovornost-sq.png');*/
            background: url(../content/images/no-hate-en-company.jpg) no-repeat center;
            background-size: cover;
        }

        .corporate-banner.naslovna.en {
            /* background: url(../content/images/CorporateResponsibility-banner.jpg) no-repeat center;*/
            /*background: url('../content/images/Izvestaj-za-korporativna-odgovornost-en.png');*/
            background: url(../content/images/no-hate-en-company.jpg) no-repeat center;
            background-size: cover;
        }

@media (min-width: 320px) and (max-width: 991px) {
    .corporate-banner.naslovna {
        background: url(../content/images/no-hate-mk-mob-company.jpg) no-repeat center;
    }

        .corporate-banner.naslovna.en {
            background: url(../content/images/no-hate-en-mob-company.jpg) no-repeat center;
        }

        .corporate-banner.naslovna.sq {
            background: url(../content/images/no-hate-en-mob-company.jpg) no-repeat center;
        }
}
/*
        .corporate-banner.naslovna:after {
            content: '';
            position: absolute;
            background-image: url(../content/images/shape-cr-banner.png);
            background-size: cover;
            width: 45%;
            height: 100%;
            top: 0;
            right: 0;
            background-position: right center;
            background-repeat: no-repeat;
        }*/
.corporate-banner.naslovna .container {
    position: relative;
    height: 100%;
}

.corporate-banner.naslovna .wrapper {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    height: 100%;
    z-index: 2;
}

    .corporate-banner.naslovna .wrapper h2 {
        color: white;
        font-size: 45px;
        font-family: 'teleNeo-bold' !important;
        margin-bottom: 40px;
        text-transform: uppercase;
    }

        .corporate-banner.naslovna .wrapper h2 span {
            font-size: 35px;
            text-transform: none;
            display: block;
        }

    .corporate-banner.naslovna .wrapper .box {
        position: relative;
        width: 50%;
        margin-left: 30px;
        margin-bottom: 40px;
    }

.corporate-banner.naslovna .godina {
    position: absolute;
    right: 0;
    bottom: 21%;
    z-index: 4;
    background: white;
    color: #e20074;
    width: 19%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 0 20px;
    font-size: 20px;
}

    .corporate-banner.naslovna .godina p {
        font-family: 'teleNeo-bold' !important;
    }

.corporate-banner img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.korporativna-landing-banner h1 {
    color: white;
    font-size: 61px;
    font-family: 'teleNeo-regular' !important;
    text-transform: none;
    line-height: 1;
    margin-bottom: 30px;
}

.korporativna-landing-banner h2 {
    color: white;
    font-size: 26px;
    font-family: 'teleNeo-regular' !important;
}

.korporativna-landing-bannerBox {
    width: 40%;
}

.corporate-box {
    position: relative;
}

#corporateTabsBox ul.nav.nav-tabs {
    position: relative;
}

.corporate-box .white-box {
    border: 1px solid #ebeef3;
    border-radius: 4px;
    padding: 25px 25px 25px;
    /*margin-bottom: 30px;*/
    transition: all 0.3s ease;
    margin-bottom: 0;
}

.corporate-box > div a {
    text-decoration: none;
    color: #000000;
}

.corporate-master-node {
    display: inline-block;
    border: 1px solid #ff9a1e;
    border-radius: 3px;
    margin-bottom: 20px;
}

.corporate-box .white-box .interview .corporate-master-node {
    border: 1px solid #ff9a1e;
}

    .corporate-box .white-box .interview .corporate-master-node p {
        color: #ff9a1e;
    }

.corporate-box .white-box .vest .corporate-master-node {
    border: 1px solid #1bada2;
}

    .corporate-box .white-box .vest .corporate-master-node p {
        color: #1bada2;
    }

.corporate-box .white-box .video .corporate-master-node {
    border: 1px solid #bfcb44;
}

    .corporate-box .white-box .video .corporate-master-node p {
        color: #bfcb44;
    }

.corporate-box .white-box .statija .corporate-master-node {
    border: 1px solid #53baf2;
}

    .corporate-box .white-box .statija .corporate-master-node p {
        color: #53baf2;
    }

.corporate-master-node p {
    margin: 0;
    padding: 2px 8px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'teleNeo-medium' !important;
    color: #ff9a1e;
}

.corporate-box .white-box .image-wrapper {
    overflow: hidden;
}

    .corporate-box .white-box .image-wrapper img {
        border-radius: 4px;
        margin-bottom: 20px;
    }

.corporate-box .white-box h2 {
    font-size: 27px;
    text-align: left;
}

.corporate-intro {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 50px;
    margin-bottom: 25px;
}

    .corporate-intro p {
        color: #808291;
        font-size: 17px;
        margin: 0;
    }

#corporateTabsBox .tab-content {
    position: relative;
}

.corporate-box .white-box .read-more, .corporate-box .white-box .read-more span {
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'teleNeo-bold' !important;
    color: #000000;
}

.corporate-box .white-box .read-more {
    position: relative;
    padding-right: 35px;
    display: inline-block;
}

    .corporate-box .white-box .read-more:after {
        content: ')';
        font-family: 'teleicon-outline';
        position: absolute;
        font-size: 20px;
        line-height: 22px;
        color: #8a90b9;
        top: -3px;
        right: 0;
        margin: auto;
        transform: rotate(180deg);
        z-index: 999;
        transition: all 0.3s ease;
    }

.corporate-box .white-box .image-wrapper img.no-photo {
    display: none;
    margin-bottom: 0;
}

.corporate-box .white-box .read-more:hover:after {
    color: #000000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.corporate-box .white-box:hover {
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
    cursor: pointer;
    transition: all 0.3s ease;
}

#corporateTabsBox {
    position: relative;
    padding-top: 370px !important;
}

    #corporateTabsBox.pt-0 {
        padding-top: 0;
    }

    #corporateTabsBox.pt {
        padding-top: 542px;
    }



    #corporateTabsBox .nav-tabs {
        position: relative;
        width: 100%;
        border-bottom: none;
        text-align: center;
        margin-bottom: 30px;
        margin-top: 40px;
    }


        #corporateTabsBox .nav-tabs > li {
            float: none;
            margin: 0 2px;
            border: 1px solid #ebeef3;
            border-radius: 4px;
            width: 19%;
            vertical-align: middle;
            display: inline-block;
            height: 80px;
        }

            #corporateTabsBox .nav-tabs > li > a {
                margin-right: 0px;
                border: none;
                font-size: 16px;
                text-transform: uppercase;
                font-family: 'teleNeo-bold' !important;
                color: #808291;
                height: 100%;
                display: inline-flex;
                align-content: center;
                align-items: center;
                width: 100%;
                justify-content: center;
            }

            #corporateTabsBox .nav-tabs > li.active > a,
            #corporateTabsBox .nav-tabs > li.active > a:hover,
            #corporateTabsBox .nav-tabs > li.active > a:focus {
                border: none;
            }


            #corporateTabsBox .nav-tabs > li.active > a {
                color: white;
                background-color: #e20074;
                border-radius: 4px;
            }

            #corporateTabsBox .nav-tabs > li span.corporateTabs-text {
                font-family: 'teleNeo-bold' !important;
            }

    /*#corporateTabsBox .nav-tabs > li.active span.corporateTabs-text {
        font-family: 'teleNeo-ultra' !important;
    }*/


    #corporateTabsBox .nav > li > a:hover, #corporateTabsBox .nav > li > a:focus {
        color: white !important;
        background-color: #e20074;
    }



    #corporateTabsBox .nav-tabs > li > a:hover {
        color: #000000;
        -webkit-transition: ease-in-out 0.4s;
        -moz-transition: ease-in-out 0.4s;
        -ms-transition: ease-in-out 0.4s;
        -o-transition: ease-in-out 0.4s;
        transition: ease-in-out 0.4s;
        border-radius: 4px;
    }

    #corporateTabsBox .nav-tabs > li.active > a:hover {
        color: white !important;
        background-color: #e20074;
    }

    #corporateTabsBox .tab-content > .tab-pane.active .corporate-banner {
        z-index: 2;
        opacity: 1;
    }

    #corporateTabsBox .tab-content > .tab-pane .corporate-banner {
        z-index: 1;
        opacity: 0;
        transition: opacity ease-out .7s;
    }

    #corporateTabsBox a.btn-grey {
        border-radius: 4px;
        padding: 10px 15px;
        font-size: 17px;
        min-width: 120px;
        background: white;
        border: 1px solid #ebeef3;
        text-align: center;
    }

    #corporateTabsBox .more-link-box {
        margin-top: 25px;
        margin-bottom: 40px;
        color: #808291;
        text-align: center;
    }

.corporateMainBox {
    max-width: 100%;
}

    .corporateMainBox:after {
        content: '';
        display: block;
        clear: both;
    }

.corporateMainBox {
    float: left;
    width: 50%;
    height: auto;
    padding: 12px;
}

.korporativna-fast-links {
    padding: 15px 0 110px;
    position: relative;
    display: flex;
    align-items: flex-start;
}

    .korporativna-fast-links div {
        position: relative;
        display: inline-block;
        width: 160px;
        border: 1px solid #e20074;
        text-align: center;
        margin: 0 20px;
        height: 90px;
    }

        .korporativna-fast-links div a {
            color: #e20074;
            font-size: 18px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px;
            transition: 0.3s all ease-in;
            line-height: 1.2;
            font-family: 'teleNeo-medium' !important;
            vertical-align: middle;
            height: 100%;
        }

            .korporativna-fast-links div a:hover {
                text-decoration: none;
                background: #e20074;
                color: white;
                transition: 0.3s all ease-in;
            }

        .korporativna-fast-links div:first-child {
            margin-left: 0;
        }


@media (min-width: 768px) and (max-width: 991px) {
    .korporativna-landing-bannerBox {
        width: 50%;
    }

    .korporativna-landing-banner {
        padding: 50px 20px;
        min-height: 0;
        background-position: left 41% center;
    }

        .korporativna-landing-banner h1 {
            font-size: 56px;
        }

    .corporate-box .white-box h2 {
        font-size: 21px;
    }

    #corporateTabsBox .nav-tabs > li > a {
        font-size: 14px;
        padding: 10px 10px;
    }

    .korporativna-fast-links {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

        .korporativna-fast-links div {
            width: 180px !important;
            margin: 5px 10px !important;
        }
}



@media (max-width: 767px) {

    #corporateTabsBox .nav > li {
        border-bottom: none;
        margin: 0;
        /*margin: 0 2px 7px;*/
        display: table;
        min-height: 56px;
        border-bottom: 2px solid transparent;
        width: 49%;
        float: left;
        border: 1px solid #ebeef3;
        border-radius: 4px;
    }

        #corporateTabsBox .nav > li:nth-of-type(2n+1) {
            margin-right: 3px;
        }

        #corporateTabsBox .nav > li:nth-of-type(2n) {
            margin-left: 3px;
        }

        #corporateTabsBox .nav > li:nth-of-type(1), #corporateTabsBox .nav > li:nth-of-type(2) {
            margin-bottom: 6px;
        }

    #corporateTabsBox .nav-tabs > li > a {
        font-size: 16px;
        line-height: 1.1;
        text-transform: none;
        color: rgba(0, 0, 0, 0.5);
        padding: 10px 7px 12px;
        display: table-cell;
        vertical-align: middle;
    }

    .korporativna-landing-banner {
        padding: 40px 20px 40px;
        min-height: 275px;
        background-position: left 39% center;
        margin-bottom: 15px;
    }

        .korporativna-landing-banner h1 {
            font-size: 36px;
        }

        .korporativna-landing-banner h2 {
            font-size: 24px;
        }

    .korporativna-landing-bannerBox {
        width: 80%;
    }

    .corporate-box {
        -webkit-column-count: 1;
        column-count: 1;
    }

    #corporateTabsBox .nav-tabs {
        margin: 0 auto;
        margin-bottom: 15px;
        width: 100%;
        display: table;
        /*border-bottom: 1px solid #ebeef3;*/
        z-index: 5;
    }

    .corporate-box > .corporateMainBox {
        padding: 0;
        margin-bottom: 15px;
    }

    .corporate-box .white-box h2 {
        font-size: 19px;
    }

    .corporate-box .white-box {
        padding: 20px 20px 20px;
    }

    .corporate-intro {
        margin-bottom: 20px;
    }

    .corporateMainBox {
        float: none;
        width: 100%;
    }

    /*#corporateTabsBox .nav > li.active {
        border-bottom: 2px solid #e20074 !important;
    }*/

    .korporativna-fast-links {
        padding: 15px 0 130px !important;
        flex-direction: column !important;
    }
}


@media (max-width: 374px) {

    .korporativna-landing-banner h2 {
        font-size: 21px;
    }

    #corporateTabsBox .nav-tabs > li > a {
        font-size: 15px;
        padding: 10px 5px 12px;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .homepage-wrapper .urediLandingTextSlider .item.wifi-booster .white-text-wrap .ec {
        right: 60px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.safenet .image {
        margin-bottom: 10px;
        width: 35%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.safenet .item-wrapper .header h2 {
        font-size: 36px !important;
        margin-bottom: 15px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iTest-new .image {
        margin-bottom: 10px;
        width: 35%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iTest-new .item-wrapper .header h2 {
        font-size: 36px !important;
        margin-bottom: 15px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iTest .image {
        margin-bottom: 10px;
        width: 35%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iTest .item-wrapper .header h2 {
        font-size: 38px !important;
    }

    #corporateTabsBox {
        padding-top: 330px;
    }

    .corporate-banner {
        top: -438px;
    }
}

@media (min-width: 1501px) {


    #corporateTabsBox {
        padding-top: 30px;
    }

    .corporate-banner {
        top: -520px;
    }
}

@media(min-width: 1500px) {

    .homepage-wrapper .urediLandingTextSlider .item.triPati-povekje-banner .item-wrapper {
        justify-content: center !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1b-unlimited-banner .sliderUrediTxt-image {
        top: 0;
        height: 700px;
    }
}

@media(min-width: 1650px) {
    .homepage-wrapper .urediLandingTextSlider .item.mobile-oneshop-banner .right-img-wrap {
        bottom: 50px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.five-g-delovni-banner .sliderUrediTxt-image {
        height: 100%;
        background-position: center bottom !important;
    }
}


/*#endregion corporate landing*/


/*#region e-trotinet landing*/

#e-trotinet .e-trotinet-content.e-trotinet-intro,
#e-prevoz .e-prevoz-content.e-prevoz-intro {
    background-color: #eaeaea;
    padding: 60px 0;
    text-align: center;
}

#e-trotinet .e-trotinet-content.e-trotinet-intro {
    padding-bottom: 320px;
}

#e-prevoz .e-prevoz-content.e-prevoz-intro {
    padding-bottom: 445px;
}

    #e-trotinet .e-trotinet-content.e-trotinet-intro h1, #e-prevoz .e-prevoz-content.e-prevoz-intro h1 {
        font-family: 'teleNeo-ultra' !important;
        font-size: 46px;
        color: #e20074;
        text-transform: uppercase;
        margin-bottom: 45px;
        line-height: 1.2;
    }

        #e-trotinet .e-trotinet-content.e-trotinet-intro h1 span,
        #e-prevoz .e-prevoz-content.e-prevoz-intro h1 span {
            font-family: 'teleNeo-medium' !important;
            font-size: 38px;
            display: inline-block;
            margin-top: 8px;
        }

    #e-trotinet .e-trotinet-content.e-trotinet-intro h2, #e-prevoz .e-prevoz-content.e-prevoz-intro h2 {
        font-family: 'teleNeo-medium' !important;
        color: #e20074;
        font-size: 34px;
        margin-bottom: 45px;
        text-transform: uppercase;
        padding-top: 0;
    }

    #e-trotinet .e-trotinet-content.e-trotinet-intro p, #e-prevoz .e-prevoz-content.e-prevoz-intro p {
        font-size: 19px !important;
        color: #000000;
        width: 90%;
        margin: 0 auto;
        margin-bottom: 45px;
    }

.e-trotinet-karakteristikiTable table > tbody > tr > td,
#e-prevoz .e-prevoz-karakteristikiTable table > tbody > tr > td {
    font-size: 17px;
    color: #000000;
}

.e-trotinet-karakteristikiTable table.table-blue > tbody > tr > td,
.e-trotinet-karakteristikiTable table.table-blue td + td + td,
.e-prevoz-karakteristikiTable table.table-blue > tbody > tr > td,
.e-prevoz-karakteristikiTable table.table-blue td + td + td {
    padding: 12px 0px;
    border-bottom: 1px solid #eeeeee !important;
    width: 50%;
}

.e-trotinet-karakteristikiTable table > tbody > tr > td:first-child,
.e-prevoz-karakteristikiTable table > tbody > tr > td:first-child {
    font-family: 'teleNeo-bold' !important;
}

.e-trotinet-karakteristikiTable .hide-table-part.show, .e-prevoz-karakteristikiTable .hide-table-part.show {
    display: table-row !important;
}

.e-trotinet-karakteristikiTable table.table-blue > tbody > tr:last-of-type > td,
#e-prevoz .e-prevoz-karakteristikiTable table.table-blue > tbody > tr:last-of-type > td {
    border-bottom: 1px solid transparent !important;
}

.e-trotinet-karakteristikiTable, .e-prevoz-karakteristikiTable {
    padding: 45px 0 40px;
}

#e-trotinet .e-trotinet-app ul li {
    color: #333;
}

.e-trotinet-tabsBox, .e-prevoz-tabsBox {
    background-color: white;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.06);
    position: relative;
    z-index: 10;
}

    .e-trotinet-tabsBox .nav-tabs, .e-prevoz-tabsBox .nav-tabs {
        border-bottom: 0px solid #ddd;
        width: 100%;
        display: flex;
    }

    .e-trotinet-tabsBox ul.nav.nav-tabs li {
        width: 15%;
        margin: 0 auto;
        display: inline-block;
        left: 0;
    }

    .e-prevoz-tabsBox ul.nav.nav-tabs li {
        width: 30%;
        margin: 0 33%;
    }

    .e-trotinet-tabsBox .nav-tabs > li.active, .e-prevoz-tabsBox .nav-tabs > li.active {
        background-color: #e20074;
    }

    .e-trotinet-tabsBox .nav-tabs > li, .e-prevoz-tabsBox .nav-tabs > li {
        float: left;
        margin-bottom: 0px;
    }

        .e-trotinet-tabsBox .nav-tabs > li.active > a, .e-prevoz-tabsBox .nav-tabs > li.active > a {
            background-color: #e20074;
            color: white;
            font-family: 'teleNeo-ultra' !important;
            /*font-size: 24px;*/
            padding-top: 10px;
            transition: 0.2s ease-in-out;
        }

#e-trotinet .e-trotinet-tabsBox .nav-tabs li:before, #e-prevoz .e-prevoz-tabsBox .nav-tabs li:before {
    display: none !important;
}

#e-trotinet .e-trotinet-tabsBox li, #e-prevoz .e-prevoz-tabsBox li {
    padding-left: 0;
}

.e-trotinet-naracajBox, .e-prevoz-naracajBox {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: -135px;
}

.e-prevoz-naracajBox {
    top: -130px !important;
}

#e-trotinet .e-trotinet-priceBox p, #e-prevoz .e-prevoz-priceBox p {
    color: #383838;
    font-size: 30px;
    font-family: 'teleNeo-medium' !important;
    margin-bottom: 12px;
    min-height: 42px;
}

    #e-trotinet .e-trotinet-priceBox p span, #e-prevoz .e-prevoz-priceBox p span {
        font-size: 16px;
        font-family: 'teleNeo-medium' !important;
    }

.e-trotinet-tabsBox .nav-tabs li a,
.e-prevoz-tabsBox .nav-tabs li a {
    color: white;
    font-family: 'teleNeo-bold' !important;
    border: none;
    background-color: transparent;
    font-size: 20px;
    color: #a6a6a6;
    margin-right: 0;
    position: relative;
    border-radius: 0;
    line-height: 1.2;
    text-align: center;
    min-height: 90px;
    padding-top: 25px;
    transition: 0.2s ease-in-out;
    z-index: 3;
}

.e-prevoz-tabsBox .nav-tabs li a {
    min-height: 90px;
}

.e-trotinet-tabsBox .nav-tabs li .e-trotinet-naracajBox a span,
.e-prevoz-tabsBox .nav-tabs li .e-prevoz-naracajBox a span {
    font-family: 'teleNeo-regular' !important;
}

.e-trotinet-tabsBox .nav-tabs li .e-trotinet-naracajBox a, .e-prevoz-tabsBox .nav-tabs li .e-prevoz-naracajBox a {
    color: rgba(61, 61, 61, 0.8);
    font-family: 'teleNeo-regular' !important;
    font-size: 18px;
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    min-height: 0;
    padding: 10px 20px;
    bottom: auto;
    min-width: 110px;
}

.e-trotinet-tabsBox .nav-tabs > li.active > a, .e-trotinet-tabsBox .nav-tabs > li.active > a:hover, .e-trotinet-tabsBox .nav-tabs > li.active > a:focus,
.e-prevoz-tabsBox .nav-tabs > li.active > a, .e-prevoz-tabsBox .nav-tabs > li.active > a:hover, .e-prevoz-tabsBox .nav-tabs > li.active > a:focus {
    border: none;
    transition: 0.2s ease-in-out;
}

.e-trotinet-tabsBox .nav-tabs li a:before, .e-trotinet-tabsBox .nav-tabs li.active a:before,
.e-prevoz-tabsBox .nav-tabs li a:before, .e-prevoz-tabsBox .nav-tabs li.active a:before {
    position: absolute;
    content: "";
    height: 0px;
    background-color: #e20074;
    left: 0;
    right: 0;
    top: -15px;
}

.e-trotinet-tabsBox .nav-tabs li.active a:before, .e-prevoz-tabsBox .nav-tabs li.active a:before {
    height: 15px;
}

.e-trotinet-tabsBox .nav-tabs li.active .e-trotinet-naracajBox a:before, .e-prevoz-tabsBox .nav-tabs li.active .e-prevoz-naracajBox a:before {
    display: none;
}

.e-trotinet-tabsBox .nav-tabs > li:not(:active) a:hover, .e-prevoz-tabsBox .nav-tabs > li:not(:active) a:hover {
    color: #000000;
}

.e-trotinet-tabsBox .nav-tabs > li.active a:hover, .e-prevoz-tabsBox .nav-tabs > li.active a:hover {
    color: white;
}

.e-trotinet-tabsBox .nav-tabs li .e-trotinet-naracajBox .btn-grey:hover, .e-trotinet-tabsBox .nav-tabs li .e-trotinet-naracajBox .btn-grey:active, .e-trotinet-tabsBox .nav-tabs li .e-trotinet-naracajBox .btn-grey:focus, .e-trotinet-tabsBox .nav-tabs li .e-trotinet-naracajBox .btn-grey:active:focus, .btn-grey.active,
.e-prevoz-tabsBox .nav-tabs li .e-prevoz-naracajBox .btn-grey:hover, .e-prevoz-tabsBox .nav-tabs li .e-prevoz-naracajBox .btn-grey:active, .e-prevoz-tabsBox .nav-tabs li .e-prevoz-naracajBox .btn-grey:focus, .e-prevoz-tabsBox .nav-tabs li .e-prevoz-naracajBox .btn-grey:active:focus, .btn-grey.active {
    background: #ffffff !important;
}

.e-trotinet-tabsBox li img.essential {
    bottom: 265px;
}

.e-trotinet-tabsBox li img, .e-prevoz-tabsBox li img {
    position: absolute;
    bottom: 240px;
    left: 0;
    right: 0;
    transition: transform 0.25s ease-in-out;
}

.e-trotinet-tabsBox .nav-tabs > li img, .e-prevoz-tabsBox .nav-tabs > li img {
    /*width: 270px;*/
    width: 60%;
    max-width: 100%;
    margin: 0 auto;
}

.e-prevoz-tabsBox .nav-tabs > li img {
    width: auto;
}

#e-trotinet #e-trotinet-tab3 .e-trotinet-text-right ul li, #e-prevoz #e-prevoz-tab3 .e-prevoz-text-right ul li {
    font-size: 17px;
    color: #000000;
}

#e-trotinet #e-trotinet-tab3 .e-trotinet-download-app {
    padding-top: 54px;
}

/*.e-trotinet-tabsBox .nav-tabs > li:first-of-type img {
    width: 320px;
}*/

.e-trotinet-tabsBox .nav-tabs li a span, .e-prevoz-tabsBox .nav-tabs li a span {
    font-family: 'teleNeo-bold' !important;
}

.e-trotinet-tabsBox .nav-tabs > li.active > a span, .e-prevoz-tabsBox .nav-tabs > li.active > a span {
    font-family: 'teleNeo-ultra' !important;
    color: white;
}

#e-prevoz .e-prevoz-VideoBox {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

    #e-prevoz .e-prevoz-VideoBox iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#e-prevoz .e-prevoz-video {
    background-color: #f9f9f9;
    padding: 80px 0;
}

.e-trotinet-tabsBox .nav-tabs > li a:hover img, .e-prevoz-tabsBox .nav-tabs > li a:hover img {
    transform: translateY(-15px);
    transition: transform 0.25s ease-in-out;
}

.e-trotinet-karakteristiki.cherokee-karakteristiki, .e-prevoz-karakteristiki {
    /*background-color: white;*/
    background-color: #f8f8f8;
    padding: 4% 0;
}

#e-trotinet .e-trotinet-karakteristiki.xiomi-pro-karakteristiki {
    padding-bottom: 3%;
}

    #e-trotinet .e-trotinet-karakteristiki.xiomi-pro-karakteristiki:after {
        background-image: url(../content/images/mi-scooter-bcg.jpg);
        background-position: center;
        background-repeat: no-repeat;
    }

    #e-trotinet .e-trotinet-karakteristiki.xiomi-pro-karakteristiki .e-trotinet-text-left {
        padding-right: 3%;
    }

        #e-trotinet .e-trotinet-karakteristiki.xiomi-pro-karakteristiki .e-trotinet-text-left p,
        #e-trotinet .e-trotinet-karakteristiki.xiomi-pro-karakteristiki .e-trotinet-text-left h4 {
            color: white !important;
        }

#e-trotinet .e-trotinet-karakteristiki.cherokee-karakteristiki h2, #e-prevoz .e-prevoz-karakteristiki h2 {
    color: #000000;
    margin-bottom: 10px;
}

.e-trotinet-karakteristiki.cherokee-karakteristiki h3, .e-prevoz-karakteristiki h3 {
    color: #e20074;
    font-family: 'teleNeo-bold' !important;
    margin-bottom: 30px;
    margin-top: 15px;
}

    .e-prevoz-karakteristiki h3 span {
        font-family: 'teleNeo-bold' !important;
        color: #000000;
    }

#e-trotinet .e-trotinet-karakteristiki.cherokee-karakteristiki ul li, #e-prevoz .e-prevoz-karakteristiki ul li {
    color: #000000;
}

.e-trotinet-karakteristiki.cherokee-karakteristiki h4, .e-prevoz-karakteristiki h4 {
    font-family: 'teleNeo-bold' !important;
    color: #000000;
    font-size: 20px;
}

.e-trotinet-karakteristiki.cherokee-karakteristiki:after, .e-prevoz-karakteristiki:after {
    display: none;
}

.cherokee-karakteristiki-box, .e-prevoz-karakteristiki-box {
    display: table;
    width: 100%;
}

    .cherokee-karakteristiki-box .e-trotinet-text-left, .e-prevoz-karakteristiki-box .e-prevoz-text-left {
        display: table-cell;
        width: 50%;
        vertical-align: middle;
    }

    .cherokee-karakteristiki-box .e-trotinet-text-right, .e-prevoz-karakteristiki-box .e-prevoz-text-right {
        display: table-cell;
        width: 50%;
        vertical-align: middle;
    }

    .e-prevoz-karakteristiki-box .e-prevoz-text-right {
        padding-left: 65px;
    }


.e-trotinet-karakteristikiTable span.show-more, .e-prevoz-karakteristikiTable span.show-more {
    padding-top: 45px;
    cursor: pointer;
    font-size: 18px;
    display: block;
    text-align: center;
    font-family: 'teleNeo-medium' !important;
    position: relative;
}

    .e-trotinet-karakteristikiTable span.show-more::after,
    .e-trotinet-karakteristikiTable span.show-more.open::after,
    .e-prevoz-karakteristikiTable span.show-more::after,
    .e-prevoz-karakteristikiTable span.show-more.open::after {
        content: ']$';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 30px;
        top: 22px;
        left: 0;
        right: 0;
        margin: auto;
        transform: rotateZ(0deg);
    }

    .e-trotinet-karakteristikiTable span.show-more.open::after,
    .e-prevoz-karakteristikiTable span.show-more.open::after {
        transform: rotateZ(-180deg);
    }

.e-trotinet-karakteristikiTable .hide-table-part,
.e-prevoz-karakteristikiTable .hide-table-part {
    display: none;
    transition: all 1s linear;
}

.e-trotinet-karakteristikiTable .show-table-part, .e-prevoz-karakteristikiTable .show-table-part {
    display: table-row;
    transition: all 1s linear;
}

#e-prevoz .e-prevoz-karakteristikiTable table.table-blue > tbody > tr:not(:last-of-type) > td:last-of-type {
    padding-left: 65px;
}

@media (max-width: 991px) and (min-width: 768px) {

    #e-trotinet .e-trotinet-priceBox p {
        font-size: 28px !important;
    }

    #e-trotinet .e-trotinet-content.e-trotinet-intro {
        padding-bottom: 370px;
    }

    .e-trotinet-tabsBox .nav-tabs > li.active > a {
        font-size: 22px;
    }

    .e-prevoz-tabsBox .nav-tabs > li img {
        width: 75%;
        display: block;
        margin: 0 auto;
    }

    #e-prevoz .e-prevoz-content.e-prevoz-intro {
        background-color: #eaeaea;
        padding: 60px 0;
        text-align: center;
        padding-bottom: 425px;
    }

    .e-prevoz-karakteristiki-box .e-prevoz-text-right {
        padding-left: 25px;
    }

    .e-trotinet-karakteristikiTable, .e-prevoz-karakteristikiTable {
        padding: 40px 0 25px;
    }

    #e-prevoz .e-prevoz-video {
        padding: 60px 0;
    }

    #e-trotinet .e-trotinet-content.e-trotinet-intro h1 span, #e-prevoz .e-prevoz-content.e-prevoz-intro h1 span, .smartWatches-banner h1 span, .smartHome-banner h1 span {
        font-size: 34px;
    }

    #e-trotinet .e-trotinet-content.e-trotinet-intro h1, #e-prevoz .e-prevoz-content.e-prevoz-intro h1, .smartWatches-banner h1, .smartHome-banner h1 {
        font-size: 41px;
    }

    #e-prevoz .e-prevoz-karakteristikiTable table.table-blue > tbody > tr:not(:last-of-type) > td:last-of-type {
        padding-left: 25px;
    }
}

@media (max-width: 767px) {
    .e-trotinet-tabsBox .nav-tabs {
        flex-wrap: wrap;
    }

    .e-trotinet-tabsBox ul.nav.nav-tabs li {
        width: 33%;
        left: 0;
    }

    .e-trotinet-tabsBox .nav-tabs li a span,
    .e-trotinet-tabsBox .nav-tabs li.active a span {
        position: relative;
        top: 10px;
        font-size: 15px;
        line-height: 1.2;
    }

    .e-trotinet-tabsBox .nav-tabs li a.btn.btn-grey span,
    .e-trotinet-tabsBox .nav-tabs li.active a.btn.btn-grey span {
        position: relative;
        top: 0px;
    }


    .e-trotinet-tabsBox .nav-tabs > li img {
        top: -360px;
        width: 60%;
    }

    .e-prevoz-tabsBox .nav-tabs > li img {
        width: 50%;
        top: -215px;
    }

    #e-trotinet .e-trotinet-content.e-trotinet-intro h1, #e-prevoz .e-prevoz-content.e-prevoz-intro h1 {
        font-size: 31px;
        margin-bottom: 30px;
    }

        #e-trotinet .e-trotinet-content.e-trotinet-intro h1 span, #e-prevoz .e-prevoz-content.e-prevoz-intro h1 span {
            font-size: 24px;
            display: inline-block;
            margin-top: 7px;
        }

    #e-trotinet .e-trotinet-content.e-trotinet-intro h2, #e-prevoz .e-prevoz-content.e-prevoz-intro h2 {
        font-size: 24px;
        margin-bottom: 35px;
    }

    #e-trotinet .e-trotinet-content.e-trotinet-intro p,
    #e-prevoz .e-prevoz-content.e-prevoz-intro p {
        font-size: 17px !important;
        width: 100%;
    }

    #e-trotinet .e-trotinet-content.e-trotinet-intro {
        padding: 40px 0;
        padding-bottom: 340px;
    }

    #e-prevoz .e-prevoz-content.e-prevoz-intro {
        padding-bottom: 240px;
    }

    .e-trotinet-naracajBox {
        height: auto;
        position: relative;
        top: -135px;
    }

    .e-trotinet-priceBox {
        position: absolute;
        top: -85px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .e-prevoz-naracajBox {
        top: -185px;
    }

    #e-trotinet .e-trotinet-priceBox p {
        font-size: 20px;
        margin-bottom: 10px;
    }

    #e-prevoz .e-prevoz-priceBox p {
        font-size: 24px;
        margin-bottom: 10px;
    }


    .e-trotinet-tabsBox .nav-tabs li a, .e-trotinet-tabsBox .nav-tabs > li.active > a, .e-trotinet-karakteristikiTable span.show-more,
    .e-prevoz-tabsBox .nav-tabs li a, .e-prevoz-tabsBox .nav-tabs > li.active > a, .e-prevoz-karakteristikiTable span.show-more {
        font-size: 16px;
        padding: 5px 5px;
    }

    #e-trotinet #e-trotinet-tab3 .e-trotinet-download-app {
        padding-top: 10px;
    }

    #e-trotinet .e-trotinet-karakteristikiTable table.table-blue > tbody > tr > td, #e-trotinet .e-trotinet-karakteristikiTable table.table-blue td + td + td,
    #e-prevoz .e-prevoz-karakteristikiTable table.table-blue > tbody > tr > td, #e-prevoz .e-prevoz-karakteristikiTable table.table-blue td + td + td {
        padding: 10px 0px;
    }

    .e-trotinet-karakteristikiTable, .e-prevoz-karakteristikiTable {
        padding: 40px 0 10px;
    }

    .e-trotinet-tabsBox .nav-tabs li a {
        min-height: 110px;
        padding-top: 13px;
    }

    .e-prevoz-tabsBox .nav-tabs li a {
        min-height: 68px;
    }

    .e-prevoz-karakteristiki-box .e-prevoz-text-right {
        padding-left: 0;
    }

    .e-prevoz-karakteristiki-box .e-prevoz-text-left img {
        width: 80%;
        margin: 0 auto;
        display: block;
    }

    #e-trotinet .e-trotinet-tabsBox .nav > li, #e-prevoz .e-prevoz-tabsBox .nav > li {
        border-bottom: 0px solid #F5F5F5;
    }

    .e-trotinet-tabsBox li img {
        bottom: 205px;
    }

    .e-trotinet-tabsBox .nav-tabs li .e-trotinet-naracajBox a, .e-prevoz-tabsBox .nav-tabs li .e-prevoz-naracajBox a {
        padding: 8px 20px;
        min-width: 0;
    }

    .e-trotinet-karakteristiki.cherokee-karakteristiki {
        padding: 20px 0;
    }

    .e-prevoz-karakteristiki h3 span {
        font-size: 22px;
    }

    .e-prevoz-karakteristiki h3 {
        font-size: 21px;
    }

    .e-prevoz-karakteristiki {
        padding: 20px 0 30px;
    }

    .cherokee-karakteristiki-box, .e-prevoz-karakteristiki-box {
        display: block;
    }

        .cherokee-karakteristiki-box .e-trotinet-text-left, .cherokee-karakteristiki-box .e-trotinet-text-right,
        .e-prevoz-karakteristiki-box .e-prevoz-text-left, .e-prevoz-karakteristiki-box .e-prevoz-text-right {
            display: block;
            width: 100%;
        }

        .cherokee-karakteristiki-box .e-trotinet-text-right, .e-prevoz-karakteristiki-box .e-prevoz-text-left {
            display: block;
            width: 100%;
            margin-top: 25px;
        }

    #e-prevoz-tab1 .e-prevoz-karakteristiki-box .e-prevoz-text-left {
        margin-top: 0;
    }

    #e-prevoz .e-prevoz-video {
        background-color: #f9f9f9;
        padding: 40px 0;
    }

    .e-prevoz-tabsBox .nav-tabs > li img {
        width: 72%;
        bottom: 190px;
    }

    #e-prevoz-tab1 .e-prevoz-karakteristiki-box .e-prevoz-text-right {
        margin-top: -15px;
    }

    .e-trotinet-tabsBox .nav-tabs li a:before, .e-trotinet-tabsBox .nav-tabs li.active a:before,
    .e-prevoz-tabsBox .nav-tabs li a:before, .e-prevoz-tabsBox .nav-tabs li.active a:before {
        top: -10px;
    }

    .e-trotinet-tabsBox .nav-tabs li.active a:before, .e-prevoz-tabsBox .nav-tabs li.active a:before {
        height: 10px;
    }

    #e-prevoz .e-prevoz-karakteristikiTable table.table-blue > tbody > tr:not(:last-of-type) > td:last-of-type {
        padding-left: 0;
    }
}


@media (max-width: 375px) {


    #e-trotinet .e-trotinet-priceBox p {
        font-size: 15px !important;
    }

    #e-trotinet .e-trotinet-content, #e-prevoz .e-prevoz-content {
        padding-bottom: 260px;
    }

    #e-trotinet h2, #e-prevoz h2 {
        font-size: 24px;
        margin-bottom: 25px;
    }

    .e-trotinet-tabsBox .nav-tabs li a, .e-trotinet-tabsBox .nav-tabs > li.active > a,
    .e-prevoz-tabsBox .nav-tabs li a, .e-prevoz-tabsBox .nav-tabs > li.active > a {
        padding: 11px 3px;
    }

    #e-trotinet .e-trotinet-priceBox p, #e-prevoz .e-prevoz-priceBox p {
        font-size: 21px;
    }


    #e-prevoz .e-prevoz-content.e-prevoz-intro {
        padding-bottom: 175px;
    }
}


/*#endregion e-trotinet landing*/


table.table-blue.mkt-table-mt0 {
    margin-top: 0px;
}

.blueBox-plati-online {
    position: relative;
    background-color: #6cb6e7;
    color: white;
    padding: 30px 0;
    /*background-image: url(../content/images/bsd-bg-image.png);
    background-position: center;
    background-repeat: no-repeat;*/
    /*background-size: cover;*/
}

    .blueBox-plati-online h2 {
        position: relative;
        display: inline;
        float: left;
        text-transform: uppercase;
        margin-bottom: 0;
        line-height: 1.3;
    }

    .blueBox-plati-online a {
        position: relative;
        display: inline;
        right: 0;
        float: right;
        color: white !important;
        border: 1px solid white;
        transition: all 0.2s ease-in-out;
        background: transparent;
        font-size: 18px;
    }

    .blueBox-plati-online .darkGreyBoxHP-leftTxt {
        position: relative;
        width: 100%;
        height: 100%;
    }

        .blueBox-plati-online .darkGreyBoxHP-leftTxt + a {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 65px;
        }

    .blueBox-plati-online a:hover {
        color: #333;
        transition: all 0.2s ease-in;
    }

.nagradna-igra-banner {
    position: relative;
    margin-bottom: 10px;
    min-height: 375px;
    background-image: url(../content/images/banner-pripejd-nagradna.jpg);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}


ul.dropdown-menu li.razgovori-so-stranstvo a {
    color: black !important;
    font-family: 'teleNeo-bold' !important;
    padding: 15px 20px 10px 10px !important;
}

    ul.dropdown-menu li.razgovori-so-stranstvo a:hover {
        color: #e20074 !important;
    }

.row-wraper-custom-table .webshop-product-table .gray-bg.p15 ul .one-t-dicklaimer {
    width: 15px;
    height: 15px;
    background: transparent;
    border: none;
    top: -2px;
    left: 5px !important;
    display: inline-block;
}

.row-wraper-custom-table .webshop-product-table .gray-bg.p15 ul .one-t-dicklaimer {
    width: 15px;
    height: 15px;
    background: transparent;
    border: none;
    top: -2px;
    left: 5px !important;
    display: inline-block;
}
/*#region ostanati tv paketi*/

.ostanati-tv-paketi-content .ostanati-tv-paketi-tabsBox {
    background-color: rgba(237,237,237,0.85);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

    .ostanati-tv-paketi-content .ostanati-tv-paketi-tabsBox ul {
        position: relative;
        width: 100%;
    }

        .ostanati-tv-paketi-content .ostanati-tv-paketi-tabsBox ul li {
            position: relative;
            width: 30.33333%;
        }

            .ostanati-tv-paketi-content .ostanati-tv-paketi-tabsBox ul li a {
                padding: 10px 25px;
                border: none;
                border-bottom: 3px solid #cacaca;
                background-color: transparent;
                font-size: 18px;
                color: #000000;
                margin-right: 0;
                position: relative;
                text-transform: uppercase;
            }

                .ostanati-tv-paketi-content .ostanati-tv-paketi-tabsBox ul li a:active,
                .ostanati-tv-paketi-content .ostanati-tv-paketi-tabsBox ul li a:focus {
                    border: none;
                    border-bottom: 3px solid #e20074;
                }

.ostanati-tv-paketi-content .inner-template {
    min-height: initial;
}

.ostanati-tv-paketi-content .ostanati-tv-paketi-banner {
    position: relative;
}

.ostanati-tv-paketi-content .ostanati-tv-paketi-tabsContent {
    position: relative;
    margin: 30px auto;
}

.ostanati-tv-paketi-content .ostanati-tv-paketi-tabsBox ul li.active a {
    background: transparent;
    border-bottom: 3px solid #e20074;
}

.ostanati-tv-paketi-content .right-box {
    position: relative;
    margin-left: 30px;
}

    .ostanati-tv-paketi-content .right-box p {
        font-size: 16px;
    }

        .ostanati-tv-paketi-content .right-box p span {
            font-size: 18px;
            font-family: 'teleNeo-medium' !important;
        }

.ostanati-tv-paketi-content .tv-paketi-item h2 {
    text-align: center;
}

.ostanati-tv-paketi-content #ostanati-paketi2 p.like-header {
    margin: 50px 0 0 0px;
    font-size: 19px;
}

.ostanati-tv-paketi-content #ostanati-paketi2 .tv-paketi-item-price p {
    margin: 15px 0 15px 0px;
}

    .ostanati-tv-paketi-content #ostanati-paketi2 .tv-paketi-item-price p a {
        max-width: 120px;
    }

@media (max-width: 767px) {
    .ostanati-tv-paketi-content .ostanati-tv-paketi-tabsBox ul li {
        width: 33.33333%
    }

        .ostanati-tv-paketi-content .ostanati-tv-paketi-tabsBox ul li a {
            font-size: 13px;
            padding: 10px;
        }

    .ostanati-tv-paketi-content .right-box {
        margin-left: 10px;
    }

        .ostanati-tv-paketi-content .right-box p {
            font-size: 15px;
            line-height: 22px;
        }

    .ostanati-tv-paketi-content ul.t-ul-new-magenta li {
        margin-left: 10px;
    }
}
/*#endregion ostanati tv paketi*/


.doplnitelniPridobivki_prepaid table.table-blue thead tr th:first-of-type, .doplnitelniPridobivki_prepaid table.table-blue tbody tr td:first-of-type {
    background-color: #efefef !important;
}

.doplnitelniPridobivki_prepaid table.table-blue thead tr th, .doplnitelniPridobivki_prepaid table.table-blue tbody tr td {
    background-color: #f8f8f8 !important;
}

.pozitivni-vibracii-banner {
    background-image: url('../content/images/pozitivni_Vibracii_landingBanner.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
}

.home-one.prePaid .pozitivni-vibracii-banner {
    min-height: initial;
    background-position: center center;
    margin-bottom: 10px;
    padding: 0 50px;
}


.dopolnitelni-5gb-banner {
    background-image: url('../content/images/5GB-mobilen-internet.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    margin-bottom: 10px;
}

.full-content-corporate .corporate-news-template table th {
    font-family: 'teleNeo-medium' !important;
    font-size: 18px;
    background: #eeeeee8f;
    border-right: 1px solid #cecece;
    padding: 15px 15px !important;
}

.full-content-corporate .corporate-news-template table td {
    background: transparent;
    padding: 15px 10px !important;
    font-size: 17px;
    border-right: 1px solid #eee;
}

    .full-content-corporate .corporate-news-template table td + td,
    .full-content-corporate .corporate-news-template table th + th {
        border-right: 0;
    }


.companyContent .cont {
    padding-top: 10px;
}

.company-header.affix .t-logo-link {
    display: none;
}

.theCompany div#loginNameMove, .theCompany #add-module {
    padding: 7px;
    height: 40px;
    display: inline-block;
    padding-right: 0 !important;
}

.company-header.affix .t-logo-link {
    display: none;
}


nov css .companyContent .cont {
    padding-top: 10px;
}



/*@media (max-width: 767px) {

    .moj-telekom-menu-1 #tools-private {
        position: absolute;
        right: 75px !important;
        top: 10px !important;
    }
}*/


span.no-wrap-text {
    display: inline-block;
}



@media (min-width: 1550px) {
    .homepage-wrapper .urediLandingTextSlider .item.safenet .item-wrapper .header h2 {
        font-size: 42px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.safenet .item-wrapper .white-text-wrap {
        margin-top: -5%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iTest-new {
        background-position: bottom !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.iTest-new .item-wrapper .white-text-wrap {
            margin-top: -5%;
        }

    .corporate-banner.naslovna .godina {
        bottom: 29%;
    }
}

@media (min-width: 1200px) and (max-width: 1550px) {
    .homepage-wrapper .urediLandingTextSlider .item.black-friday-2024 .item-wrapper img {
        height: 75% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .header {
        position: relative;
        top: -20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .right-img-wrap {
        background-size: contain;
        right: -20%;
        width: 70%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .ec {
        width: 115px;
        padding-top: 15px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .white-text-wrap {
        top: 45px;
        margin-top: unset;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new:after {
        left: -26%;
        width: 75%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-new .white-text-wrap h2 {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.digitalizacija .item-wrapper .white-text-wrap .ec {
        position: absolute;
        width: 120px;
        height: 120px;
        top: 0;
        right: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.ny-b2b-2024 .item-wrapper .white-text-wrap .ec {
        position: absolute;
        height: 0;
        top: -100px;
        right: 70px;
        width: 170px;
    }

    .corporate-banner img {
        object-fit: contain;
    }

    .homepage-wrapper .urediLandingTextSlider .item.soc-banner:after {
        width: 55%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.soc-banner .item-wrapper .white-text-wrap {
        width: 70%;
        padding-left: 10px;
        margin-top: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.soc-banner .header {
        width: 55%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.backup-business:after {
        width: 55%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.backup-business .item-wrapper .white-text-wrap {
        width: 65%;
        width: 65%;
        padding-left: 10px;
        margin-top: 30px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.soc-banner .ec {
        width: 120px;
        position: absolute;
        right: -100px;
        top: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.backup-business .ec {
        width: 120px;
        position: absolute;
        right: -80px;
        top: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-momnets-paris .item-wrapper .white-text-wrap {
        width: 80%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-momnets-paris .ec {
        width: 110px;
        right: 90px;
        bottom: -60px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-omilen-model .item-wrapper .white-text-wrap {
        width: 80%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samo-onlajn .item-wrapper .white-text-wrap {
        width: 80%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samo-onlajn .ec {
        width: 110px;
        right: 90px;
        bottom: -60px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap .header .image {
        padding: 35px 0px 15px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap .header h3 {
        font-size: 30px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023 .white-text-wrap .header .small {
        width: 100% !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nov-broj .right-img-wrap {
        right: 0;
        width: 50%;
        background-position: bottom;
    }

    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-odmor .right-img-wrap {
        right: 0;
        width: 100%;
        background-position: bottom;
    }

    .homepage-wrapper .urediLandingTextSlider .item.motorola-edge .right-img-wrap {
        right: 0;
        width: 50%;
        background-position: bottom;
    }

    .homepage-wrapper .urediLandingTextSlider .item.item.iPhone-15-newphoria .right-img-wrap {
        right: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .item-wrapper:after {
        left: 20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .white-text-wrap {
        margin-top: -10%;
    }

    .corporate-banner {
        top: -500px;
        height: 370px;
    }

        .corporate-banner.naslovna {
            height: 390px;
            top: -520px;
        }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap {
        margin-top: 20%;
    }



        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap span {
            font-size: 32px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new .item-wrapper .white-text-wrap h3 {
            font-size: 22px !important;
        }

    .homepage-wrapper .urediLandingTextSlider .item.septemvriska-promocija-2023-new:after {
        left: 8%;
    }
}

@media(max-width:1199px) and (min-width:992px) {
    .homepage-wrapper .urediLandingTextSlider .item.soc-banner .header {
        width: 55%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.soc-banner .item-wrapper .white-text-wrap {
        width: 80%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.soc-banner:after {
        width: 60%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.backup-business .item-wrapper .white-text-wrap {
        width: 80%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.backup-business:after {
        width: 75%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.soc-banner .ec {
        width: 110px;
        position: absolute;
        right: -125px;
        top: 0;
    }

    .homepage-wrapper .urediLandingTextSlider .item.backup-business .ec {
        width: 120px;
        position: absolute;
        right: -125px;
        top: 0;
    }

    .corporate-banner {
        top: -545px;
        height: 250px;
    }

        .corporate-banner.naslovna {
            height: 360px;
        }

            .corporate-banner.naslovna .wrapper .box {
                width: 35%;
            }

            .corporate-banner.naslovna .wrapper .godina {
                bottom: 20%;
            }

    #corporateTabsBox {
        padding-top: 20px;
    }

    .blueBox-plati-online .darkGreyBoxHP-leftTxt + a {
        right: 30px;
    }
}

@media(max-width:991px) and (min-width:768px) {
    .homepage-wrapper .urediLandingTextSlider .item.soc-banner .item-wrapper .white-text-wrap {
        width: 90%;
        margin-top: 15px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.soc-banner .header h1 {
        font-size: 62px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.soc-banner .header p {
        font-size: 32px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.soc-banner:after {
        width: 65%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.backup-business .item-wrapper .white-text-wrap {
        width: 90%;
        margin-top: 15px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.backup-business .header h1 {
        font-size: 62px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.backup-business .header p {
        font-size: 32px !important;
    }

    .homepage-wrapper .urediLandingTextSlider .item.backup-business:after {
        width: 65%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.backup-business .ec {
        right: -45px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.soc-banner .header {
        width: 50%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.soc-banner .ec {
        right: -110px;
        width: 100px;
    }

    .corporate-banner {
        top: -360px;
        height: auto;
    }

        .corporate-banner.naslovna {
            height: 270px;
            top: -400px;
        }

            .corporate-banner.naslovna:after {
                width: 55%;
                height: 100%;
            }

            .corporate-banner.naslovna .godina {
                bottom: 20%;
            }

            .corporate-banner.naslovna .wrapper .box {
                width: 45%;
            }

            .corporate-banner.naslovna .wrapper h2 {
                font-size: 40px;
            }

    #corporateTabsBox {
        padding-top: 250px !important;
    }
}

@media(max-width:767px) and (orientation : landscape) {
    .corporate-banner {
        top: -325px !important;
        height: auto;
    }
}

@media (max-width:991px) {

    .blueBox-plati-online .darkGreyBoxHP-leftTxt + a {
        position: relative;
        display: block;
        top: auto;
        transform: none;
        right: 0;
        left: 0 !important;
        float: none;
        margin: 0 auto;
        margin-top: 25px;
    }

    .darkGreyBoxHP-leftTxt {
        display: block;
        float: none;
    }

        .darkGreyBoxHP-leftTxt p {
            width: 100%;
        }
}

@media(max-width:767px) {
    .homepage-wrapper .urediLandingTextSlider .item.soc-banner {
        background-position: 70% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.soc-banner:after {
            display: none;
        }

        .homepage-wrapper .urediLandingTextSlider .item.soc-banner .header {
            flex-direction: column;
            background-color: #e20074;
            padding: 25px 25px;
            bottom: 40px;
            left: 0;
            position: absolute;
            right: 0;
            margin: auto;
            height: auto;
            width: 100%;
        }

            .homepage-wrapper .urediLandingTextSlider .item.soc-banner .header h1 {
                font-size: 24px;
            }

            .homepage-wrapper .urediLandingTextSlider .item.soc-banner .header p {
                font-size: 18px !important;
                padding-right: 0px;
            }

    .homepage-wrapper .urediLandingTextSlider .soc-banner .header .ec {
        width: 70px;
        right: 20px;
        top: -40px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.backup-business {
        background-position: 70% !important;
    }

        .homepage-wrapper .urediLandingTextSlider .item.backup-business:after {
            display: none;
        }

        .homepage-wrapper .urediLandingTextSlider .item.backup-business .header .ec {
            width: 70px;
            right: 20px;
            top: -40px;
        }

        .homepage-wrapper .urediLandingTextSlider .item.backup-business .header {
            flex-direction: column;
            background-color: #e20074;
            padding: 25px 25px;
            bottom: 40px;
            left: 0;
            position: absolute;
            right: 0;
            margin: auto;
            height: auto;
            width: 100%;
        }

            .homepage-wrapper .urediLandingTextSlider .item.backup-business .header h1 {
                font-size: 24px;
            }

            .homepage-wrapper .urediLandingTextSlider .item.backup-business .header p {
                font-size: 18px !important;
                padding-right: 0px;
            }

    .corporate-banner.naslovna {
        height: 210px;
        top: -510px !important;
    }

        .corporate-banner.naslovna h2 {
            font-size: 30px !important;
        }

        .corporate-banner.naslovna:after {
            width: 100%;
        }

        .corporate-banner.naslovna .wrapper {
            justify-content: flex-start;
            margin-left: 25px;
        }

            .corporate-banner.naslovna .wrapper .box {
                width: 100%;
            }

        .corporate-banner.naslovna .godina {
            bottom: 30%;
        }

    #corporateTabsBox {
        padding-top: 230px !important;
    }

    .korporativna-fast-links div {
        width: 100%;
        margin: 4px 0px;
    }

    #corporateTabsBox .nav > li:nth-of-type(2n) {
        margin-left: 0px;
    }

    #corporateTabsBox .nav > li {
        border-bottom: none;
        margin: 3px 3px;
        display: table;
        min-height: 56px;
        border-bottom: 2px solid transparent;
        width: 48%;
        float: left;
        border: 1px solid #ebeef3;
        border-radius: 4px;
    }

        #corporateTabsBox .nav > li:nth-of-type(1), #corporateTabsBox .nav > li:nth-of-type(2) {
            margin-bottom: 0px;
        }

    .corporate-banner {
        top: -530px !important;
        left: 0;
        height: 180px;
    }

        .corporate-banner img {
            object-fit: contain;
        }

    #corporateTabsBox {
        padding-top: 30px;
    }
}





/*#region youngster landing*/

.youngsters-speak-out .loop-lenta {
    height: 36px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
}

    .youngsters-speak-out .loop-lenta > div {
        height: 100%;
        width: 1920px;
        background: url('../content/images/youngster/loop-lenta-2.png');
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        transform: translate3d(0, 0, 0);
    }

    .youngsters-speak-out .loop-lenta .mover-1 {
        animation: moveSlideshow 12s linear infinite;
    }

    .youngsters-speak-out .loop-lenta .mover-2 {
        opacity: 0;
        transition: opacity 0.5s ease-out;
        background-position: 0 -200px;
        animation: moveSlideshow 15s linear infinite;
    }

@keyframes moveSlideshow {
    100% {
        transform: translateX(-66.6666%);
    }
}

.youngsters-speak-out {
    position: relative;
    background: url(../content/images/youngster/speak-out-bcg.jpg);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
    height: auto;
    padding: 2% 0 2% 0;
}

    .youngsters-speak-out .speak-out-content {
        position: relative;
        width: 50%;
        padding: 100px 0;
        text-align: center;
    }

        .youngsters-speak-out .speak-out-content h2 {
            position: relative;
            font-size: 63px;
            background: #e20074;
            color: black;
            font-family: 'teleNeo-bold' !important;
            letter-spacing: 4px;
            width: 370px;
            display: block;
            left: -35px;
            padding: 0 !important;
            transform: scale(0.8, 1.2);
            font-style: italic;
            text-align: center;
        }

        .youngsters-speak-out .speak-out-content h3 {
            color: white;
            width: 455px;
            line-height: 1.2;
            font-style: italic;
            font-size: 46px;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

            .youngsters-speak-out .speak-out-content h3 span {
                background: #e20074;
                margin-bottom: 12px;
                position: relative;
                display: block;
                font-family: 'teleNeo-medium' !important;
            }

    .youngsters-speak-out .social-icons {
        position: relative;
        padding: 30px 0;
        text-align: left;
    }

        .youngsters-speak-out .social-icons img {
            display: inline;
            width: 83px;
            margin: 0 39px 0 0;
        }

    .youngsters-speak-out .speak-out-content p {
        text-align: center;
        font-size: 18px;
    }

    .youngsters-speak-out .speak-out-content a {
        text-align: center;
        color: #e20074;
        background: white;
        border: 1px solid #e20074;
        font-size: 18px;
        margin-top: 30px;
        transition: 0.3s all ease-in;
    }

        .youngsters-speak-out .speak-out-content a:hover {
            color: white;
            background: #e20074;
            border: 1px solid white;
            transition: 0.3s all ease-in;
        }

.youngsters-landing-video {
    position: relative;
    width: 100%;
    height: 100%;
    /*padding-bottom: 56.25%;*/
}

    .youngsters-landing-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.youngsters-landing-intro {
    padding: 80px 0 70px;
    background: #ededed;
    background: -moz-linear-gradient(-45deg, #ededed 0%, #dadada 100%);
    background: -webkit-linear-gradient(-45deg, #ededed 0%,#dadada 100%);
    background: linear-gradient(135deg, #ededed 0%,#dadada 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dadada',GradientType=1 );
    text-align: center;
}

    .youngsters-landing-intro h2, .youngsters-landing-intro p, .youngsters-avocado-box h2 {
        color: #313131;
    }

    .youngsters-landing-intro h2, .youngsters-avocado-box h2 {
        font-size: 46px;
        margin-bottom: 50px;
    }

    .youngsters-landing-intro p {
        font-size: 21px;
        line-height: 1.2;
        font-family: 'teleNeo-medium' !important;
    }

.youngsters-intro-txt {
    width: 90%;
    margin: 0 auto;
}

.youngsters-banner {
    position: relative;
    height: 70vh;
}

    .youngsters-banner #youngsters-carousel {
        height: 100%;
    }

        .youngsters-banner #youngsters-carousel .carousel-inner,
        .youngsters-banner #youngsters-carousel .carousel-inner .item {
            height: 100%;
        }


.youngsters-arrow {
    position: absolute;
    bottom: -35px;
    background-color: #e20074;
    padding: 20px;
    border-radius: 500px;
    width: 70px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.2);
}

.youngsters-avocado-box {
    padding: 80px 0 70px;
    background: #ffefd5; /* Old browsers */
    background: -moz-linear-gradient(top, #ffefd5 0%, #ffce6f 20%, #ffce6f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffefd5 0%,#ffce6f 20%,#ffce6f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffefd5 0%,#ffce6f 20%,#ffce6f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefd5', endColorstr='#ffce6f',GradientType=0 ); /* IE6-9 */
    text-align: center;
}

    .youngsters-avocado-box h3 span {
        background-color: #e20074;
        color: white;
        padding: 5px 10px;
        font-size: 34px;
        font-family: 'teleNeo-ultra' !important;
    }

.youngsters-influencer {
    margin-top: 90px;
}

.youngsters-influencer-box a span {
    text-transform: uppercase;
    text-align: left;
    color: #e20074;
    font-family: 'teleNeo-bold' !important;
    font-size: 17px;
    line-height: 1.2;
    width: 85%;
    min-height: 60px;
    display: block;
    font-style: italic;
}

.youngsters-influencer-box {
    margin-bottom: 50px;
}

.collapseYoungster {
    position: relative;
    left: 0px;
    right: 0px;
    display: none;
}

    .collapseYoungster.collapse.in {
        display: block !important;
        z-index: 3;
    }

.youngsters-influencer-box a:hover, .youngsters-influencer-box a:focus {
    text-decoration: none;
}

.youngster-story {
    display: table;
    width: 100%;
    margin-bottom: 60px;
}


.youngster-story-video, .youngster-story-txt {
    display: table-cell;
    vertical-align: middle;
}


.youngster-story-video {
    width: 33.3333%;
    position: relative;
    z-index: 1;
    /*padding-right: 15px;*/
}

    .youngster-story-video.special {
        position: absolute;
        width: 32.333%;
        top: -447px;
        left: auto;
        right: auto;
    }

div#collapseYoungster9 .youngster-story-video.special,
div#collapseYoungster11 .youngster-story-video.special {
    left: 350px;
}

.youngster-story-txt {
    width: 66.6666%;
}

    .youngster-story-txt .youngster-story-txt-box {
        background-color: #e20074;
        color: white;
        position: relative;
        text-align: left;
        color: white;
        padding: 25px 65px 25px 25px;
        width: 650px;
        height: 360px;
        background-size: cover;
        clip-path: polygon(0% 620%, 0% 0%, 100% 0%);
        font-style: italic;
    }

.youngster-story-txt-box p {
    font-family: 'teleNeo-medium' !important;
    font-size: 26px;
    line-height: 1.1;
}

    .youngster-story-txt-box p:first-of-type {
        margin-bottom: 35px;
    }

.youngster-story-video video {
    width: 100%;
}

.youngster-story-txt-box:before {
    content: '';
    display: block;
    left: -15px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 15px;
    bottom: 0;
    background-color: #e20074;
}

.youngsters-influencer-box .youngsters-influencer-img {
    position: relative;
    margin-bottom: 12px;
}



.youngsters-influencer-box a.joungster {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

    .youngsters-influencer-box a.joungster:hover .youngsters-influencer-img:before {
        display: block;
        content: '';
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: rgba(226, 0, 116, 0.7);
        position: absolute;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

#carousel-youngsters ol.carousel-indicators {
    left: 45%;
}

    #carousel-youngsters ol.carousel-indicators li {
        background: transparent;
        border: 1px solid white;
        border-radius: 50%;
        width: 12px;
        height: 12px;
        margin-bottom: 1px;
    }

        #carousel-youngsters ol.carousel-indicators li.active {
            background: white;
            width: 12px;
            height: 12px;
        }

#carousel-youngsters.slide p {
    display: block;
}

span#close {
    position: relative;
    font-size: 30px;
    float: right;
    top: -50px;
    color: white;
    right: 20px;
    cursor: pointer;
}

div#youngsters .youngsters-banner .carousel-control {
    top: 10%;
    bottom: 10%;
    width: 7%;
}

    div#youngsters .youngsters-banner .carousel-control img {
        top: 50%;
        position: relative;
        transform: translateY(-50%);
        width: 45px;
        height: auto;
    }

@media (max-width:767px) {

    .youngster-story-video.special {
        top: 0;
        width: 100%;
    }

    div#collapseYoungster9 .youngster-story-video.special,
    div#collapseYoungster11 .youngster-story-video.special {
        left: 0;
    }

    .youngsters-speak-out .speak-out-content {
        width: 100%;
        padding: 60px 0;
    }

        .youngsters-speak-out .speak-out-content h2 {
            font-size: 41px;
            width: 260px;
        }

        .youngsters-speak-out .speak-out-content h3 {
            width: 280px;
            font-size: 27px;
            position: relative;
            left: -10px;
        }

            .youngsters-speak-out .speak-out-content h3 span {
                margin-bottom: 10px;
            }

    .youngsters-speak-out .social-icons img {
        display: inline;
        width: 50px;
        margin: 0px 10px;
    }

    .youngsters-speak-out .social-icons {
        padding: 20px 0 30px;
        position: relative;
        left: -20px;
    }

    .youngsters-arrow {
        position: absolute;
        bottom: -23px;
        padding: 12px;
        width: 46px;
        height: 46px;
    }

    .youngsters-landing-intro h2, .youngsters-avocado-box h2 {
        font-size: 23px;
        margin-bottom: 40px;
    }


    .youngsters-landing-intro p {
        font-size: 18px;
        font-family: 'teleNeo-regular' !important;
    }

    .youngsters-landing-intro {
        padding: 60px 0 40px;
    }

    .youngsters-avocado-box {
        padding: 45px 0 55px;
    }

        .youngsters-avocado-box h3 span {
            font-size: 22px;
        }

    .youngsters-influencer {
        margin-top: 50px;
    }

    .youngsters-influencer-box a span {
        font-size: 13px;
        width: 100%;
        min-height: 70px;
    }

    .youngsters-influencer-box {
        margin-bottom: 30px;
    }

    .youngster-story {
        display: block;
        width: 100%;
        text-align: center;
    }

    .youngster-story-video {
        width: 100%;
        padding-right: 0;
    }

    .youngster-story-video, .youngster-story-txt {
        display: block;
    }

    .youngster-story-txt-box:before {
        display: none;
    }

    .youngster-story-txt {
        width: 100%;
    }

    .youngster-story-txt-box p:first-of-type {
        margin-bottom: 20px;
    }

    .youngster-story-txt-box p {
        font-size: 16px;
    }

    .youngster-story-txt .youngster-story-txt-box {
        background-color: transparent;
        border-radius: 0;
        width: 100%;
    }

    .youngster-story-txt.billie .youngster-story-txt-box {
        background-color: #e20074;
        height: 230px !important;
    }

    .youngster-story-video video {
        width: 65%;
    }

    .youngsters-influencer .row {
        position: relative;
    }

    .youngsterBoxMobil {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(226, 0, 116, 0.5);
        /*z-index: 10;*/
        padding-top: 70px;
        display: none;
    }

    .youngsterBoxMobilOne.hide,
    .youngsterBoxMobilTwo.hide {
        display: none !important;
    }

    .youngsterBoxMobilOne.show,
    .youngsterBoxMobilTwo.show {
        display: block !important;
    }
}

.youngsters-influencer .card.card-body.billie {
    position: relative;
    padding: 0;
    left: -15px;
}

    .youngsters-influencer .card.card-body.billie .youngster-story-txt-box {
        height: 290px;
        vertical-align: middle;
        top: 15px;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .homepage-wrapper .urediLandingTextSlider .item.samsung-s21-preorder .absolute-box {
        width: 65%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s21-preorder img.text-one {
        top: 15%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-s21-preorder img.text-two {
        bottom: 30%;
        width: 250px;
    }

    .e-trotinet-tabsBox ul.nav.nav-tabs li {
        left: 0;
        width: 17%;
    }

    .e-trotinet-naracajBox, .e-prevoz-naracajBox {
        top: -185px;
    }

    .e-trotinet-tabsBox .nav-tabs li a {
        min-height: 150px;
    }

    .e-trotinet-tabsBox .nav-tabs > li img {
        width: 90%;
        top: -360px;
    }

    .e-trotinet-tabsBox .nav-tabs li a.btn.btn-grey span,
    .e-trotinet-tabsBox .nav-tabs li.active a.btn.btn-grey span {
        position: relative;
        top: 0px;
    }

    .e-trotinet-tabsBox .nav-tabs li a span,
    .e-trotinet-tabsBox .nav-tabs li.active a span {
        position: relative;
        top: 20px;
    }

    .youngster-story-video.special {
        top: -365px;
    }

    div#collapseYoungster9 .youngster-story-video.special,
    div#collapseYoungster11 .youngster-story-video.special {
        left: 260px;
        top: -360px;
    }

    .youngsters-speak-out .social-icons img {
        margin: 0 10px;
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
    .youngster-story-video.special {
        top: -436px;
    }

    div#collapseYoungster9 .youngster-story-video.special,
    div#collapseYoungster11 .youngster-story-video.special {
        left: 330px;
        top: -436px;
    }
}
/*#endregion youngster landing*/


.table-responsive.mob-internet-doma-all img {
    position: absolute;
    right: 0;
    z-index: 9999;
    bottom: 12px;
}

.internetZaVoZemjata {
    position: relative;
}

    .internetZaVoZemjata img {
        position: absolute;
        right: 25px;
        top: 25px;
    }

input#captcha {
    position: relative;
    width: 50%;
    display: inline;
    border: 0;
    border-bottom: 1px solid #ccc;
    padding: 0;
}

#captcha-input:focus {
    outline: none;
}

.mail-contactForm .alert-danger {
    position: relative;
    top: 60px;
}

.mail-contactForm .alert-captcha-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    position: relative;
    top: 60px;
}
/*#region maxTv go promeni*/
div#questions-maxtvgo {
    padding-top: 40px;
}

    div#questions-maxtvgo h1 {
        font-size: 28px;
        font-family: 'teleNeo-bold' !important;
    }

div#kako-se-koristi-maxtv-go {
    padding-top: 40px;
}

    div#kako-se-koristi-maxtv-go h1 {
        font-size: 28px;
        font-family: 'teleNeo-bold' !important;
    }
/*#endregion maxTv go promeni*/


/*#region bsd home page*/
.blueBox-plati-online.bsd {
    position: relative;
    color: white;
    padding: 30px 0 0;
    background-image: url(../content/images/bsd-bg-image.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 450px;
    background-color: transparent !important;
    margin-bottom: 11%;
    margin-top: 2%;
}

    .blueBox-plati-online.bsd .darkGreyBoxHP-leftTxt .wrapper {
        position: absolute;
        width: 100%;
        z-index: 2;
        bottom: 0;
    }

        .blueBox-plati-online.bsd .darkGreyBoxHP-leftTxt .wrapper:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/shape1-bsd.png);
            height: 720px;
            width: 100%;
            z-index: 2;
            bottom: -65%;
            left: -15%;
            background-repeat: no-repeat;
            background-size: contain;
        }

        .blueBox-plati-online.bsd .darkGreyBoxHP-leftTxt .wrapper .text-wrapper {
            position: relative;
            z-index: 4;
            width: 50%;
            padding: 50px 100px 20px 0px;
            top: -30px;
        }

    .blueBox-plati-online.bsd h2 {
        line-height: 1.2;
        font-family: 'teleNeo-bold' !important;
    }

    .blueBox-plati-online.bsd .darkGreyBoxHP-leftTxt p {
        font-size: 19px;
        line-height: 1.2;
    }

    .blueBox-plati-online.bsd a {
        position: relative;
        text-align: center;
        float: left;
        margin: 10px 0;
        background: white;
        color: #e20074 !important;
        font-family: 'teleNeo-bold' !important;
    }

@media (min-width: 1550px) {
    .homepage-wrapper .urediLandingTextSlider .item.magenta-moments-coldplay .white-text-wrap {
        margin-top: 0;
    }


    .blueBox-plati-online.bsd {
        height: 430px;
        margin-top: 5%;
    }

    #aktuelnoBox2018 .aktuleno-img.right-small-banner.samsung-s10-aktuleno {
        background-image: url(../content/banners/2019/samsung-s10-aktuelno-banner-large.jpg);
    }



    .blueBox-plati-online.bsd .darkGreyBoxHP-leftTxt .wrapper:before {
        height: 745px;
        width: 100%;
        z-index: 2;
        bottom: -70%;
        left: -125px;
    }

    .blueBox-plati-online.bsd .darkGreyBoxHP-leftTxt .wrapper .text-wrapper {
        position: relative;
        z-index: 4;
        width: 45%;
        padding: 10px 50px 20px 90px;
        top: -30px;
    }
}

@media(max-width: 767px) {
    .blueBox-plati-online.bsd {
        height: 370px;
        margin-bottom: 30% !important;
    }

        .blueBox-plati-online.bsd .darkGreyBoxHP-leftTxt:before {
            content: '';
            height: 100%;
            width: 100%;
        }

        .blueBox-plati-online.bsd .darkGreyBoxHP-leftTxt .wrapper {
            position: relative;
            width: 100%;
            z-index: 2;
            padding: 3% 0;
            bottom: 0;
        }

            .blueBox-plati-online.bsd .darkGreyBoxHP-leftTxt .wrapper:before {
                content: '';
                display: none;
            }

            .blueBox-plati-online.bsd .darkGreyBoxHP-leftTxt .wrapper .text-wrapper {
                position: relative;
                z-index: 4;
                width: 100%;
                padding: 20px;
                top: 0;
                background: #e20074;
                padding: 20px 10px 60px;
            }

        .blueBox-plati-online.bsd .darkGreyBoxHP-leftTxt p {
            font-size: 18px;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    .blueBox-plati-online.bsd {
        margin-bottom: 20%;
    }

        .blueBox-plati-online.bsd .darkGreyBoxHP-leftTxt .wrapper {
            position: absolute;
            width: 100%;
        }

            .blueBox-plati-online.bsd .darkGreyBoxHP-leftTxt .wrapper:before {
                content: '';
                position: absolute;
                background-image: url(../content/images/shape1-bsd.png);
                height: 690px;
                width: 100%;
                z-index: 2;
                bottom: -70%;
                left: -20%;
                background-repeat: no-repeat;
                background-size: cover;
            }

            .blueBox-plati-online.bsd .darkGreyBoxHP-leftTxt .wrapper .text-wrapper {
                position: relative;
                z-index: 4;
                width: 70%;
                padding: 40px 40px 20px 55px;
                top: -10px;
            }
}

@media(min-width: 992px) and (max-width: 1199px) {
    .blueBox-plati-online.bsd {
        margin-bottom: 14%;
    }

        .blueBox-plati-online.bsd .darkGreyBoxHP-leftTxt .wrapper {
            position: absolute;
            width: 100%;
        }

            .blueBox-plati-online.bsd .darkGreyBoxHP-leftTxt .wrapper:before {
                content: '';
                position: absolute;
                background-image: url(../content/images/shape1-bsd.png);
                height: 640px;
                width: 100%;
                z-index: 2;
                bottom: -50%;
                left: -17%;
                background-repeat: no-repeat;
                background-size: cover;
            }

            .blueBox-plati-online.bsd .darkGreyBoxHP-leftTxt .wrapper .text-wrapper {
                position: relative;
                z-index: 4;
                width: 100%;
                padding: 40px 100px 20px 55px;
                top: -40px;
            }
}

@media (min-width: 1200px) and (max-width: 1450px) {
    .homepage-wrapper .urediLandingTextSlider .item.digitalen-adminstrator-2024:after {
        width: 65%;
    }

    .homepage-wrapper .urediLandingTextSlider .item.internet-vo-roaming .white-text-wrap {
        width: 60%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.internet-vo-roaming .white-text-wrap .ec {
            top: 10px !important;
            left: 40%;
            width: 100px;
        }



    .blueBox-plati-online.bsd .darkGreyBoxHP-leftTxt .wrapper .text-wrapper {
        position: relative;
        z-index: 4;
        width: 60%;
        padding: 50px 120px 20px 40px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.business-tarifi-banner .sliderUrediTxt-image {
        height: 560px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1b-unlimited-banner .sliderUrediTxt-image {
        height: 550px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.iphone-13-presales .sliderUrediTxt-image {
        top: -100px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.prepaid-card-banner .wrapper-text {
        top: -100px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.m1-unlimited-banner .sliderUrediTxt-image {
        height: 600px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.mobile-unlimited-banner .sliderUrediTxt-image {
        height: 600px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.samsung-a52 .sliderUrediTxt-image {
        height: 590px;
    }
}

@media (min-width:1200px) and (max-width:1400px) {
    .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .white-text-wrap {
        margin-top: -10%;
    }

        .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .white-text-wrap .header {
            width: 100%;
        }

    .homepage-wrapper .urediLandingTextSlider .item.nov-smartfon .item-wrapper:after {
        left: 20px;
    }

    .homepage-wrapper .urediLandingTextSlider .item.sekade-kako-doma-banner .white-text-wrap {
        margin-top: -10% !important;
    }


    .homepage-wrapper .urediLandingTextSlider .item.valentines .sliderUrediTxt-image {
        height: 400px !important;
        top: 7px;
    }
}

@media(min-width: 1551px) {
    /*    .homepage-wrapper .urediLandingTextSlider .item.mobile-unlimited-banner .sliderUrediTxt-image {
        background-image: url(../content/banners/2021/mobile-unlimited-banner.png) !important;
        background-position: 40% 0%;
        background-size: cover;
        height: 100%;
        top: 60px;
    }*/
    .homepage-wrapper .urediLandingTextSlider .item.valentines .sliderUrediTxt-image {
        height: 640px !important;
        top: 50px !important;
    }
}
/*@media (min-width: 1200px) and (max-width: 1440px){
    .blueBox-plati-online.bsd .darkGreyBoxHP-leftTxt .wrapper .text-wrapper {
        position: relative;
        z-index: 4;
        width: 90%;
        padding: 40px 190px 20px 3px;
        top: -55px;
    }
}*/
/*#endregion bsd home page*/
.navbar-default .navbar-nav li.no-click > a,
#menu ul.mm-listview li.mobilniD a:last-child {
    pointer-events: none;
}

/*#region strana za zashtita na lichni podatoci*/
#cenovniciUslugiLanding .nav-tabs.lichni-podatoci {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-end;
}

    #cenovniciUslugiLanding .nav-tabs.lichni-podatoci li a {
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
    }

        #cenovniciUslugiLanding .nav-tabs.lichni-podatoci li a img,
        #cenovniciUslugiLanding .nav-tabs.lichni-podatoci li a span {
            /*  float: left;*/
            font-size: 18px;
            display: inline-flex;
            align-content: center;
            align-items: center;
        }
/*#region strana za zashtita na lichni podatoci*/



/*#region new tariffs in webshop --- mobile ver*/


@media(max-width: 767px) {
    #carouselMobileTraiffTables .cell .minuti .one-t-dicklaimer {
        position: absolute;
        right: 10px !important;
        left: initial !important;
        top: 20px !important;
    }

    #carouselMobileTraiffTables .cell .minuti-promotivno .one-t-dicklaimer {
        position: absolute;
        right: 10px !important;
        left: inherit;
        top: 15px !important;
    }
}
/*#endregion new tariffs in webshop --- mobile ver*/
/*#region 5g image in menu*/
li.five_g_menu {
    background-image: url(../content/images/five-g-image-menu.jpg);
    background-repeat: no-repeat;
    min-height: 136px;
    background-position: left center;
    padding-right: 0 !important;
    background-size: contain;
    transform: scale(0.95);
    transition: all ease-in .3s;
}

    li.five_g_menu:hover {
        transform: scale(1);
        transition: all ease-in .3s;
    }

.menu_sq li.five_g_menu {
    background-image: url('../content/images/five-g-image-menu-sq.jpg')
}

li.five_g_menu a {
    min-height: 136px;
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    display: block;
    -moz-transform: translate(0px, 0);
    -ms-transform: translate(0px,0);
    -o-transform: translate(0px,0);
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0);
}

li.five_g_menu > a:hover {
    background-color: transparent !important;
    -moz-transform: translate(0px, 0);
    -ms-transform: translate(0px,0);
    -o-transform: translate(0px,0);
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0);
}

li.five_g_menu a p {
    display: none;
}

@media(min-width: 768px) and (max-width: 991px) {
    li.five_g_menu {
        padding-right: 0 !important;
        background-size: contain;
        background-position: center;
    }

        li.five_g_menu a p {
            top: 30%;
        }
}

@media (min-width: 1550px) {
    li.five_g_menu {
        background-size: contain;
        min-height: 120px;
    }
}
/*#endregion 5g image in menu*/

/*#region custom news za kompanijata */
.cr-like-news {
    position: relative;
}

    .cr-like-news .wrapper {
        display: flex;
        justify-content: flex-end;
    }

    .cr-like-news .corporateMainBox-custom {
        width: 50%;
        padding: 12px 0 12px 12px;
    }

        .cr-like-news .corporateMainBox-custom a {
            text-decoration: none;
            color: black;
        }

        .cr-like-news .corporateMainBox-custom .white-box {
            border: 1px solid #ebeef3;
            border-radius: 4px;
            padding: 25px 25px 25px;
            transition: all 0.3s ease;
            margin-bottom: 0;
            background: white;
        }

            .cr-like-news .corporateMainBox-custom .white-box .image-wrapper {
                overflow: hidden;
            }

                .cr-like-news .corporateMainBox-custom .white-box .image-wrapper img {
                    border-radius: 4px;
                    margin-bottom: 20px;
                }

        .cr-like-news .corporateMainBox-custom h2 {
            font-size: 27px;
        }

        .cr-like-news .corporateMainBox-custom .read-more {
            position: relative;
            padding-right: 35px;
            display: inline-block;
            font-size: 15px;
            text-transform: uppercase;
            font-family: 'teleNeo-bold' !important;
            color: #000000;
        }
/*#endregion custom news za kompanijata */

/*#region splash*/
.newSplash {
    background-image: url(content/images/2023/shape-big.png);
    background-size: auto 720px;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: #fafafa;
}



    .newSplash .splash-container {
        padding: 100px 5% 50px;
    }



        .newSplash .splash-container h2, .newSplash .splash-container h3 {
            text-transform: uppercase;
            font-family: 'teleNeo-extra' !important;
            position: relative;
        }

        .newSplash .splash-container h2 {
            font-size: 30px;
            margin-bottom: 40px;
        }

        .newSplash .splash-container h3 {
            font-size: 23px;
            margin-bottom: 30px;
        }

        .newSplash .splash-container p {
            font-size: 17px;
            line-height: 1.2;
        }

            .newSplash .splash-container p.small {
                margin-top: 30px;
            }

            .newSplash .splash-container p .line-through {
                text-decoration: line-through;
            }

        .newSplash .splash-container .white-text {
            color: white;
            margin-top: 150px;
            position: relative;
        }

            .newSplash .splash-container .white-text .ec {
                position: absolute;
                top: -115px;
                right: -220px;
            }

            .newSplash .splash-container .white-text a, .newSplash .splash-container .white-text a:focus {
                text-decoration: underline;
                color: white;
                font-family: 'teleNeo-medium' !important;
            }

@media(max-width:1850px) {
    .newSplash {
        background: url(content/images/2023/shape1.png);
        background-size: auto;
        background-position: center bottom;
        background-repeat: no-repeat;
    }

        .newSplash .splash-container {
            padding: 100px 5% 80px;
        }
}

@media(max-width:1199px) {
    .newSplash .splash-container {
        padding: 100px 5% 20px;
    }

        .newSplash .splash-container .white-text .ec {
            position: absolute;
            top: -100px;
            right: -90%;
        }
}

@media(max-width:992px) {
    .newSplash .splash-container {
        padding: 100px 5%;
    }

        .newSplash .splash-container .white-text .ec {
            position: absolute;
            top: -180px;
            right: -50px;
        }
}


@media(max-width:768px) {
    .newSplash .splash-container {
        padding: 100px 5% 20px;
    }

        .newSplash .splash-container .white-text .ec {
            position: absolute;
            top: -215px;
            right: -50px;
        }

        .newSplash .splash-container .white-text {
            color: white;
            margin-top: 200px;
            position: relative;
        }
}

@media (max-width: 400px) {
    .newSplash {
        background-size: auto 1110px;
    }
}
/*#endregion splash*/
.magenta1-wrapper-full .wrapper .holder .line-through {
    text-decoration: line-through;
}

li.best-net {
    background-image: url(../content/images/best-net-banner.jpg);
    background-repeat: no-repeat;
    min-height: 136px;
    background-position: left center;
    padding-right: 0 !important;
    background-size: contain;
    transform: scale(0.95);
    transition: all ease-in .3s;
}

li.best-net {
    position: relative;
}

    li.best-net a {
        opacity: 0;
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

li.best-net-sq {
    background-image: url(../content/images/best-net-banner-alb.jpg);
    background-repeat: no-repeat;
    min-height: 136px;
    background-position: left center;
    padding-right: 0 !important;
    background-size: contain;
    transform: scale(0.95);
    transition: all ease-in .3s;
}

li.best-net-sq {
    position: relative;
}

    li.best-net-sq a {
        opacity: 0;
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


.btn-magenta-new {
    border-radius: 0;
    padding: 10px;
    font-size: 17px;
    margin: 10px;
    background: linear-gradient(to bottom, #e20074 0, #d5006d 100%);
    color: white;
    transition: all ease-in .4s;
}

    .btn-magenta-new:hover {
        background: linear-gradient(to bottom, #cd026b 0, #b90762 100%);
        transition: all ease-in .4s;
        color: white;
    }


/*tab cookies lichni podatoci*/
#cenovniciUslugiLanding .cenovniciUslugiLanding-tabsContent table,
#cenovniciUslugiLanding .cenovniciUslugiLanding-tabsContent table thead tr th,
#cenovniciUslugiLanding .cenovniciUslugiLanding-tabsContent table td + td,
#cenovniciUslugiLanding .cenovniciUslugiLanding-tabsContent table th + th {
    background: transparent;
    background-color: transparent;
}

    #cenovniciUslugiLanding .cenovniciUslugiLanding-tabsContent table td,
    #cenovniciUslugiLanding .cenovniciUslugiLanding-tabsContent table th {
        border: 1px solid #e8e8e8 !important;
        font-size: 16px;
        line-height: 1.2;
        background: transparent;
    }

#mobipay-nagradna-igra h1 {
    color: white;
    padding: 100px 50px;
    /* font-size: 68px; */
    font-family: tscreen-ultra !Important;
    font-size: 74px;
    text-transform: uppercase;
    margin-bottom: 0px;
    line-height: 73.2px;
}

#mobipay-nagradna-igra .prv-del {
    background: url("/content/images/mobipay2016/mobipay-1.png");
    margin-bottom: 0px;
}

#mobipay-nagradna-igra h1 span.smaller-font {
    color: white;
    /* font-size: 68px; */
    font-family: tscreen-regular !Important;
    font-size: 74px;
    top: 169px;
    text-transform: uppercase;
    line-height: 73.2px;
}


#mobipay-nagradna-igra .vtor-del {
    background: url("/content/images/mobipay2016/mobipay-2.png");
    padding-top: 40px;
    padding-bottom: 40px;
}

#mobipay-nagradna-igra h4 {
    color: #e20074;
    padding: 0px 50px;
    font-size: 21px;
    text-transform: uppercase;
    font-family: 'tscreen-bold';
}

#mobipay-nagradna-igra .vtor-del .telekom-trends {
    color: white;
    padding: 10px 50px;
    font-size: 18px;
    line-height: 23px;
    font-family: tscreen-regular !Important;
}

    #mobipay-nagradna-igra .vtor-del .telekom-trends .magenta-text {
        color: #e20074;
        font-family: 'tcreeen-bold';
    }

#mobipay-nagradna-igra .tret-del {
    background: url("/content/images/mobipay2016/mobipay-3.png");
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    min-height: 510px;
}

    #mobipay-nagradna-igra .tret-del .besplatni-avtobuski-vozenja {
        width: 60%;
        float: right;
    }

        #mobipay-nagradna-igra .tret-del .besplatni-avtobuski-vozenja h1 {
            font-family: tscreen-ultra !Important;
            line-height: 50.5px;
            font-size: 51px;
            padding: 50px 50px;
            color: #e20074;
            text-transform: uppercase;
            position: relative;
        }

        #mobipay-nagradna-igra .tret-del .besplatni-avtobuski-vozenja .broj-na-vozenja {
            letter-spacing: -3px;
            font-size: 150px;
            font-family: tscreen-ultra !Important;
            position: absolute;
            top: 184px;
            left: 38px;
        }

            #mobipay-nagradna-igra .tret-del .besplatni-avtobuski-vozenja .broj-na-vozenja .shift-number-of-traveling {
                margin-right: -27px;
            }

        #mobipay-nagradna-igra .tret-del .besplatni-avtobuski-vozenja span.smaller-text {
            color: #e20074;
            font-size: 24px;
            text-transform: uppercase;
            font-family: tscreen-regular !Important;
            position: absolute;
            top: 265px;
        }

#mobipay-nagradna-igra .cetvrt-del {
    background: url("/content/images/mobipay2016/mobipay-4.png");
    padding-top: 40px;
    padding-bottom: 40px;
    background-size: cover;
    position: relative;
    /*min-height: 500px;*/
}

    #mobipay-nagradna-igra .cetvrt-del .telekom-trends {
        color: black;
        padding: 10px 50px;
        font-size: 18px;
        line-height: 1.2;
        font-family: tscreen-regular !Important;
    }

#mobipay-nagradna-igra .petti-del {
    background: url("/content/images/mobipay2016/mobipay-5.png");
    padding-top: 30px;
    padding-bottom: 30px;
    background-size: cover;
    position: relative;
    min-height: 50px;
}

    #mobipay-nagradna-igra .petti-del p {
        color: #57baef;
        text-decoration: underline;
        padding: 0px 50px;
        font-size: 20px;
        font-family: tscreen-regular !Important;
    }

#mobipay-nagradna-igra .cetvrt-del .ec-telekom-ponuda {
    position: absolute;
    top: -69px;
    right: 10%;
    width: 149px;
}

#mobipay-nagradna-igra .tret-del {
    position: relative;
}

    #mobipay-nagradna-igra .tret-del .mreza {
        position: absolute;
        left: 0px;
        width: 400px;
        top: -265px;
        opacity: 0.6;
    }


@media(max-width:768px) {
    #mobipay-nagradna-igra h1.smaller-font, #mobipay-nagradna-igra h1 {
        font-size: 34px;
        padding: 20px 20px;
        line-height: 48.2px;
    }

        #mobipay-nagradna-igra h1 span.smaller-font {
            font-size: 34px;
            line-height: 48.2px;
        }

    #mobipay-nagradna-igra .tret-del .mreza {
        display: none;
    }

    #mobipay-nagradna-igra .tret-del .besplatni-avtobuski-vozenja h1 {
        font-size: 34px;
            line-height: 37.5px !important;

    }

    #mobipay-nagradna-igra .tret-del .besplatni-avtobuski-vozenja .broj-na-vozenja {
        font-size: 70px;
        margin-left: -5px;
        line-height: 55.5px !important;
    }

    #mobipay-nagradna-igra .cetvrt-del .ec-telekom-ponuda {
        display: none;
    }

    #mobipay-nagradna-igra .tret-del .besplatni-avtobuski-vozenja {
        float: none;
        width: 100%;
    }

    #mobipay-nagradna-igra h4, #mobipay-nagradna-igra .vtor-del .telekom-trends {
        padding: 0px;
    }

    #mobipay-nagradna-igra .cetvrt-del .telekom-trends {
        padding: 10px 20px;
        margin: 0px;
    }

    #mobipay-nagradna-igra .cetvrt-del h4 {
        padding: 0px 20px;
    }

    #mobipay-nagradna-igra .petti-del {
        padding-top: 0px;
        padding-bottom: 0px;
    }

        #mobipay-nagradna-igra .petti-del p {
            padding: 10px 20px;
        }

    #mobipay-nagradna-igra h4 {
        font-size: 21px;
    }

    #mobipay-nagradna-igra .prv-del h1,
    #mobipay-nagradna-igra .vtor-del {
        padding: 20px;
        min-height: 200px;
    }

    #mobipay-nagradna-igra .tret-del {
        padding: 5px 0px;
        min-height: 200px;
    }

        #mobipay-nagradna-igra .tret-del .besplatni-avtobuski-vozenja h1 {
            padding: 20px;
        }

    #mobipay-nagradna-igra .cetvrt-del {
        padding: 20px 0px;
    }
}

@media(max-width:1200px) {

    #mobipay-nagradna-igra .cetvrt-del .ec-telekom-ponuda {
        top: -38px;
        width: 112px;
    }


    #mobipay-nagradna-igra .tret-del .besplatni-avtobuski-vozenja .broj-na-vozenja {
        top: 231px;
    }

    #mobipay-nagradna-igra .tret-del .besplatni-avtobuski-vozenja span.smaller-text {
        top: 320px;
    }

    #mobipay-nagradna-igra .tret-del .besplatni-avtobuski-vozenja .broj-na-vozenja .shift-number-of-traveling {
        margin-right: -14px;
    }
}

@media(max-width:991px) and (min-width:768px) {
    #mobipay-nagradna-igra .tret-del .besplatni-avtobuski-vozenja .broj-na-vozenja {
        font-size: 80px;
    }
}

@media(max-width:991px) {
    #mobipay-nagradna-igra .tret-del .besplatni-avtobuski-vozenja .broj-na-vozenja {
        position: initial;
    }

    #mobipay-nagradna-igra .tret-del .besplatni-avtobuski-vozenja span.smaller-text {
        position: initial;
    }
}

@media(max-width:767px) {
    #mobipay-nagradna-igra .tret-del .besplatni-avtobuski-vozenja .broj-na-vozenja .shift-number-of-traveling {
        margin-right: -11px;
    }

    #mobipay-nagradna-igra .tret-del .besplatni-avtobuski-vozenja h1 {
    }

    #mobipay-nagradna-igra .tret-del .besplatni-avtobuski-vozenja span.smaller-text {
        font-size: 17px;
    }
}

.mini-shopping-cart-inner {
   background: rgba(241, 241, 241, 0.97);
    border: 1px solid #dfdfdf !important;
}

.mini-phone-thumb {
    width: 27%;
    display: block;
    float: left;
    text-align: center;
}

.mini-desc {
    width: 73%;
    float: left;
    display: block;
}

.mini-phone-wrap {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    color: #383838;
}


.mini-phone-thumb img {
    max-width: 100%;
    max-height: 100%;
}

/*#miniShoppingCart a.btn-mini-cart {
    color: #00a0de;
    text-transform: none;
    font-size: 15px;
    display: block;
    margin: 10px 0 0 0;
}*/

span.vkupna-cena-mini-shopping-cart {
    font-family: 'tscreen-bold';
    font-size: 16px;
    text-align: right;
    float: right;
}
.priceOrder span.vkupna-cena-mini-shopping-cart{
        float: none;
 }

.mini-cart-price {
    text-align: right;
}

.mini-cart-price-title {
    float: left;
}

.mini-desc-title {
    padding-right: 18px;
    display: block;
}

.mini-desc {
    border-bottom: 0;
    padding-bottom: 5px;
    position: relative;
    padding-right: 0;
}

.mini-phone-holder:before, .mini-phone-holder:after {
    content: '';
    clear: both;
    display: table;
}


a.mini-desc-remove {
    position: absolute;
    right: -4px;
    top: 1px;
    font-size: 24px;
    height: 20px;
    width: 20px;
    padding: 0;
    text-align: center;
    background-color: transparent;
}

.mini-desc-remove:hover {
    background-color: transparent;
}

    .mini-desc-remove:hover i {
        color: #e20074;
    }


a.mini-desc-remove i {
    color: #333;
    font-size: 32px;
    line-height: 10px;
    margin-top: -6px;
    display: block;
}

#miniShoppingCart:hover .mini-shopping-cart-inner {
    color: #333;
}

.naplata-naracka-btn, .otkazi-naracka-btn {
    display: block;
    width: 50%;
    float: left;
    text-align: center;
}


#miniShoppingCart .otkazi-naracka-btn {
    border-right: 1px solid #cccccc;
    color: #6f6f6f !important;
}

.mini-cart-footer-buttons {
    border-top: 0;
    margin-top: 15px;
}

    .mini-cart-footer-buttons:before, .mini-cart-footer-buttons:after {
        content: '';
        clear: both;
        display: table;
    }

.mini-cart-total-line {
    padding-top: 5px;
}

.mini-shopping-cart-inner {
    padding: 15px !important;
}


.mini-cart-total {
    /* text-align: right; */
    width: 100%;
    /* margin-left: 23%; */
    margin-right: 0;
    color: #383838;
}

.vkupna-cena-mini-shopping-cart-title {
    /* float: left; */
    margin-left: 8%;
}

#miniShoppingCart a.btn-mini-cart {
    padding: 4px 21px;
    width: auto;
    float: none;
    font-size: 16px;
    float: none;
    width: auto;
    min-width: 0;
    vertical-align: top;
    height: auto;
    margin: 0 auto !important;
}

    #miniShoppingCart a.btn-mini-cart.btn-magen {
        color: #fff;
    }

    #miniShoppingCart a.btn-mini-cart:hover {
        text-decoration: none;
    }

p.mini-cart-no-products {
    color: #383838;
    padding: 10px;
    text-align: center;
}


.tooltip.top {
    padding: 5px 0;
    margin-top: 5px;
    width: auto;
    opacity: 1;
}

.tooltip-inner {
    max-width: 200px;
    padding: 5px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    white-space: nowrap;
}