/*#region font*/ @font-face { font-family: 'tscreen-regular'; src: url('../fonts/TeleGroteskScreen-Regular.eot'); src: url('../fonts/TeleGroteskScreen-Regular.eot?#iefix') format('embedded-truetype'), url('../fonts/TeleGroteskScreen-Regular.woff') format('woff'), url('../fonts/TeleGroteskScreen-Regular.ttf') format('truetype'), url('../fonts/TeleGroteskScreen-Regular.svg#tele-groteskhalregular') format('svg'); font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; } @font-face { font-family: 'tscreen-medium'; src: url('../fonts/TeleGroteskScreen-Medium.eot'); src: url('../fonts/TeleGroteskScreen-Medium.eot?#iefix') format('embedded-truetype'), url('../fonts/TeleGroteskScreen-Medium.woff') format('woff'), url('../fonts/TeleGroteskScreen-Medium.ttf') format('truetype'), url('../fonts/TeleGroteskScreen-Medium.svg#tele-groteskfetregular') format('svg'); font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; } @font-face { font-family: 'tscreen-thin'; src: url('../fonts/TeleGroteskScreen-Thin.eot'); src: url('../fonts/TeleGroteskScreen-Thin.eot?#iefix') format('embedded-truetype'), url('../fonts/TeleGroteskScreen-Thin.woff') format('woff'), url('../fonts/TeleGroteskScreen-Thin.ttf') format('truetype'), url('../fonts/TeleGroteskScreen-Thin.svg#tele-groteskultregular') format('svg'); font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; } @font-face { font-family: 'tscreen-ultra'; src: url('../fonts/TeleGroteskScreen-Ultra.eot'); src: url('../fonts/TeleGroteskScreen-Ultra.eot?#iefix') format('embedded-truetype'), url('../fonts/TeleGroteskScreen-Ultra.woff') format('woff'), url('../fonts/TeleGroteskScreen-Ultra.ttf') format('truetype'), url('../fonts/TeleGroteskScreen-Ultra.svg#telegrotesk_headlineregular') format('svg'); font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; } @font-face { font-family: 'tscreen-bold'; src: url('../fonts/TeleGroteskScreen-Bold.eot'); src: url('../fonts/TeleGroteskScreen-Bold.eot?#iefix') format('embedded-truetype'), url('../fonts/TeleGroteskScreen-Bold.woff') format('woff'), url('../fonts/TeleGroteskScreen-Bold.ttf') format('truetype'), url('../fonts/TeleGroteskScreen-Bold.svg#telegrotesk_headlineregular') format('svg'); font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; } @font-face { font-family: 'HelveticaNeueCyr-Bold'; src: url('../fonts/HelveticaNeueCyr-Bold.otf') format('opentype'); font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; } @font-face { font-family: 'HelveticaNeueCyr-Medium'; src: url('../fonts/HelveticaNeueCyr-Medium.otf') format('opentype'); font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; } @font-face { font-family: 'HelveticaNeueCyr-Light'; src: url('../fonts/HelveticaNeueCyr-Light.otf') format('opentype'); font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; } @font-face { font-family: 'HelveticaNeueCyr-Roman'; src: url('../fonts/HelveticaNeueCyr-Roman.otf') format('opentype'); font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; } @font-face { font-family: 'HelveticaNeueCyr-Thin'; src: url('../fonts/HelveticaNeueCyr-Thin.otf') format('opentype'); font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; } @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*/ /*#region FONTS @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic); */ @font-face { font-family: 'tele-groteskhalregular'; src: url('../fonts/TeleGroteskScreen-Regular.eot'); src: url('../fonts/TeleGroteskScreen-Regular.eot?#iefix') format('embedded-truetype'), url('../fonts/TeleGroteskScreen-Regular.woff') format('woff'), url('../fonts/TeleGroteskScreen-Regular.ttf') format('truetype'), url('../fonts/TeleGroteskScreen-Regular.svg#tele-groteskhalregular') format('svg'); font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; } @font-face { font-family: 'tele-groteskfetregular'; src: url('../fonts/TeleGroteskScreen-Bold.eot'); src: url('../fonts/TeleGroteskScreen-Bold.eot?#iefix') format('embedded-truetype'), url('../fonts/TeleGroteskScreen-Bold.woff') format('woff'), url('../fonts/TeleGroteskScreen-Bold.ttf') format('truetype'), url('../fonts/TeleGroteskScreen-Bold.svg#telegrotesk_headlineregular') format('svg'); font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; } @font-face { font-family: 'tele-groteskultregular'; src: url('../content/fonts/t036018t_0-webfont.eot'); src: url('../content/fonts/t036018t_0-webfont.eot?#iefix') format('embedded-opentype'), url('../content/fonts/t036018t_0-webfont.ttf') format('truetype'), url('../content/fonts/t036018t_0-webfont.svg#tele-groteskultregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'telegrotesk_headlineregular'; src: url('../content/fonts/telegroteskheadline-regular-webfont.eot'); src: url('../content/fonts/telegroteskheadline-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../content/fonts/telegroteskheadline-regular-webfont.woff') format('woff'), url('../content/fonts/telegroteskheadline-regular-webfont.ttf') format('truetype'), url('../content/fonts/telegroteskheadline-regular-webfont.svg#telegrotesk_headlineregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'telegrotesk_headline_ultraRg'; src: url('../content/fonts/telegroteskheadline-ultra-webfont.eot'); src: url('../content/fonts/telegroteskheadline-ultra-webfont.eot?#iefix') format('embedded-opentype'), url('../content/fonts/telegroteskheadline-ultra-webfont.woff') format('woff'), url('../content/fonts/telegroteskheadline-ultra-webfont.ttf') format('truetype'), url('../content/fonts/telegroteskheadline-ultra-webfont.svg#telegrotesk_headline_ultraRg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'tele-grotesknorregular'; src: url('../content/fonts/t036013t-webfont.eot'); src: url('../content/fonts/t036013t-webfont.eot?#iefix') format('embedded-opentype'), url('../content/fonts/t036013t-webfont.woff') format('woff'), url('../content/fonts/t036013t-webfont.ttf') format('truetype'), url('../content/fonts/t036013t-webfont.svg#tele-grotesknorregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadSetOT-Text'; src: url('../content/fonts/MyriadSetOT-Text.eot'); src: local('?'), url('../content/fonts/MyriadSetOT-Text.woff') format('woff'), url('../content/fonts/MyriadSetOT-Text.ttf') format('truetype'), url('../content/fonts/MyriadSetOT-Text.svg') format('svg'); font-style: normal; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; } @font-face { font-family: 'MyriadSetOT-Bold'; src: url('../content/fonts/MyriadSetOT-Bold.eot'); src: local('?'), url('../content/fonts/MyriadSetOT-Bold.woff') format('woff'), url('../content/fonts/MyriadSetOT-Bold.ttf') format('truetype'), url('../content/fonts/MyriadSetOT-Bold.svg') format('svg'); font-style: normal; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; } @font-face { font-family: 'MyriadSetOT-Medium'; src: url('../content/fonts/MyriadSetOT-Medium.eot'); src: local('?'), url('../content/fonts/MyriadSetOT-Medium.woff') format('woff'), url('../content/fonts/MyriadSetOT-Medium.ttf') format('truetype'), url('../content/fonts/MyriadSetOT-Medium.svg') format('svg'); font-style: normal; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; } @font-face { font-family: 'myriad_set_ot_mdbold'; src: url('../content/fonts/myriadsetot-bold-webfont.eot'); src: url('../content/fonts/myriadsetot-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../content/fonts/myriadsetot-bold-webfont.woff') format('woff'), url('../content/fonts/myriadsetot-bold-webfont.ttf') format('truetype'), url('../content/fonts/myriadsetot-bold-webfont.svg#myriad_set_ot_mdbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'myriad_set_ot_mdregular'; src: url('../content/fonts/myriadsetot-medium-webfont.eot'); src: url('../content/fonts/myriadsetot-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../content/fonts/myriadsetot-medium-webfont.woff') format('woff'), url('../content/fonts/myriadsetot-medium-webfont.ttf') format('truetype'), url('../content/fonts/myriadsetot-medium-webfont.svg#myriad_set_ot_mdregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'myriad_set_ot_txregular'; src: url('../content/fonts/myriadsetot-text-webfont.eot'); src: url('../content/fonts/myriadsetot-text-webfont.eot?#iefix') format('embedded-opentype'), url('../content/fonts/myriadsetot-text-webfont.woff') format('woff'), url('../content/fonts/myriadsetot-text-webfont.ttf') format('truetype'), url('../content/fonts/myriadsetot-text-webfont.svg#myriad_set_ot_txregular') format('svg'); font-weight: normal; font-style: normal; } @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-family: 'tele-groteskhalregular'; 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'; } 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; } .p0 { padding-left: 0; padding-right: 0; } .m0 { margin: 0 !important; } .pl0 { padding-left: 0 !important; } .p5 { padding-left: 5px; padding-right: 5px; } .pr7 { padding-right: 7px; } .pl7 { padding-left: 7px; } /*#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) { 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: 55px; } #ns-bottom #top-bar-left .mini-menu li a { position: relative; padding-bottom: 3px; } #ns-bottom #top-bar-left .mini-menu li a:after { position: absolute; bottom: 0; left: 0; right: 0; height: 1px; content: ''; background-color: transparent; } #ns-bottom #top-bar-left .mini-menu li.active a:after { background-color: white; } @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; } @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; font-family: tscreen-regular !important; } .header-menu .mini-menu li a { font-family: tscreen-bold !important; } #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: 30px; } .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: #e20074 !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:first-of-type { display: inline-block; } /*#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; border-bottom: 1px solid #d5d5d5; 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; } h4.left-nav-title.active-title p { background-image: none; } .left-menu.inZ { line-height: 16px; margin-bottom: 0; } .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: 2px; } .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 a { 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; } .news-intro-sednici h4 { color: #e20074; background: #f8f8f8; padding: 20px 15px; display: inline-block; float: left; width: auto; margin: 0; font-size: 15px; font-family: tele-groteskfetregular; font-weight: normal; } .news-intro-sednici h2 { padding: 20px 10px 7px; white-space: nowrap; display: inline-block; float: left; width: 65%; text-overflow: ellipsis; overflow: hidden; border-bottom: none #D0D0D0; text-transform: none; font-size: 15px; } .news-intro-sednici:hover h2 { color: #467bab; } /*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) no-repeat !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: 20px; padding-top: 10px; } 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 { float: left !important; } #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: tscreen-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: tscreen-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: tscreen-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: tscreen-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: tscreen-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: tscreen-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: 240px; position: relative; } .magenta-one .white-border .internet-brzina { position: relative; display: inline-block; } .magenta-one .white-border .internet-brzina p { display: inline; position: relative; } .magenta-one .white-border .internet-brzina .one-t-dicklaimer { position: absolute; display: inline; top: 5px; right: 0; } .magenta-one .white-border h1 span { float: right; font-weight: bold; font-size: 32px; margin-top: -2px; } .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 h1 { 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 p { margin: 5px 0; color: #575757; } .magenta-one .gray-border { background: #ededed; padding: 13px !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: tscreen-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; margin-bottom: 10px; } .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 a#show-desktop-v { background: url("../images/show_desktop_icon.png") no-repeat left center; float: right; text-align: right; margin-right: 50px; } .display-versions a#show-desktop-v1 { background: url("../images/show_desktop_icon.png") no-repeat left center; float: right; text-align: right; margin-right: 50px; } .display-versions a#show-desktop-v2 { background: url("../images/show_desktop_icon.png") no-repeat left center; float: right; text-align: right; margin-right: 50px; } .display-versions a#show-mob-v { background: url("../images/show_mobile_icon.png") no-repeat left center; float: right; text-align: right; margin-right: 55px; } .display-versions a#show-mob-v1 { background: url("../images/show_mobile_icon.png") no-repeat left center; float: right; text-align: right; margin-right: 55px; } .display-versions a#show-mob-v2 { background: url("../images/show_mobile_icon.png") no-repeat left center; float: right; text-align: right; margin-right: 55px; } .display-versions a#show-desktop-v, .display-versions a#show-mob-v { margin-left: 15px; display: inline-block; background-size: 15px 15px; padding: 5px 0 5px 22px; color: #fff; } .display-versions a#show-desktop-v1, .display-versions a#show-mob-v1 { margin-left: 15px; display: inline-block; background-size: 15px 15px; padding: 5px 0 5px 22px; color: #fff; } .display-versions a#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 a#show-desktop-v, .display-versions a#show-mob-v { font-size: 13px; } .display-versions a#show-desktop-v1, .display-versions a#show-mob-v1 { font-size: 13px; } .display-versions a#show-desktop-v2, .display-versions a#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; } #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: tscreen-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) { .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: 175px; } #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 { display: table-cell; font-size: 14px; color: white; margin: 0; max-width: 160px; white-space: normal; text-align: left; /* padding-left: 20px; */ vertical-align: middle; padding-top: 0; } div#loginNameMove { padding: 7px 0; } #loginNameMove a { color: white; display: table-cell; /* padding-left: 20px; */ vertical-align: middle; /*padding: 5px; background: #f3f2f2; border-radius: 4px;*/ } #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 (max-width:767px) { #sso-login-box .userNameInfo { padding-bottom: 15px; padding-top: 15px; } #loginFullName { display: block; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 10px; padding-top: 15px; text-align: left; margin-left: 15px; margin-right: 15px; font-size: 15px; } h4#loginName { display: block !important; } div.btn.btn-moj-telekom { padding: 0; background: url(../images/user-redesign.png) 7px 18px 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; } #sso-login-box > .form-group { padding: 0px 15px; } .header-menu a:hover, .header-menu a:focus { color: #e20074; text-decoration: none; } @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: 7px 0; display: inline-block; font-size: 15px; font-family: 'tscreen-bold' !important; /*background: url(../images/user-redesign.png) 5px 3px no-repeat;*/ background: none; padding-left: 35px; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 130px; } #loginNameMove a#loginFullName:before { content: 'U'; font-family: 'teleicon-outline' !important; color: #383838; font-size: 22px; position: absolute; left: 6px; } } @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: tscreen-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: tscreen-ultra !important; 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: tscreen-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: tscreen-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: tscreen-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: 'tscreen-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; } .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: tscreen-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: 'tscreen-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%); font-family: 'tscreen-medium' !important; line-height: 16px; color: black; font-size: 16px; } #HomePageLinks .hpLinksRow .hpLinksBox span:first-child { display: inline-block; vertical-align: top; line-height: 0.8; } #aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper:hover p { font-family: 'tscreen-regular'; } @media (min-width: 992px) { #HomePageLinks-fullFluid .hpLinksRow > .col-md-2 { width: 15%; } #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: 20px 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: tscreen-regular !important; text-transform: none; font-size: 19px; } #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: tscreen-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: tscreen-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: tscreen-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: 'tscreen-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: 'tscreen-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: tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-ultra' !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: 'tscreen-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: 'tscreen-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: 'tscreen-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 { min-height: 470px; padding: 40px 0 40px; } #skroeniPoVasaMerka .skroeniPoVasaMerka-banner h1 { bottom: 90px; position: absolute; } #skroeniPoVasaMerka .skroeniPoVasaMerka-banner h1.naslov-banner span:first-of-type { font-family: 'tscreen-ultra' !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: tscreen-ultra !important; } #skroeniPoVasaMerka .skroeniPoVashaMerka-white-bcg h2 { font-size: 22px; text-transform: none; width: 70%; margin: 0 auto; margin-bottom: 30px; font-family: 'tscreen-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 { font-size: 29px; text-transform: uppercase; font-family: tscreen-regular !important; margin-bottom: 30px; } #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: 'tscreen-ultra' !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: 'tscreen-ultra' !important; font-size: 54px; } #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header h2 { color: white; font-size: 46px; font-family: 'tscreen-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: tscreen-ultra !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: 'tscreen-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: tscreen-regular; } #e-smetka-nagradna-igra section.magenta-bcg h2 span { font-family: tscreen-ultra !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: tscreen-ultra !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: tscreen-ultra !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: 'tscreen-ultra' !important; font-size: 61px; } #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content h2 { color: white; font-size: 28px; font-family: 'tscreen-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; } } .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: 'tscreen-regular' !important; } #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent h1.naslov-banner span { font-family: 'tscreen-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: 'tscreen-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: 'tscreen-ultra' !important; } .telekom-mk-app-leftTxt h2 span { font-family: 'tscreen-regular' !important; } .telekom-mk-app-rightTxt h2 { font-family: 'tscreen-regular' !important; } .telekom-mk-app-rightTxt h2 span { font-family: 'tscreen-ultra' !important; } .telekom-mk-app-leftTxt a, .telekom-mk-app-rightTxt a { text-transform: uppercase; color: #e20074; /* text-decoration: underline; */ font-family: 'tscreen-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: 'tscreen-ultra' !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: 'tscreen-ultra' !important; } #skroeniPoVasaMerka .skroeniPoVasaMerka-leftTxt h3 span, #skroeniPoVasaMerka .skroeniPoVasaMerka-rightTxt h3 span { font-family: 'tscreen-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: 'tscreen-ultra' !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: 'tscreen-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: 'tscreen-ultra' !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; } /*#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: 'tscreen-ultra' !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: 'tscreen-ultra' !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: 'tscreen-medium' !important; font-size: 17px; 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; 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#telekom-full-width-banner { position: relative; } 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) { #internet-roaming-pripejd .internet-balkan .internet-balkan-tabsBox { position: relative; } div#internet-roaming-postpejd .internet-balkan-tabsBox { position: relative; } } /*#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: 'tscreen-ultra' !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: 'tscreen-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: tscreen-medium !important; font-size: 38px; display: inline-block; margin-top: 8px; } #smartWatches .smartWatches-priceBox p { color: #383838; font-size: 30px; font-family: 'tscreen-medium' !important; margin-bottom: 12px; } #smartWatches .smartWatches-priceBox p span { font-size: 16px; font-family: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-ultra' !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: 'tscreen-ultra' !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: 'tscreen-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: 'tscreen-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: 'tscreen-ultra' !important; font-size: 47px; margin-bottom: 40px; color: #e20074; } #smartWatches .smartWatches-magentaBox h2 span { font-family: 'tscreen-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: 'tscreen-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: 'tscreen-bold' !important; } .smartwatches-magentaBcg:after { content: ""; position: absolute; background-image: url('../content/images/cool-kids-m1-box-backround.jpg'); background-position: right 15% 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: 4% 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: tscreen-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: 150px; } .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: 'tscreen-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: 130px; } #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: tscreen-ultra !important; color: #e20074; line-height: 1.2; margin-bottom: 45px; } #safe-kids h1 span { font-family: tscreen-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: tscreen-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: 'tscreen-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: 'tscreen-ultra' !important; font-size: 35px; } #magentaPlus-opcii h2 { position: relative; text-transform: uppercase; font-size: 29px; font-family: 'tscreen-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: 'tscreen-medium' !important; display: block; margin-bottom: 10px; } #magentaPlus-opcii .magentaPlus-header h2 { position: relative; font-family: 'tscreen-ultra' !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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: tscreen-ultra !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: 'tscreen-ultra' !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: 'tscreen-ultra' !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: 'tscreen-bold' !important; } #volte h1 span { text-transform: none; font-family: 'tscreen-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: tscreen-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: tscreen-ultra !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: tscreen-ultra !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: 'tscreen-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 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; } #rezerve-ticket h1 span, #rezerve-ticket-business h1 span { font-family: tscreen-regular !important; } #rezerve-ticket h1 span.bold-header, #rezerve-ticket-business h1 span.bold-header { font-family: tscreen-bold !important; } #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 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: 'tsceen-reular'; 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: 'tsceen-reular'; 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: 'tsceen-reular'; 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: 'tscreen-regular' !important; } #rezerve-ticket-business .success-msg p span { position: relative; font-family: 'tscreen-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; } } /*#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: tscreen-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 roaming new control*/ #roaming-new { position: relative; height: 70vh; background: url(../images/mapa.png); background-size: contain; background-repeat: no-repeat; background-position: 50% 100px; } #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-header h1 { position: relative; font-size: 28px; font-family: tscreen-medium !important; margin: 30px 0 0; color: #333; } #roaming-new .btn-group { position: relative; width: 45%; text-align: center; margin: 20px auto; display: table; } #roaming-new .btn-group .prepaid, #roaming-new .btn-group .postpaid { position: relative; display: table-cell; width: 40%; border-radius: 6px; margin: 0 auto; text-align: center; } #roaming-new .btn-group .btn-wrap.active { text-align: center; margin: 0 auto; padding: 7px; background: #e20074; color: white; width: 180px; border-radius: 6px; } #roaming-new .btn-group .btn-wrap { text-align: center; margin: 0 auto; padding: 7px; background: #c8c8c8; color: white; width: 180px; border-radius: 4px; } #roaming-new .btn-group .btn-wrap input { opacity: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } #roaming-new .btn-group .btn-wrap span { font-size: 22px; text-transform: uppercase; font-family: 'tscreen-medium' !important; } #roaming-new .countries-input { position: relative; display: block; width: 30%; margin: 10% auto 0; } #roaming-new .countries-input i.search-icon { position: relative; background: transparent; right: 0; margin-right: 0; z-index: 1; } #roaming-new .countries-input i.search-icon:before { content: "q"; color: #333; font-family: 'teleicon-outline'; font-style: normal; font-size: 28px; left: 0; right: 0; top: 2px; bottom: 0; background: transparent; position: absolute; text-align: center; opacity: 0.7; } #roaming-new .countries-input input { position: relative; text-align: center; border-radius: 0; } #roaming-new .countries-input ul.dropdown-menu { position: relative; top: 0 !important; width: 100%; } #roaming-new .countries-input ul.dropdown-menu li:hover { background-color: #467bab; } #roaming-new .countries-input ul.dropdown-menu li:hover a { color: white; } #roaming-new.no-bcg .countries-input { margin: 0 auto; } #roaming-new.no-bcg .countries-input input { color: #e20074; font-size: 22px; font-family: tscreen-regular !important; } #roaming-new.no-bcg .countries-data { position: relative; margin: 20px 0 0 0; } #roaming-new.no-bcg .countries-data .row { margin: 20px 0; } #roaming-new.no-bcg .countries-data table thead tr th { line-height: 20px; } #roaming-new.no-bcg .countries-data table tbody tr td { background: transparent !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: center; } /*#roaming-new.no-bcg .countries-data table tbody tr td.bcg { background-color: #F1F1F1 !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 .countries-data .internet-packages { position: relative; width: 100%; background-color: #f1f1f1; padding: 20px; } #roaming-new.no-bcg .countries-data .internet-packages h2 { position: relative; font-family: 'tscreen-ultra' !important; text-transform: uppercase; font-size: 25px; } #roaming-new.no-bcg .countries-data .internet-packages .package-wrap { position: relative; display: block; } #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: inline-block; border: 1px solid #e20074; margin: 10px; width: 110px; height: 120px; background: white; } /*#roaming-new.no-bcg .countries-data .internet-packages .package-wrap:nth-last-of-type() .package:nth-of-type() { clear: left; }*/ #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.active .inner { 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-name div { color: #e20074; font-family: 'tscreen-bold' !important; font-size: 25px; vertical-align: middle; width: 100%; height: 100%; padding-top: 30px; font-size: 40px; } #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: white; transform: rotateY(180deg); top: 0; width: 100%; height: 100%; left: 0; } #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package.active .inner .package-info { top: 0; left: 0; width: 100%; height: 100%; padding: 23px 13px; } #roaming-new.no-bcg .countries-data .internet-packages .package-wrap .package > div:first-child { text-align: center; color: #e20054; font-size: 17px; font-family: 'tscreen-medium' !important; margin-bottom: 10px; } #roaming-new.no-bcg .countries-data .internet-packages .telekom-mk-app { position: absolute; bottom: 35px; right: 15px; width: 250px; height: auto; text-align: center; } #roaming-new.no-bcg .countries-data .internet-packages .telekom-mk-app span a { width: 100%; color: #e20074; padding-bottom: 10px; } #roaming-new.no-bcg .countries-data .internet-packages .telekom-mk-app p { margin: 0; } #roaming-new.no-bcg .countries-data .internet-packages .telekom-mk-app p span { color: #e20074; } #roaming-new.no-bcg .countries-data .internet-packages .telekom-mk-app .telekom-mk-app-mobIcons { position: relative; width: 100%; } #roaming-new.no-bcg .countries-data .internet-packages .telekom-mk-app a { position: relative; width: 45%; display: inline-block; margin-right: 5px; } #roaming-new.no-bcg .countries-data .call-packages h2 { position: relative; font-family: 'tscreen-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; } @media (max-width: 767px) { #roaming-new .btn-group { width: auto; } #roaming-new .countries-input { width: 60%; } #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: 10px; } } @media (min-width: 768px) and (max-width: 991px) { #roaming-new.no-bcg .countries-data .internet-packages .telekom-mk-app { right: 15px; width: 155px; } } @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; } } /*#endregion roaming */ /*#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: 'tscreen-ultra' !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: 'tscreen-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: "tscreen-ultra" !important; font-size: 18px; margin-bottom: 25px; text-align: center; text-transform: uppercase; } #smart-underwear .white-bcg h1 { font-family: "tscreen-ultra" !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: tscreen-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: 'tscreen-ultra' !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: 'tscreen-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: tscreen-ultra !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: tscreen-ultra !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: 'tscreen-ultra' !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: tscreen-ultra !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: tscreen-ultra !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: tscreen-ultra !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: 'tscreen-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 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: tscreen-regular !important; font-size: 32px; text-transform: uppercase; padding: 0 12%; margin-bottom: 50px; } #safe-net-office section.white.bcg h2 span { font-family: tscreen-ultra !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: tscreen-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: tscreen-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: tscreen-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: 'tscreen-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 .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: 'tscreen-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: 'tscreen-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) { #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: 'tscreen-regular' !important; font-size: 50px; margin-bottom: 50px; } #ostani-doma-content .ostani-doma-banner h1 span { font-family: 'tscreen-ultra' !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: 'tscreen-ultra' !important; } div#ostani-doma-content section .gray-bcg h2 a { font-size: 34px; font-family: 'tscreen-ultra' !important; text-decoration: underline; } div#ostani-doma-content section .gray-bcg * { color: black; font-family: 'tscreen-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: tscreen-bold !important; } div#ostani-doma-content section strong a { font-family: tscreen-bold !important; } div#ostani-doma-content .content h3 { font-family: 'tscreen-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: 'tscreen-ultra' !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 0 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-tariff-banner { background-image: url(../content/images/mobile-tariff-vnatreshen.jpg); /*background-image: url(../content/images/praznichen-banner-mobile.jpg);*/ /*background-image: url(../content/images/praznichen-baner-2021.jpg);*/ background-position: center; background-repeat: no-repeat; background-size: cover; height: 295px; top: 20px; position: relative; } .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 { position: relative; text-transform: none; line-height: 1.2; font-size: 19px; padding: 0 15%; } /*.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: 'tscreen-ultra' !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: 'tscreen-ultra' !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: 'tscreen-ultra' !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: 'tscreen-medium' !important; font-size: 18px !important; } #ostani-doma-content section.odd.nadopolni .white-bcg p { color: black; font-family: 'tscreen-medium'; font-size: 18px; } @media (max-width: 767px) { .mobile-tariff-banner { height: auto; } .ostani-doma-header h2 { padding: 0; } 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) { 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; } } 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: 'tscreen-regular' !important; font-size: 50px; margin-bottom: 50px; } #ostani-doma-content-business .ostani-doma-banner.business h1 span { font-family: 'tscreen-ultra' !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: 'tscreen-ultra' !important; } div#ostani-doma-content-business section .gray-bcg h2 a { font-size: 34px; font-family: 'tscreen-ultra' !important; text-decoration: underline; } div#ostani-doma-content-business section .gray-bcg * { color: white; font-family: 'tscreen-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: tscreen-bold !important; } div#ostani-doma-content-business section strong a { font-family: tscreen-bold !important; } div#ostani-doma-content-business .content h3 { font-family: 'tscreen-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: tscreen-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%; } } /*#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: 'tscreen-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: 'tscreen-bold' !important; font-size: 55px; margin: 40px 0; } div#pravila-za-koristenje h3, div#politika-na-privatnost h3 { position: relative; font-family: 'tscreen-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: 'tscreen-ultra' !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 h1 { font-family: 'tscreen-ultra' !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: 'tscreen-ultra' !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: 'tscreen-ultra' !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: 'tscreen-ultra' !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: 'tscreen-ultra' !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: 'tscreen-ultra' !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: tscreen-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: 'tscreen-ultra' !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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-ultra' !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: 'tscreen-bold' !important; color: white; } .e-velosipedi-tabsBox .nav-tabs > li.active > a span { font-family: 'tscreen-ultra' !important; color: white; } .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: 'tscreen-ultra' !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.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: 285px; } #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: 90%; bottom: 330px; } .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: 100%; } .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*/ #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: 'tscreen-ultra' !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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-ultra' !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%; } #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: 'tscreen-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: tscreen-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 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; } #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: 325px; top: auto; bottom: 0; } #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; } #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'); position: relative; padding: 4% 0; background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px; } #business-office-mobile .bom-content h1 { font-size: 31px; text-align: center; font-family: 'tscreen-ultra' !important; margin: 20px auto; } #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; } @media (max-width: 767px) { #business-office-mobile .bom-banner { height: auto; } #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-tabs ul { width: 90%; } } /*#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: tscreen-ultra !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: 'tscreen-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: 'tscreen-regular' !important; } #web-ponuda-za-lekari section.web-ponuda-za-lekari-one .web-ponuda-za-lekari-rightTxt h2 span { font-family: 'tscreen-ultra' !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: 'tscreen-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: tscreen-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: 'tscreen-regular' !important; font-size: 50px; } #telekommk-app-new .telekommk-app-new-banner h1 span { font-family: 'tscreen-ultra' !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: 'tscreen-ultra' !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/smeni-tarifa-bcg-new.jpg'); height: 350px; background-repeat: no-repeat; background-position: center; background-size: cover; } #telekommk-app-new .odberete-podobra-tarifa-new .left-text { position: relative; width: 60%; display: inline; float: left; color: white; top: 40px; } #telekommk-app-new section.odberete-podobra-tarifa-new .left-text .ec { position: absolute; right: 0; bottom: 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 { margin-top: 40px; font-size: 28px; font-family: 'tscreen-bold' !important; } #telekommk-app-new section.odberete-podobra-tarifa-new .left-text h3 { font-size: 24px; font-family: 'tscreen-medium' !important; line-height: 1.2; } #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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: tscreen-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 h2 { text-align: center; color: white; font-family: 'tscreen-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: table; margin: 0 auto; text-align: center; padding-bottom: 25px; } #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li { text-align: center; width: 160px; height: 150px; border: 10px solid white; border-radius: 5px; display: inline-block; margin: 0 30px; 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: 71px; top: 10px; display: block; } #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: tscreen-regular !important; } #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li.active a span { font-family: tscreen-ultra !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 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: 'tscreen-bold' !important; } #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box span { font-family: 'tscreen-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: 'tscreen-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: 'tscreen-regular' !important; font-size: 31px; line-height: 1.2; padding: 40px 30%; } #telekommk-app-new section.apsolute-section h2 span { font-family: tscreen-bold !important; } #telekommk-app-new .tabs.mesecni-pridobivki { margin-top: 40px; } #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 .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; } #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li { 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: 30px; } #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 #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; } } #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-position: center; /*height: 450px;*/ background-repeat: no-repeat; background-size: cover; padding: 4% 0 20%; position: relative; } #internet-vikendici p { position: relative; font-size: 19px; } #internet-vikendici .banner-vikendici .container { position: relative; } #internet-vikendici .banner-content { position: relative; width: 410px; background: #e20074; padding: 2% 3%; color: white; position: relative; width: 410px; background: #e20074; padding: 3%; color: white; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-top-left-radius: 50px; } #internet-vikendici .banner-vikendici .ec { position: absolute; top: -20px; left: 370px; width: 120px; height: auto; } #internet-vikendici .container { position: relative; } #internet-vikendici .banner-content h1 { color: white; font-family: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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(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; } } @media(max-width: 991px) { #internet-vikendici .banner-vikendici { padding: 16% 0 20%; } #internet-vikendici .banner-content { width: 270px; } #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: 'tscreen-ultra' !important; margin-bottom: 30px; } #speak-out section.social-media .header h1 { position: relative; font-size: 69px; background: #e20074; color: black; font-family: 'tscreen-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: tscreen-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: tscreen-medium !important; } #speak-out .speak-out-use h3 strong { font-family: tscreen-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: 'tscreen-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 { 100% { transform: translateX(-66.6666%); } } #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: tscreen-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: tscreen-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: 'tscreen-ultra' !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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-ultra' !important; transform: scale(.9,1); font-style: italic; } #stream-on .headers h2 { position: relative; color: white; font-size: 45px; font-family: 'tscreen-regular' !important; font-style: italic; text-align: center; text-transform: uppercase; } #stream-on .intro-content.text-center h2 { position: relative; color: black; font-family: 'tscreen-ultra' !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: 'tscreen-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: 'tscreen-regular' !important; } #stream-on .main-content h3 span { font-family: 'tscreen-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: 'tscreen-medium' !important; font-size: 35px; } #stream-on .activation-stream-on h3 strong { text-transform: uppercase; font-family: 'tscreen-ultra' !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: 'tscreen-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: 'tscreen-regular' !important; } #stream-on section.how-it-works .how-it-works-content h3 span { position: relative; font-family: 'tscreen-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: 'tscreen-ultra' !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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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; } #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: 'tscreen-medium' !important; line-height: 16px; color: black; font-size: 16px; } @media(max-width: 767px) { #korisnichka-poddrshka .hpLinksRow .col-md-2 { width: 100%; } } /*#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 .header { position: relative; padding: 70px 0px 10px 0; } div#pet-god-m1 .header h1 { position: relative; font-size: 37px; color: #333; font-family: tscreen-ultra !important; text-align: center; } div#pet-god-m1 .header h1 span { font-family: 'tscreen-medium' !important; } div#pet-god-m1 p { position: relative; font-size: 18px; } div#pet-god-m1 .banner img { width: 100%; height: auto; } div#pet-god-m1 .content { padding: 0 50px 45px; text-align: center; } #pet-god-m1 .more-info { position: relative; width: 100%; margin: 50px auto; margin: 30px 0 0 0; padding: 70px 0; background: #ededed; text-align: center; } #pet-god-m1 .more-info h2 { text-align: center; margin: 10px 0 20px 0; font-size: 30px; } #pet-god-m1 .more-info p { position: relative; font-size: 18px; line-height: 1.2; } #pet-god-m1 .more-info a { text-decoration: underline; color: #333; } @media (max-width: 767px) { div#pet-god-m1 .header { padding: 40px 0px 10px 0; } div#pet-god-m1 .header h1 { position: relative; font-size: 25px; } div#pet-god-m1 .content { padding: 0 50px 15px; } #pet-god-m1 .more-info { padding: 40px 0; } #pet-god-m1 .more-info h2 { margin: 10px 0 20px 0; font-size: 23px; } #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: tscreen-ultra !important; text-align: center; } div#pet-god-m1-business .header h1 span { font-family: 'tscreen-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) { 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 .main-banner { position: relative; /*background-image: url(../content/images/m1b-redesign/m1b-header-bcg.jpg);*/ /*background-image: url(../content/images/m1b-redesign/m1b-banner-new.jpg);*/ background-image: url(../content/images/m1b-redesign/m1b-new-inner-banner.jpg); height: 640px; background-size: cover; background-repeat: no-repeat; background-position: center; } #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'); height: 405px; background-size: cover; background-repeat: no-repeat; text-align: center; width: 617px; margin: 50px 0 80px 0; } #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 .linked-tabs { position: absolute; bottom: 0; width: 100%; height: 150px; border-bottom: 3px solid white; } #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: table-cell; } #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 .wrap { position: relative; width: 60%; float: left; text-align: left; } #m1-business-new .linked-tabs .tab-right .img { display: table-cell; float: none; vertical-align: middle; width: 25%; 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; } #m1-business-new .linked-tabs .tab-right .text p { padding-right: 50px; } #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; } #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 .box { width: 27%; display: inline; float: left; margin: 0 46px; opacity: 1; overflow: visible; height: auto; } #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: 'tscreen-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 h2 ul li a { background: transparent; padding: 0 10px; border: 0; color: white; text-decoration: none; font-family: 'tscreen-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: -50px; top: -70px; z-index: 2; } #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: 'tscreen-medium' !important; margin: 0px 20px 20px 20px; } #m1b-paketi .wrapper.mobilni-uslugi .border { position: relative; width: 100%; height: 100%; overflow: hidden; padding: 10px; } #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 .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: 'tscreen-medium' !important; } #m1b-paketi .package-wrap ul li span.magenta-text { /*color: #e20074;*/ font-family: 'tscreen-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: 'tscreen-medium' !important; } #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; } #m1b-paketi .wrapper.mobilni-uslugi .mob-package-header span { position: relative; top: 12px; font-family: 'tscreen-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: 'tscreen-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 .roaming-magenta{ position: relative; min-height: 55px; text-align: center; } #m1b-paketi .wrapper.mobilni-uslugi .mob-package-info { position: relative; min-height: 330px; } #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: 'tscreen-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 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: 'tscreen-medium' !important; margin: 30px 20px; } #m1b-paketi .wrapper.fiksni-uslugi .package-wrap { position: relative; width: 100%; height: 100%; } .fiksni-package-s, .fiksni-package-m, .fiksni-package-l { position: relative; height: auto; border: 1px solid white; min-height: 420px; 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: 'tscreen-bold' !important; } #m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-info ul li { color: white; font-family: 'tscreen-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-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-bold' !important; } #m1-business-new section.magenta-bcg p { font-size: 20px; text-align: center; line-height: 1.2; font-family: 'tscreen-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: 'tscreen-bold' !important; } #m1-business-new section.additional-offer p { font-size: 20px; text-align: center; color: black; font-family: 'tscreen-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: 'tscreen-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: 'tscreen-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; } #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 25px; width: 100%; } .old-price { color: black !important; font-family: 'tscreen-medium' !important; } .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: 'tscreen-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; } @media (max-width: 767px) { #m1-business-new .main-banner .header { width: 100%; height: auto; position: relative; background-image: none; } #m1-business-new .main-banner { height: auto; } #m1-business-new .box { width: 100%; display: block; float: left; margin: 15px 0; } #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; } #m1-business-new .linked-tabs .tab-right .img, #m1-business-new .linked-tabs .tab-left .img { width: auto; float: none; } #m1-business-new .linked-tabs .tab-left .text { width: 65%; } #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: -100px; z-index: 2; } .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: 410px; } .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: 130px; 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; } 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; } 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 .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 30px; } .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; } #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: 530px; } } @media(min-width: 992px) and (max-width: 1199px) { #m1-business-new .linked-tabs .tab-right .wrap, #m1-business-new .linked-tabs .tab-left .wrap { width: 80%; } #m1-business-new .box { margin: 0 43px; } .fiksni-package-s:before, .fiksni-package-m:before, .fiksni-package-l:before { width: 264px; } #m1b-paketi .wrapper.ekstra-uslugi .ekstra-package:before { width: 265px; } } /*#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 h1 { 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: tscreen-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) { #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; } .defaultValue.disclaimerCustom span.newPrice { color: #e20074; font-family: tscreen-medium !important; } /*#region osiguruvanje kaj mobile tarifa*/ .osiguruvanje-banner { position: relative; padding: 10px; background: #e20074; color: white; display: table; width: 100%; margin: 0 auto; } .osiguruvanje-banner div { display: table-cell; width: 30.3333%; position: relative; vertical-align: middle; } .osiguruvanje-content h3 { text-transform: uppercase; font-size: 24px; font-family: 'tscreen-bold' !important; padding: 0; margin: 0; } .osiguruvanje-content p.black-text { color: black; font-family: 'tscreen-bold' !important; font-size: 14px; 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; } .osiguruvanje-banner-uredi { position: relative; display: table; width: 98.8%; background: #e20074; color: white; padding: 10px; margin-bottom: 10px; margin-left: 9px; } .osiguruvanje-banner-uredi div { position: relative; display: table-cell; vertical-align: middle; width: 30.333%; } .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content h3 { padding: 0; margin: 0; text-transform: uppercase; font-family: 'tscreen-bold' !important; font-size: 24px; } .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content p { color: black; line-height: 1.2; margin: 0; font-family: 'tscreen-bold' !important; font-size: 15px; } .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) { .osiguruvanje-banner { margin-bottom: 30px; } .osiguruvanje-banner div { display: block; width: 100%; } .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) { .osiguruvanje-banner-uredi-content { width: 50% !important; } .osiguruvanje-banner-uredi-ikona { width: 30% !important; } .osiguruvanje-banner-uredi-link { width: 20% !important; } } /*#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: 'tscreen-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: 'tscreen-ultra' !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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-ultra' !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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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; } #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: 'tscreen-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 #999; border-radius: 50px; display: inline-block; padding: 8px 15px; width: 130px; margin: 10px 0; } #iphone-12 section.why-iphone.sporedba .boja h4 { font-family: 'tscreen-ultra' !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-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); } #business-tarifi-new .tab-content { position: relative; width: 100%; height: auto; overflow: hidden; padding-bottom: 25px; padding-top: 25px; } #business-tarifi-new .tab-content .smart-table { min-height: 500px; border-top: 1px solid #e0e0e0; } #business-tarifi-new .tab-content .smart-table.smart-tariff-m { border: 1px solid #e20074; } #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: 'tscreen-bold' !important; } #business-tarifi-new .content p { font-size: 18px; line-height: 1.2; } 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; } div#business-tarifi-new .p-right-smart { margin-left: 10px; 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 .roaming-magenta { min-height: 80px; } div#business-tarifi-new .roaming-magenta span { font-family: 'tscreen-medium' !important; } 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; } div#business-tarifi-new .small-text p { font-size: 13px; } @media(max-width: 767px) { ul.nav.nav-tabs.visible-xs { width: 100%; border-bottom: 0px; display: block !important; margin: 0px 4%; position: relative; text-align: center; } div#business-tarifi-new ul.nav.nav-tabs.visible-xs li { border: 1px solid #cacaca; background: #f5f5f5; width: 60px; display: table-cell; } div#business-tarifi-new ul.nav.nav-tabs.visible-xs li a { margin-right: 0px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 0; border-left: 0; border-right: 0px; color: #333; font-size: 22px; padding: 9px; } 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: 0; bottom: auto; height: 2px; background: #e20074; z-index: 2; left: 0px; right: 0px; } } @media(min-width: 768px) and (max-width: 991px) { ul.nav.nav-tabs.visible-xs { width: 42%; margin: 0px auto; } } /*#endregion business tarifi new*/ /*#region roaming new control*/ #roaming-new { position: relative; height: 870px; background-color: #e20074; padding: 3% 0 2% 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: transparent; /*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/ font-family: tscreen-bold !important; text-align: center; font-size: 75px; -webkit-text-stroke: 1px white; } #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: 100%; margin-bottom: 0 !important; padding-bottom: 0 !important; } #roaming-new .roaming-start-page { position: relative; height: 100%; width: 100%; } #roaming-new.no-bcg .roaming-start-page { bottom: -20px; } #roaming-new .roaming-start-page section.header { position: relative; min-height: 500px; overflow: hidden; } #roaming-new .roaming-start-page section.header .wrapper.active { background: rgba(218, 0, 112, 0.8); transition: all 0.2s ease-out; } #roaming-new .roaming-start-page section.header:before { content: ''; background: url(../content/images/roaming/mapa.png); background-position: 50% 120%; background-size: 70%; background-repeat: no-repeat; height: 400px; width: 100%; display: block; position: absolute; left: 0; bottom: 0px; right: 0; } #roaming-new .select-country { position: relative; height: 330px; background-image: url(../content/images/roaming/roaming-select-area.jpg); background-position: center; background-size: cover; top: 0; overflow: hidden; } #roaming-new .btn-group { position: absolute; width: 100%; bottom: 0; text-align: center; margin: 0px auto; display: table; } #roaming-new .btn-group .prepaid, #roaming-new .btn-group .postpaid { position: relative; display: table-cell; width: 40%; border-radius: 6px; margin: 0 auto; text-align: center; } #roaming-new .btn-group .prepaid { position: relative; background: black; border-radius: 0; } #roaming-new .btn-group .prepaid .btn-wrap { padding-top: 25px; padding-bottom: 25px; margin: 0 auto; background: transparent; color: white; width: 100%; text-align: right; padding-right: 20%; } #roaming-new .btn-group .postpaid { position: relative; background: black; border-radius: 0; padding: 10px 0; } #roaming-new .btn-group .postpaid .btn-wrap { position: relative; width: 100%; text-align: left; background: transparent; border-radius: 0; padding-left: 20%; padding-top: 25px; padding-bottom: 25px; } #roaming-new .btn-group .btn-wrap input { opacity: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } #roaming-new .btn-group .btn-wrap span { font-size: 24px; text-transform: uppercase; font-family: 'tscreen-medium' !important; color: white; } #roaming-new section.select-country .countries-input { position: relative; display: block; width: 50%; margin: 10% auto 0; float: right; } #roaming-new section.select-country .countries-input select { position: relative; width: 260px; padding: 15px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid transparent !important; font-family: 'tscreen-medium' !important; font-size: 17px; font-weight: 700; z-index: 1; 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; } #roaming-new section.select-country .countries-input select:focus { outline: none; } #roaming-new section.select-country .countries-input label { position: absolute; z-index: 2; color: #b9b9b9; font-size: 13px; padding-left: 10px; padding-top: 2px; 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: tscreen-regular !important; } #roaming-new .countries-data { position: relative; margin: 40px 0; } #roaming-new .countries-data section.white-bcg { position: relative; background: white; width: 100%; padding: 2% 0; } #roaming-new section div.table { position: relative; width: 90%; margin: 0 auto; } #roaming-new section div.table table { position: relative; width: 100%; } #roaming-new.no-bcg .countries-data .inline-div div { display: inline; } #roaming-new.no-bcg .countries-data .operators-list { position: relative; display: block; } #roaming-new.no-bcg .countries-data .operators-list p { display: inline; } #roaming-new.no-bcg .countries-data section.white-bcg table thead th { position: relative; background-color: transparent; border-bottom: 2px solid #e20074 !important; color: #616161; font-weight: 700; opacity: 0.5; } #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 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: #c40064; color: #fff; font-size: 17px; font-weight: 600; } #roaming-new.no-bcg .countries-data section.darker-magenta-bcg table { background: transparent; width: 90%; 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: 'tscreen-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 table tbody tr td:first-of-type div { font-family: 'tscreen-bold' !important; color: #333; } #roaming-new.no-bcg .countries-data table thead tr th { line-height: 20px; background: transparent; } #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: center; } #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; color: white; } #roaming-new.no-bcg .countries-data .internet-packages h2 { position: relative; font-family: 'tscreen-ultra' !important; text-transform: uppercase; font-size: 25px; text-align: center; } #roaming-new.no-bcg .countries-data .internet-packages p { text-align: center; font-size: 18px; } #roaming-new.no-bcg .countries-data .internet-packages .package-wrap { position: relative; display: block; } #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: inline-block; border: 1px solid #e20074; margin: 30px 40px 10px 0; width: 130px; height: 140px; background: white; } /*#roaming-new.no-bcg .countries-data .internet-packages .package-wrap:nth-last-of-type() .package:nth-of-type() { clear: left; }*/ #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-name div { color: #e20074; font-family: 'tscreen-bold' !important; font-size: 42px; vertical-align: middle; width: 100%; height: 100%; padding-top: 35px; } #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: 101%; height: 101%; padding: 0px 10px; backface-visibility: visible; color: white; } #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: center; color: #e20054; font-size: 17px; font-family: 'tscreen-medium' !important; margin-bottom: 10px; } #roaming-new.no-bcg .countries-data .internet-packages .telekom-mk-app { position: relative; width: 100%; height: auto; text-align: left; bottom: 0; right: 0; margin-top: 20px; } #roaming-new.no-bcg .countries-data .internet-packages .telekom-mk-app p { margin: 0; position: relative; text-align: left; width: 100%; margin-bottom: 15px; } #roaming-new.no-bcg .countries-data .internet-packages .telekom-mk-app p a { color: white; text-decoration: underline; } #roaming-new.no-bcg .countries-data .internet-packages .telekom-mk-app p span { color: #e20074; } #roaming-new.no-bcg .countries-data .internet-packages .telekom-mk-app .telekom-mk-app-mobIcons { position: relative; width: 100%; text-align: left; } #roaming-new.no-bcg .countries-data .internet-packages .telekom-mk-app a { position: relative; width: auto; display: inline-block; margin-right: 5px; } #roaming-new.no-bcg .countries-data .internet-packages .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: 'tscreen-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; } @media (max-width: 767px) { #roaming-new { height: 600px; } #roaming-new .roaming-start-page section.header { min-height: 260px; } #roaming-new .roaming-start-page section.header:before { content: ''; background: url(../content/images/roaming/mapa.png); background-position: 50% 120%; background-size: 70%; background-repeat: no-repeat; height: 310px; width: 100%; display: block; position: absolute; left: 0; bottom: 90px; right: 0; } #roaming-new h1 { font-size: 48px; } #roaming-new .btn-group { width: 100%; } #roaming-new .btn-group .prepaid, #roaming-new .btn-group .postpaid { width: auto; } #roaming-new .btn-group .prepaid .btn-wrap, #roaming-new .btn-group .postpaid .btn-wrap { padding-top: 15px; } #roaming-new .select-country { background-position: 30%; } #roaming-new .countries-input { width: auto !important; float: none !important; margin: 10% !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: 10px; } } @media (min-width: 768px) and (max-width: 991px) { #roaming-new.no-bcg .countries-data .internet-packages .telekom-mk-app { right: 15px; width: 155px; } } @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; } } /*#endregion roaming */ /*#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: 'tscreen-regular' !important; } #irobots .irobots-banner h1 span { font-family: 'tscreen-ultra' !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: 'tscreen-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: 'tscreen-bold' !important; margin-bottom: 35px; } #irobots .wrapper .info .text p { font-size: 19px; line-height: 1.2; font-family: 'tscreen-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: 'tscreen-regular' !important; margin-bottom: 40px; } #irobots .are-u-ready h2 span { font-family: 'tscreen-ultra' !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: 'tscreen-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: 'tscreen-regular' !important; color: white; font-size: 55px; } #irobots .big-image-section .img-wrap h2 span { font-family: 'tscreen-ultra' !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: 'tscreen-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: 'tscreen-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: 'tscreen-ultra' !important; } #stream-on-landing p { font-size: 20px; } #stream-on-landing p strong { font-family: 'tscreen-ultra' !important; } .stream-on-banner img { width: 30%; } #stream-on-landing h3 { font-family: 'tscreen-medium' !important; font-size: 34px; margin-bottom: 40px; } #stream-on-landing h3 span { font-size: 60px; display: block; font-family: 'tscreen-ultra' !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: 'tscreen-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 { 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: 47%; 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: 'tscreen-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: 'tscreen-ultra' !important; color: #e20074; line-height: 55px; } #speak-out-landing p { font-size: 19px; } #speak-out-landing p strong { font-family: 'tscreen-ultra' !important; } .speak-out-banner > img { width: 42%; padding-left: 8%; } #speak-out-landing h3 { font-family: 'tscreen-medium' !important; font-size: 34px; margin-bottom: 40px; } #speak-out-landing h3 span { font-size: 60px; display: block; font-family: 'tscreen-ultra' !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-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: 20%; 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: 'tscreen-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; } @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 !important; margin-bottom: 10px; min-height: 200px; } #iphone-12 section.why-iphone.sporedba .col div.link { text-align: center !important; min-height: 150px !important; } #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 img { width: 70px !important; height: auto; } #iphone-12 section.why-iphone.sporedba .col div.boja img, #iphone-12 section.why-iphone.sporedba .col div.tel img { width: 100% !important; } #iphone-12 section.why-iphone.sporedba .col div p { color: black !important; font-family: 'tscreen-bold' !important; line-height: 1.2; padding-top: 5px; } #iphone-12 section.why-iphone.sporedba .col .border-top { border-top: 1px solid #ccc; } #iphone-12 section.why-iphone.sporedba .col h4 { font-family: tscreen-ultra !important; font-size: 20px; } #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 .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; } } /*#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-banner { 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-banner img.absolute-img { position: absolute; left: 0; width: 100%; height: 100%; top: 0; z-index: 0; } #smart-start section.main-banner .container img { position: relative; z-index: 2; } #smart-start section.main-banner 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-banner .container div.bounce { animation-name: bounce; animation-duration: 3s; top: -70px; position: relative; } #smart-start section.main-banner .container { position: relative; height: 100%; } #smart-start section.main-banner .wrapper { position: absolute; bottom: -20px; width: 100%; height: 270px; } #smart-start section.main-banner .wrapper div { position: absolute; width: 45%; display: inline-block; float: left; } #smart-start section.main-banner .wrapper .left-box { left: 0; padding: 30px; } #smart-start section.main-banner .wrapper .left-box h3 { color: white; font-size: 30px; font-family: 'tscreen-regular' !important; } #smart-start section.main-banner .wrapper .left-box h3 span { font-family: 'tscreen-ultra' !important; display: block; } #smart-start section.main-banner .wrapper .right-box { background: white; padding: 10px 30px; border-radius: 30px; border-top-left-radius: 0; right: 0; } #smart-start section.main-banner .wrapper .right-box p { font-size: 18px; font-family: tscreen-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: 'tscreen-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: 'tscreen-ultra' !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: 'tscreen-bold' !important; } #smart-start section.questions .box-inner p { font-size: 17px; line-height: 21px; font-family: 'tscreen-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: 'tscreen-ultra' !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; } #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: 'tscreen-regular' !important; line-height: 1.2 !important; font-size: 19px !important; } #smart-start section.how-to-start .item-wrap h4 a { font-family: 'tscreen-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: 'tscreen-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: 'tscreen-ultra' !important; } #smart-start section.steps p { text-align: center; font-size: 21px; font-family: 'tscreen-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: 'tscreen-bold' !important; color: #e20074; text-transform: uppercase; font-size: 24px; margin-bottom: 10px; } #smart-start section.steps .box p { font-size: 16px; font-family: 'tscreen-regular' !important; line-height: 1.2; } #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: 'tscreen-medium' !important; margin: 40px 0; } #smart-start section.video p span.magenta-text { color: #e20074; font-family: 'tscreen-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: 'tscreen-medium' !important; } .arrow-scroll-to { position: fixed; right: 30px !important; top: 50% !important; z-index: 5 !important; } .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: 'tscreen-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 section.main-banner { position: relative; height: auto; padding: 4% 0; } #smart-start section.main-banner img.absolute-img { position: absolute; height: auto; top: 0px; } #smart-start section.main-banner .container div.bounce { top: -30px; } #smart-start section.main-banner .wrapper { position: relative; bottom: 90px; width: 100%; height: auto; } #smart-start section.main-banner .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*/ .control.smart-start-control { position: relative; background-color: #373737; color: white; padding: 4% 0; } .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: 'tscreen-ultra' !important; opacity: .5; } .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: tscreen-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: inline-block; width: auto; float: left; } .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: 'tscreen-medium' !important; } .control.smart-start-control .errorMsg.fake-upload { display: inline-block; top: -12px; } @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: 'tscreen-regular' !important; margin: 30px 0; width: 60%; margin: 0 auto; } #smart-start-oglas .wrapper h1 span { color: white; font-family: 'tscreen-ultra' !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 h3 { color: #333; width: 70%; text-align: left; font-size: 21px; font-family: 'tscreen-medium' !important; margin-bottom: 30px; margin-top: 30px; } #smart-start-oglas .wrapper .oglas-wrap p { font-size: 17px; line-height: 1.2; font-family: 'tscreen-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: 'tscreen-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; } } /*#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: 40%; 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: 'tscreen-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: tscreen-ultra !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: tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-ultra' !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: 430px; 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: 'tscreen-ultra' !important; } div#safenet-home-mobile section.safenet-home .text-wrap h2 span { color: #e20074; font-family: 'tscreen-ultra' !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 .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: 'tscreen-ultra' !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: 'tscreen-ultra' !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); } 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 .main-header .left-side-header { width: 100%; float: none; } div#safenet-home-mobile .main-header .left-side-header:before { content: ''; width: 550px; height: 220px; } div#safenet-home-mobile .main-header .left-side-header h1 { font-size: 28px; margin: 25px 4% 25px 4%; width: 70%; } div#safenet-home-mobile .main-header .left-side-header h3 { color: black; margin: 25px 25% 25px 4%; font-family: tscreen-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: 400px; } 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: 'tscreen-regular' !important; position: absolute; bottom: 0; margin-left: 30px; } #safenet-portfolio .header h1 span { position: relative; font-family: 'tscreen-ultra' !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 h2 { font-family: 'tscreen-medium' !important; font-size: 26px; margin-bottom: 40px; } #safenet-portfolio .net-boxes .box .wrap h2 span { font-family: 'tscreen-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%; } .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; } @media(max-width: 767px) { .nov-broj-banner h2 { width: 40%; display: inline; float: left; position: relative; vertical-align: middle; top: 0; font-size: 19px; color: white; } } @media(min-width: 768px) and (max-width: 991px) { .nov-broj-banner .ec { float: left; } } /*#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; } #moj-telekom-new .first-banner .header .najava a { width: 130px; padding: 8px 0; font-size: 19px; box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.10); } #moj-telekom-new .first-banner .header h1 { color: #e20074; font-size: 78px; text-transform: uppercase; margin-bottom: 50px; font-family: 'tscreen-ultra' !important; line-height: 1.1; } #moj-telekom-new .first-banner .header h2 { color: black; font-size: 30px; font-family: 'tscreen-medium' !important; } #moj-telekom-new .first-banner .header p { position: relative; color: black; opacity: .4; 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: 'tscreen-bold' !important; margin-bottom: 40px; } #moj-telekom-new .section.pridobivki .pridobivki-text p { color: black; font-size: 18px; font-family: 'tscreen-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: 14px; line-height: 1.2; font-family: 'tscreen-bold' !important; } #moj-telekom-new .pridobivki-icons .row { margin-bottom: 60px; } #moj-telekom-new .section.virtuelen-tehnicar { padding: 4% 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: 'tscreen-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: 4% 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: 'tscreen-medium' !important; } #moj-telekom-new .section.help-and-support .text-wrap p span { color: #e20074; font-size: 18px; font-family: 'tscreen-medium' !important; } #moj-telekom-new .section.qa h3 { font-size: 45px; text-transform: uppercase; font-family: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 'tscreen-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: 80px 0 20px; background: #e20074; padding: 20px; color: white; } .stream-on-shape p span { display: block; text-align: center; font-weight: 700; } .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: 18%; 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; bottom: -33px; right: 0; z-index: 3; } .animateBanner .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: 61px; font-style: normal; font-weight: 700; text-transform: uppercase; text-align: center; color: white; top: 0px; transform: rotate( -15deg ); position: absolute; left: 0px; z-index: 10; background-size: contain; margin: 0; } .stream-on-activation_work .sticky { width: 20%; 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/stream-on/pripejd-bg-black.png); background-position: top center; background-repeat: no-repeat; font-size: 29px; line-height: 70px; font-style: normal; font-weight: 700; text-transform: uppercase; text-align: center; color: white; top: 0px; transform: rotate( -15deg ); position: absolute; left: 0px; z-index: 10; background-size: contain; margin: 0; } .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: 19%; 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; right: 0; z-index: 3; top: -32px; } .speak-out-magenta .sticky h1 { display: block; width: 100%; height: 100%; background-image: url(../content/images/speak-out/pripejd-bg-black.png); background-position: top center; background-repeat: no-repeat; font-size: 28px; line-height: 62px; font-style: normal; font-weight: 700; text-transform: uppercase; text-align: center; color: white; top: 0px; transform: rotate( -15deg ); position: absolute; left: 0px; z-index: 3; background-size: contain; margin: 0; } .speak-out-blackBox-magentaBox-left .sticky { margin: 0 auto !important; z-index: 3; bottom: -49px !important; margin: 0 auto; left: 38% !important; } .speak-out-blackBox-magentaBox-left .sticky h1 { line-height: 53px !important; font-size: 27px !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/speak-out/pripejd-bg-black.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: white; top: 0px; transform: rotate( -15deg ); position: absolute; left: 0px; z-index: 10; background-size: contain; margin: 0; } #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) { #stream-on-landing .sticky { width: 28% !important; height: 53px !important; } #stream-on-landing .sticky h1 { font-size: 13px !important; line-height: 28px !important; } .stream-on-activation_work .sticky { display: none; } .stream-on-sodrzhini .sticky{ top: 0 !important; } .speak-out-magenta .sticky { width: 29%; right: inherit; z-index: 3; top: -15px; left: 10px; } .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: 35%; bottom: 45%; } .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 h1 { line-height: 64px; } .stream-on-sodrzhini .sticky h1 { line-height: 70px; } .speak-out-magenta .sticky h1 { line-height: 70px; } .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; }