﻿@import 'campaign/max-tarifa.css';
@import 'campaign/iphone-se.css';
@import 'campaign/customSearch-new.css';
@import 'campaign/iphone-compare.css';
@import 'campaign/magenta-1-page.css';
@import 'campaign/nova-smetka.css';
@import 'campaign/samsung-s7.css';
@import 'campaign/samsung-promo.css';
@import 'campaign/prepaid-to-postpaid.css';
@import 'campaign/ili-ili-prepaid.css';

@import 'campaign/adsl-new.css';
@import 'campaign/adsl-newest.css';
@import 'campaign/extra-tv.css';
@import 'campaign/optika-new-page.css';

@import 'campaign/order-tracking.css';
@import 'campaign/mob-app-page.css';

@import 'campaign/tourist.css';
@import 'campaign/e-bill.css';
@import 'campaign/extra-tv-mobile.css';
@import 'campaign/cash-back.css';
@import 'campaign/samsung-a7.css';
@import 'campaign/magenta1biznis.css';
@import 'campaign/deset-godini-brand.css';
@import 'campaign/10godina.css';


@import 'campaign/iPhone-7.css';


/*@import 'campaign/valentines-campaign-2016.css';*/



html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, tr, th, td {
    margin: 0;
    padding: 0;
}

#footer {
    position: absolute;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #f0f0f0;
}

form {
    min-height: 100%;
    position: relative;
}

a img {
    border: none;
}

ol, ul {
    list-style: none;
}

a {
    text-decoration: none;
}

    a:focus, a:active {
        outline: none;
    }

div {
    -ms-zoom: 1;
    zoom: 1;
}

    div:after {
        content: " ";
        display: block;
        clear: both;
    }

img {
    margin: 0;
    padding: 0;
    border: 0;
    width: auto;
    max-width: 100%;
    height: auto;
}

@font-face {
    font-family: 'tele-groteskhalregular';
    src: url('../content/fonts/t036014t_2-webfont.eot');
    src: url('../content/fonts/t036014t_2-webfont.eot?#iefix') format('embedded-opentype'), url('../content/fonts/t036014t_2-webfont.ttf') format('truetype'), url('../content/fonts/t036014t_2-webfont.svg#tele-groteskhalregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tele-groteskfetregular';
    src: url('../content/fonts/t036016t_2-webfont.eot');
    src: url('../content/fonts/t036016t_2-webfont.eot?#iefix') format('embedded-opentype'), url('../content/fonts/t036016t_2-webfont.ttf') format('truetype'), url('../content/fonts/t036016t_2-webfont.svg#tele-groteskfetregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tele-grotesknorregular';
    src: url('../content/fonts/t036013t_0-webfont.eot');
    src: url('../content/fonts/t036013t_0-webfont.eot?#iefix') format('embedded-opentype'), url('../content/fonts/t036013t_0-webfont.ttf') format('truetype'), url('../content/fonts/t036013t_0-webfont.svg#tele-grotesknorregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'telegrotesk_headline_ultraRg';
    src: url('../content/fonts/telegroteskheadline-ultra_2-webfont.eot');
    src: url('../content/fonts/telegroteskheadline-ultra_2-webfont.eot?#iefix') format('embedded-opentype'), url('../content/fonts/telegroteskheadline-ultra_2-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'telegrotesk_headlineregular';
    src: url('../content/fonts/telegroteskheadline-regular_2-webfont.eot');
    src: url('../content/fonts/telegroteskheadline-regular_2-webfont.eot?#iefix') format('embedded-opentype'), url('../content/fonts/telegroteskheadline-regular_2-webfont.ttf') format('truetype');
    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: 'MyriadPro-CondIt';
    src: url('../content/fonts/MyriadPro-CondIt.eot');
    src: url('../content/fonts/MyriadPro-CondIt.eot?#iefix') format('embedded-opentype'), url('../content/fonts/MyriadPro-CondIt.woff') format('woff'), url('../content/fonts/MyriadPro-CondIt.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'MyriadPro';
    src: url('../content/fonts/MyriadPro-Regular.eot');
    src: url('../content/fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('../content/fonts/MyriadPro-Regular.woff') format('woff'), url('../content/fonts/MyriadPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-SemiIt';
    src: url('../content/fonts/MyriadPro-SemiboldIt.eot');
    src: url('../content/fonts/MyriadPro-SemiboldIt.eot?#iefix') format('embedded-opentype'), url('../content/fonts/MyriadPro-SemiboldIt.woff') format('woff'), url('../content/fonts/MyriadPro-SemiboldIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'MyriadPro-Cond';
    src: url('../content/fonts/MyriadPro-Cond.eot');
    src: url('../content/fonts/MyriadPro-Cond.eot?#iefix') format('embedded-opentype'), url('../content/fonts/MyriadPro-Cond.woff') format('woff'), url('../content/fonts/MyriadPro-Cond.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.clearer {
    clear: both;
    float: none;
    line-height: 14px;
    color: #999;
}

.last {
    margin-right: 0 !important;
}

.no-border {
    border: none !important;
}

.no-background {
    background: none !important;
}

.no-left-padding {
    padding-left: 0 !important;
}

.no-right-padding {
    padding-right: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.padding-top-10 {
    padding-top: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 100%;
    color: #5e5e5e;
    /*background: url(../images/footerbg.png);*/
}

a {
    color: #e20074;
}

.table-responsive {
    min-height: inherit;
}

.top-margin {
    margin-top: 15px;
}

#main-wrapper {
    background: #fff;
    padding-bottom: 0;
}

.inner-content-container {
    padding-bottom: 20px;
}

#footer {
    position: relative;
    background: #bcbcbc;
    left: 0;
    right: 0;
    bottom: 0;
}

h2 {
    display: block;
    font-family: 'tele-groteskhalregular';
    font-size: 30px;
    color: #3d3d3d;
    line-height: 110%;
    font-weight: normal;
    margin-bottom: 15px;
}



h3 {
    display: block;
    font-family: 'tele-groteskfetregular';
    font-size: 20px;
    color: #e20074;
    line-height: 110%;
    font-weight: normal;
    margin-bottom: 15px;
}

.webshop-title-text {
    font-family: 'tele-groteskhalregular';
    font-size: 28px;
    color: #fff;
    line-height: 110%;
    font-weight: normal;
    margin-bottom: 15px;
}



h4 {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #3d3d3d;
    line-height: 110%;
    font-weight: normal;
    margin-bottom: 15px;
    padding-top: 15px;
}

p {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #5e5e5e;
    margin-bottom: 15px;
    line-height: 21px;
}

h6 {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #e20074;
    margin-bottom: 10px;
    line-height: 145%;
}

.block-wrapper {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #5e5e5e;
    margin-bottom: 15px;
    line-height: 145%;
    margin-top: 40px;
}

.date-view {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #222;
    margin-bottom: 15px;
    line-height: 145%;
}

/*Begin*/

.top-holder {
    padding: 0;
    border-bottom: 1px none #e5e5e5;
    background: #f2f2f2;
}

.mini-menu-wrap {
    float: left;
}

ul.mini-menu li {
    display: block;
    float: left;
}

    ul.mini-menu li a {
        display: block;
        position: relative;
        padding: 15px 11px 11px;
        color: #8d8d8d;
        background: url(../images/border.png) right center no-repeat;
        font-family: 'tele-groteskfetregular';
        font-size: 13px;
        border-radius: 0;
        position: relative;
        text-transform: uppercase;
        -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;
    }

    ul.mini-menu li:first-child a {
        padding-left: 0;
    }

    ul.mini-menu li:last-child a {
        background: none;
    }


    ul.mini-menu li a.active {
        color: #555;
        /*font-weight: bold;*/
    }

    ul.mini-menu li a span {
        -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;
        font-size: 13px;
        font-family: "tele-groteskhalregular";
    }

    ul.mini-menu li a.active span {
        /* border-bottom: 2px solid #e20074;*/
        padding: 5px 0;
        color: #e20074;
    }

    ul.mini-menu li a:hover {
        text-decoration: none;
    }

        ul.mini-menu li a:hover span {
            border-bottom: 2px none #e20074;
            padding: 5px 0;
            color: #e20074;
        }

    ul.mini-menu li a.active:hover span {
        font-size: 100%;
        border-bottom: 2px solid #e20074;
    }

.mini-right-menu-wrap {
    float: right;
}

.mini-right-menu-wrap-en {
    float: right;
    width: 17.94em;
}

.mini-right-menu-holder {
    float: left;
}

ul.mini-right-menu li {
    display: block;
    float: left;
}

    ul.mini-right-menu li a {
        display: block;
        font-family: 'tele-groteskhalregular';
        font-size: 13px;
        -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;
        padding: 15px 10px 11px;
        color: #8d8d8d;
    }

    ul.mini-right-menu li:first-child a {
        background: url(../images/border.png) right center no-repeat;
    }

    ul.mini-right-menu li a:hover {
        color: #e20074;
        text-decoration: none;
    }

.search-icon {
    background: #fafafa url(../images/search-icon.png) center center no-repeat;
    width: 55px;
    height: 40px;
    display: block;
    cursor: pointer;
}

.search-container {
    float: left;
    position: relative;
	display: none;
}

.korpa-kontainer {
    background: url(../images/korpa.png) center center no-repeat;
    float: left;
    height: 40px;
    position: relative;
    z-index: 8999;
    width: 55px;
    padding: 15px 20px 11px;
}

.korpa-num {
    /*background: #ffffff;
    background: rgba(255,255,255,.7);
    color: #e20074;
    font-size: 11px;
    padding: 3px 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 15px;
    line-height: 12px;
    position: absolute;
    top: 10px;
    left: 5px;
    border: 1px solid #bababa;
    font-weight: bold;
    width: 21px;
    text-align: center;*/
    background: #ffffff;
    background: rgba(255,255,255,.7);
    color: #e20074;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 15px;
    line-height: 12px;
    position: absolute;
    top: 3px;
    left: 22px;
    border: 1px solid #bababa;
    font-weight: bold;
    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 9px;
    padding-top: 2px;
    padding-right: 0px;
}

.korpa-kontainer:hover, .korpa-kontainer:focus {
    background: #fafafa;
    background: #e5e5e5 url(../images/korpa.png) center center no-repeat;
}

.wb-korpa {
    float: left;
    cursor: pointer;
}

.wbs-title {
    float: left;
    font-size: 16px;
    color: #6f6f6f;
    font-family: 'tele-groteskhalregular';
    border-right: 1px solid #cecece;
    padding-right: 15px;
    margin-right: 10px;
    padding-top: 3px;
}

input.search-input {
    width: 280px;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    padding: 5px;
    display: block;
    margin-bottom: 0 !important;
}

    input.search-input:focus {
        -webkit-box-shadow: 0 0 5px #6dcff6;
        -webkit-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
        -moz-box-shadow: 0 0 5px #6dcff6;
        -moz-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
        box-shadow: 0 0 5px #6dcff6;
        box-shadow: 0 0 5px rgba(109, 207, 246, .5);
    }

.logo-holder {
    padding-top: 15px;
}

.logo, .logo2 {
    display: block;
    float: left;
    padding-right: 30px;
}

    .logo a {
        display: block;
        width: 67px;
        height: 33px;
        text-indent: -9999px;
        background: url(../images/logo3.png) no-repeat;
    }

    .logo2 a {
        display: block;
        width: 67px;
        height: 33px;
        text-indent: -9999px;
        background: url(../images/logo2.png) no-repeat;
    }

.header-logo-right {
    float: left;
    padding-top: 8px;
}

.main-menu-holder {
    z-index: 999;
    position: relative;
    -webkit-box-shadow: 0 2px 8px 0 #f1f1f1;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 2px 8px 0 #f1f1f1;
    -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 8px 0 #f1f1f1;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.07);
    background: #e20074;
    /*min-height: 60px;*/
}

.home-menu {
    position: relative;
    z-index: 20;
    width: 100%;
}

/************* MENU **************/

#navigation-menu2 {
    display: table;
    margin: 0 0 0 auto;
    table-layout: auto;
    padding: 0;
    list-style: none;
    /*position: relative;*/
    width: 100%;
    text-align: right;
}

#navigation-menu {
    display: table;
    margin: auto;
    padding: 0;
    list-style: none;
    background: transparent;
    position: relative;
    /*position: fixed;*/
    margin-bottom: -54px;
    -webkit-box-shadow: 0 0 0 0 #ccc;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 0 0 #ccc;
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 0 #ccc;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
    width: 100%;
    z-index: 9999;
}

.m115 {
    margin-top: 0 !important;
}



#navigation-menu li.level-one, #navigation-menu2 li.level-one {
    display: table-cell;
    z-index: 50;
    margin: 0;
}

#navigation-menu2 li.level-one {
    position: relative;
    display: table-cell;
    z-index: 50;
    margin: 0;
    vertical-align: middle;
    height: 60px;
    background: url(../images/menu-border.png) right center no-repeat;
    -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;
    width: 95px;
}

    #navigation-menu2 li.level-one > a {
        padding: 0;
        font-size: 13px;
        width: 100%;
        display: table;
        height: 60px;
        line-height: 16px;
        background: url(../images/menu-border.png) right center no-repeat;
        line-height: 16px;
        color: #fff;
        font-size: 14px;
        font-family: 'tele-groteskhalregular';
        text-shadow: 0 0 0 #fff;
        text-transform: uppercase;
        text-align: center;
    }

.level-one.level-one-webshop.no-bg-item .submenu-holder:hover {
    background: #be086a;
    background: rgba(0,0,0,.1);
}

/*#navigation-menu li.level-one.selected, #navigation-menu2 li.level-one.selected, #navigation-menu2 li.level-one.selected:hover a, #navigation-menu2 li.level-one.selected:focus a {
    background-image: url(../images/menu-arr-up.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: #cb0169 !important;
}*/

#navigation-menu li.level-one > a { /*#navigation-menu2 li.level-one > a*/
    display: inline-block;
    background: url(../images/menu-border.png) right center no-repeat;
    line-height: 16px;
    height: 60px;
    padding: 0 15px;
    color: #fff;
    font-size: 14px;
    font-family: 'tele-groteskhalregular';
    text-shadow: 0 0 0 #fff;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

#navigation-menu li.level-one > a, #navigation-menu2 li.level-one > a span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: normal;
}

/*#navigation-menu2 li.level-one.selected:hover > a {
    background-image: url(../images/menu-arr-up.png) !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    background-color: #d5006e !important;
    background: #555;
}*/


@media screen and (min-width:767px) and (max-width:991px) {
    #navigation-menu li.level-one > a, #navigation-menu2 li.level-one > a {
        font-size: 13px;
    }
}

#navigation-menu li.level-one.level-one-webshop > a, #navigation-menu2 li.level-one.level-one-webshop > a {
    /*color: #ffffff !important;*/
}

#navigation-menu li.level-one > a:hover, #navigation-menu li.level-one:hover > a, #navigation-menu2 li.level-one > a:hover, #navigation-menu2 li.level-one:hover > a {
    background-color: #d5006e !important;
    text-decoration: none;
    color: #fff;
    text-shadow: none;
    -moz-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    -webkit-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in;
}

#navigation-menu li.level-one.level-one-webshop > a:hover, #navigation-menu li.level-one.level-one-webshop:hover > a,
#navigation-menu2 li.level-one.level-one-webshop > a:hover, #navigation-menu2 li.level-one.level-one-webshop:hover > a {
    background: #e20074;
    background: -moz-linear-gradient(top, #e20074 0%, #e20074 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e20074), color-stop(100%,#e20074));
    background: -webkit-linear-gradient(top, #e20074 0%,#e20074 100%);
    background: -o-linear-gradient(top, #e20074 0%,#e20074 100%);
    background: -ms-linear-gradient(top, #e20074 0%,#e20074 100%);
    background: linear-gradient(to bottom, #e20074 0%,#e20074 100%);
    color: #fff !important;
    text-shadow: none;
}


#navigation-menu li.active, #navigation-menu2 li.active {
    background: #676767;
}

    #navigation-menu li.active a, #navigation-menu2 li.active a {
        text-shadow: none;
        background: #676767;
    }

    #navigation-menu li.active.level-one-webshop, #navigation-menu2 li.active.level-one-webshop {
        background: #e20074;
        background: -moz-linear-gradient(top, #e20074 0%, #e20074 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e20074), color-stop(100%,#e20074));
        background: -webkit-linear-gradient(top, #e20074 0%,#e20074 100%);
        background: -o-linear-gradient(top, #e20074 0%,#e20074 100%);
        background: -ms-linear-gradient(top, #e20074 0%,#e20074 100%);
        background: linear-gradient(to bottom, #e20074 0%,#e20074 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#e20074',GradientType=0 );
    }

#navigation-menu > li.active > a, #navigation-menu2 > li.active > a {
    background: none;
    color: #fff;
    text-shadow: none;
}

#navigation-menu > li.active.level-one-webshop > a, #navigation-menu2 > li.active.level-one-webshop > a {
    background: #e20074;
    color: #fff;
    text-shadow: none;
}


#navigation-menu li.magen:hover a, #navigation-menu2 li.magen:hover a {
    color: #fff;
}

#navigation-menu li.magen, #navigation-menu2 li.magen {
    background: #a9a9a8; /* Old browsers */
    background: -moz-linear-gradient(top, #a9a9a8 0%, #959594 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9a9a8), color-stop(100%,#959594)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a9a9a8 0%,#959594 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a9a9a8 0%,#959594 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a9a9a8 0%,#959594 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a9a9a8 0%,#959594 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a9a8', endColorstr='#959594',GradientType=0 ); /* IE6-9 */
    line-height: 3.125em;
    height: 3.125em;
    float: right !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

    #navigation-menu li.magen > a, #navigation-menu2 li.magen > a {
        padding: 0 2.125em 0 3.625em !important;
        line-height: 3.25em;
        height: 3.25em;
        background: url(../images/man.png) 1.5625em center no-repeat !important;
        color: #fff;
        text-shadow: none;
    }

        #navigation-menu li.magen > a:hover, #navigation-menu2 li.magen > a:hover {
            background: url(../images/man.png) 1.5625em center no-repeat !important;
            color: #fff;
        }

#navigation-menu li.no-bg-item > a, #navigation-menu2 li.no-bg-item > a {
    background: none;
}

#navigation-menu .sub-menu-wrapper, #navigation-menu2 .sub-menu-wrapper {
    position: absolute;
    left: 0;
    display: none;
    width: 100%;
    padding: 0;
    list-style: none;
    background: #aaa;
    border-radius: 0;
    padding: 0;
    z-index: 100;
    -moz-box-shadow: 0 4px 6px 0 #ccc;
    -moz-box-shadow: 0 4px 6px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 4px 6px 0 #ccc;
    -webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,.2);
    box-shadow: 0 4px 6px 0 #ccc;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.2);
    margin-top: 0;
}

.level-one-webshop .sub-menu-wrapper {
    background: url(../images/menu-bg-magenta5.png) !important;
}

.submenu-holder {
    min-width: 160px;
    display: table-cell;
    border-right: 1px solid #e5e5e5;
    border-right: 1px solid rgba(0,0,0,.1);
    padding: 10px 0;
}


    .submenu-holder:hover {
        background: #afafaf;
    }

.sub-menu-wrapper .submenu-holder:last-child {
    border: none !important;
}

.submenu-holder img {
    display: block;
    margin: auto;
    margin-bottom: 5px;
    border: 1px solid #aaa;
}

.submenu-title {
    display: block;
    font-family: 'tele-groteskfetregular';
    font-size: 15px;
    font-weight: normal;
    color: #fff;
    line-height: 120%;
    margin: 0 0 6px 0;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #888;
    padding: 3px 15px;
}

    .submenu-title:hover {
        background: #8c8c8c;
        color: #fff;
        text-decoration: none;
    }

.level-one-webshop .submenu-title:hover {
    background: #e20074 !important;
    color: #fff;
    text-decoration: none;
}

.level-2-holder {
    margin-left: 0 !important;
}

    .level-2-holder li {
        display: block;
        margin-bottom: 0;
    }

        .level-2-holder li a {
            display: block;
            color: #fff;
            font-size: 12px;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 120%;
            padding: 6px 15px;
        }

        .level-2-holder li:last-child a {
            border-bottom: none !important;
        }

        .level-2-holder li a:hover {
            background: #8c8c8c;
            text-decoration: none;
        }

.level-one-webshop .level-2-holder li a:hover {
    background: #e20074 !important;
}

.magen-left-holder {
    border-bottom: 1px solid #888888;
    margin-bottom: 7px;
}

.magen-list {
    margin-left: 0 !important;
    margin-right: 20px;
}

    .magen-list li {
        display: block;
        margin-bottom: 5px;
    }

        .magen-list li a {
            font-family: 'tele-groteskhalregular';
            display: block;
            line-height: 30px;
            font-size: 16px;
            color: #fff;
            text-decoration: none;
            padding-left: 12px;
        }

            .magen-list li a:hover {
                background: #acacac !important;
            }

.magen-right-holder {
    line-height: 100%;
}

.portal-choose label {
    margin-top: 6px;
}

.magen-right-holder label {
    color: #fff;
    display: block;
}

.portal-choose select {
    font-size: 14px;
}

.magen-form-holding {
    font-size: 14px;
    margin-bottom: 3px;
    color: white;
}

    .magen-form-holding span {
        display: block;
        clear: both;
        color: #000;
        font-size: 12px;
        margin-bottom: 5px;
    }

    .magen-form-holding label {
        font-family: 'tele-groteskhalregular';
        font-weight: normal;
        font-size: 15px;
    }

.reg-magen {
    display: block;
    padding-top: 11px;
}

    .reg-magen:hover {
        text-decoration: underline;
        background: none #959594 !important;
    }

.magen-right-holder input[type="text"], .magen-right-holder input[type="password"] {
    width: 200px;
}
/************* MENU END **************/

.breadcrumbs {
    margin-bottom: 18px;
}

    .breadcrumbs a, .breadcrumbs span, .breadcrumbs {
        color: #d5d5d5;
        font-size: 10px;
    }

        .breadcrumbs a {
            text-decoration: underline;
        }

            .breadcrumbs a:hover {
                color: #989898;
            }

/************* HOME ****************/

.home-content-holder {
    position: relative !important;
    padding: 0;
    background-color: white;
    overflow: hidden;
}

.home-icons-holder {
    position: relative;
    padding: 20px 0;
    background-color: #f1f1f1;
    overflow: hidden;
    padding-bottom: 80px;
    /*z-index: 10;*/
}

.home-box {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-color: #ffffff;
    background-color: rgba(255,255,255,.97);
    min-height: 370px;
}

    .home-box img {
        display: block;
        max-width: 100%;
        width: auto;
    }

    .home-box h4 {
        display: block;
        font-family: 'tele-groteskhalregular';
        font-size: 19px;
        font-weight: normal;
        color: #5e5e5e;
        line-height: 115%;
        margin-bottom: 10px;
    }

.home-box-right img {
    display: block;
    float: left;
}

.home-box-right-right {
    width: 225px;
    float: right;
}

    .home-box-right-right h4 {
        display: block;
        font-family: 'tele-groteskhalregular';
        font-size: 23px;
        font-weight: normal;
        color: #5e5e5e;
        line-height: 115%;
        margin-bottom: 10px;
    }

.read-more {
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #427bab;
}

    .read-more:hover {
        text-decoration: underline;
    }

.home-box {
    position: relative;
    box-shadow: 1px 1px 1px #cdcdcd;
    margin-bottom: 20px;
    min-height: 335px;
    min-height: 420px\9;
    border: 1px solid #d1d1d1;
    margin-top: 20px;
}


    .home-box h3 {
        min-height: 44px;
        color: #333;
        font-size: 19px;
    }

.home-boxes-container div div a.read-more {
    position: absolute;
    bottom: 10px;
}

.voucher-container {
    clear: both;
    margin: 40px 0;
    padding: 15px;
    background: #e30074;
    border-radius: 10px;
}

.bottom-box {
    position: relative;
    width: 204px;
    float: left;
    padding-top: 8px;
    padding-left: 13px;
    height: 115px;
    margin-right: 48px;
    padding-right: 10px;
}

    .bottom-box p {
        margin-bottom: 10px !important;
    }

#bottom-box-1 {
    background: url(../images/box1.png) top left no-repeat;
}

    #bottom-box-1:hover {
        background-position: 0 -120px;
    }

#bottom-box-2 {
    background: url(../images/box2.png) top left no-repeat;
}

    #bottom-box-2:hover {
        background-position: 0 -118px;
    }

#bottom-box-3 {
    background: url(../images/box3.png) top left no-repeat;
}

    #bottom-box-3:hover {
        background-position: 0 -120px;
    }

#bottom-box-4 {
    background: url(../images/box4-01.png) top left no-repeat;
}

    #bottom-box-4:hover {
        background-position: 0 -122px;
    }

.bottom-box p {
    font-size: 11px;
    line-height: 120%;
    color: #8f8f8f;
}

.bottom-box h5 {
    display: block;
    font-size: 15px;
    font-weight: normal;
    color: #5e5e5e;
    line-height: 115%;
    margin-bottom: 10px;
}

.shadow {
    position: relative;
    z-index: 20;
    height: 5px;
    top: 0;
    background: url(../images/senka.png) repeat-x;
}

#footer .centered {
    margin-top: 35px;
    padding-bottom: 35px;
}

.footer-list-holder {
    width: 110px;
    float: left;
    margin-right: 10px;
}

    .footer-list-holder h4, .footer-list-holder h4 a {
        display: block;
        font-size: 19px;
        color: #383838;
        font-family: 'tele-groteskhalregular';
        font-weight: normal;
        margin-bottom: 10px;
        line-height: 120%;
        text-shadow: 1px 1px 1px #ffffff;
        text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    }

.footer-list li {
    display: block;
    margin-bottom: 5px;
}

    .footer-list li a {
        display: block;
        font-size: 11px;
        color: #6f6f6f;
        line-height: 140%;
    }

        .footer-list li a:hover {
            color: #e20074;
        }

.voucher-left {
    width: 360px;
    float: left;
}

    .voucher-left span {
        display: block;
        color: #fff;
        font-weight: normal;
    }

.voucher-one-span {
    font-family: 'tele-groteskfetregular';
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 4px;
}

.voucher-second-span {
    font-family: 'tele-groteskhalregular';
    font-size: 15px;
    font-weight: normal;
}

.voucher-broj {
    float: left;
    width: 150px;
    margin-right: 15px;
}


.voucher-container input.pole {
    display: block;
    outline: none;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 30px;
    font-size: 1em;
    margin-bottom: 0;
}

    .voucher-container input.pole:focus {
        -webkit-box-shadow: 0 0 5px #777;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
        -moz-box-shadow: 0 0 5px #777;
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
        box-shadow: 0 0 5px #777;
        box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    }

.black-voucher {
    font-family: 'tele-groteskhalregular';
    display: block;
    color: #000;
    margin-bottom: 3px;
    font-size: 14px;
}

.voucher-iznos {
    float: left;
}

input.short {
    width: 35px;
    float: left;
}

.voucher-iznos-left, .voucher-iznos-right, .short-vouch {
    float: left;
}

    .voucher-iznos-left .short-vouch {
        font-size: 16px;
    }

.short-vouch {
    padding-left: 5px;
    padding-top: 10px;
}

.voucher-iznos-left {
    width: 58px;
    margin-right: 5px;
}

.voucher-submit {
    outline: 0;
    border: 0;
    background: #d4ccbc; /* Old browsers */
    background: -moz-linear-gradient(top, #d4ccbc 0%, #a9a295 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4ccbc), color-stop(100%,#a9a295)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d4ccbc 0%,#a9a295 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d4ccbc 0%,#a9a295 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d4ccbc 0%,#a9a295 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d4ccbc 0%,#a9a295 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4ccbc', endColorstr='#a9a295',GradientType=0 ); /* IE6-9 */
    padding: 6px 18px;
    color: #000;
    font-family: 'tele-groteskhalregular';
    font-size: 18px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
    float: left;
    box-shadow: 1px 1px 1px #777;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    margin-left: 15px;
    margin-top: 16px;
}

    .voucher-submit:hover {
        background: #a9a295; /* Old browsers */
        background: -moz-linear-gradient(top, #a9a295 0%, #d4ccbc 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9a295), color-stop(100%,#d4ccbc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #a9a295 0%,#d4ccbc 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #a9a295 0%,#d4ccbc 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #a9a295 0%,#d4ccbc 100%); /* IE10+ */
        background: linear-gradient(to bottom, #a9a295 0%,#d4ccbc 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a295', endColorstr='#d4ccbc',GradientType=0 ); /* IE6-9 */
    }

.panel-home-hold {
    padding: 40px 60px 0 60px !important;
    margin-bottom: 20px;
    background: #fff;
}

.panel-left-container {
    width: 150px;
    float: left;
    margin-right: 60px;
    background: #fff;
}

.panel-right-container {
    width: 150px;
    float: left;
}

.section-container {
    margin-bottom: 0 !important;
    clear: both !important;
}


div.tab-phone-specs {
    min-height: 160px;
}

.tab-phone-title {
    display: block;
    font-size: 18px;
    color: #454545;
    font-family: 'tele-groteskfetregular';
    margin-bottom: 10px;
    line-height: 110%;
    font-weight: normal;
}

.tab-phone-info-text {
    display: block;
    font-size: 11px;
    color: #414141;
    margin-bottom: 8px;
    line-height: 115%;
}

.tab-phone-price {
    display: block;
    font-size: 24px;
    color: #414141;
    font-weight: bold;
    padding-top: 7px;
    border-top: 1px dotted #e8e8e8;
    margin-bottom: 10px;
    line-height: 100%;
    margin-top: 2px;
}

.tab-phone-agreement {
    display: block;
    font-size: 11px;
    color: #414141;
    line-height: 110%;
}

.magenta-button, #middle-wrapper input[type="submit"], #long-wrap input[type="submit"], .magenta-btn, .grey-btn, .magenta-button-rd {
    /*background: #e20074;
    color: white;*/
    padding: 7px 20px;
    font-size: 16px;
    border-radius: 3px;
    /*box-shadow: inset 0 -1px 0 #aaa;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);*/
    display: inline-block;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-align: center;
    line-height: 20px;
    height: auto;
    /*border: none;
    text-transform: uppercase;*/
    font-family: 'tele-groteskfetregular';
    /*font-size: 16px;*/
    /*NEW BUTTON*/
    color: #fff;
    background: #ff339c;
    background: -moz-linear-gradient(top, #ff339c 0%, #e20074 50%, #cc0069 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff339c), color-stop(50%,#e20074), color-stop(100%,#cc0069));
    background: -webkit-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%);
    background: -o-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%);
    background: -ms-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%);
    background: linear-gradient(to bottom, #ff339c 0%,#e20074 50%,#cc0069 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff339c', endColorstr='#cc0069',GradientType=0 );
    border: 1px solid #cc0069;
    text-transform: none !important;
    box-shadow: none;
}

.lt-ie9 .magenta-button {
    margin-left: 15px;
}

.grey-btn {
    color: #4b4b4b !important;
    border: solid 1px #cececc !important;
    background-color: #f0f0f0 !important;
    background: -moz-linear-gradient(top, #fffdfc 0%, #e7e7e7 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffdfc), color-stop(100%,#e7e7e7)) !important;
    background: -webkit-linear-gradient(top, #fffdfc 0%,#e7e7e7 100%) !important;
    background: -o-linear-gradient(top, #fffdfc 0%,#e7e7e7 100%) !important;
    background: -ms-linear-gradient(top, #fffdfc 0%,#e7e7e7 100%) !important;
    background: linear-gradient(to bottom, #fffdfc 0%,#e7e7e7 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfc', endColorstr='#e7e7e7',GradientType=0) !important;
    /*-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1) !important;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1) !important;
    box-shadow: 1px 1px 1px rgba(0,0,0,.1) !important;*/
    font-family: 'tele-groteskfetregular';
}

.magenta-button:hover, #middle-wrapper input[type="submit"]:hover, #long-wrap input[type="submit"]:hover, .magenta-btn:hover, .magenta-btn:focus {
    background: #c7096b;
    text-decoration: none;
    color: white;
}

.grey-btn:hover {
    color: #4b4b4b !important;
    border: solid 1px #e0e0e0 !important;
    background-color: #ffffff !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%,#f0f0f0 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f0 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0) !important;
}


#hometabs1 div, #hometabs2 div {
    background: #fff;
}

.tel-desc {
    display: block;
    text-align: center;
    color: #414141;
    margin-top: 10px;
    font-size: 16px;
    font-family: 'tele-groteskhalregular';
}

.section-container .section .title {
    background: #F0F0F0;
    padding: 10px 20px;
    border: 1px solid #e5e5e5;
    cursor: pointer;
}


    .section-container .section .title:hover {
        background: #e8f9ff; /* Old browsers */
        background: -moz-linear-gradient(top, #e8f9ff 0%, #c4eaf7 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8f9ff), color-stop(100%,#c4eaf7)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #e8f9ff 0%,#c4eaf7 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #e8f9ff 0%,#c4eaf7 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #e8f9ff 0%,#c4eaf7 100%); /* IE10+ */
        background: linear-gradient(to bottom, #e8f9ff 0%,#c4eaf7 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f9ff', endColorstr='#c4eaf7',GradientType=0 ); /* IE6-9 */
    }

.section-container .section.active .title:hover {
    background: #fff;
}

.home-tab a {
    font-size: 15px !important;
    padding: 0px 42px !important;
    color: #333 !important;
    height: 50px;
    line-height: 50px;
}

.breadcrumbs-hold {
    color: #d5d5d5;
    font-size: 10px;
    margin: 20px 0;
}

    .breadcrumbs-hold a, .breadcrumbs-hold span, .breadcrumbs-hold {
        color: #888;
        font-size: 15px;
        font-family: tele-groteskhalregular;
        padding: 0 2px;
    }

        .breadcrumbs-hold span:last-of-type {
            font-family: tele-groteskfetregular;
            color: #e20074;
        }

        .breadcrumbs-hold a {
            text-decoration: underline;
        }

            .breadcrumbs-hold a:hover {
                color: #e20074;
            }


.left-menu-holder {
    border-radius: 0;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 1px 1px 4px #e5e5e5;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 4px #e5e5e5;
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,.1);
    box-shadow: -1px 1px 0 #e5e5e5;
    box-shadow: -1px 1px 0 rgba(0,0,0,.1);
    background: #f7f7f7;
}

    .left-menu-holder h4 {
        display: block;
        font-family: 'tele-groteskfetregular';
        font-size: 18px;
        color: #3d3d3d;
        line-height: 100%;
        font-weight: normal;
        text-shadow: 1px 1px 1px #ffffff;
        text-shadow: 1px 1px 1px rgba(255, 255, 255,1);
        padding: 20px 20px;
        text-transform: uppercase;
    }

@media screen and (min-width:767px) {
    .left-menu-holder h4 {
        background: white;
    }
}

.left-menu li {
    display: block;
    padding: 0 10px;
    -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;
}

    .left-menu li:hover {
        background: #ebebeb !important;
    }

    .left-menu li a {
        display: block;
        font-size: 13px;
        color: #4d4d4d;
        line-height: 120%;
        padding: 5px 12px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .left-menu li:last-child a {
        background: none;
    }


    .left-menu li a:hover {
        text-decoration: none !important;
    }

    .left-menu li a.level1 {
        padding: 13px 15px 13px 30px;
        background: url(../images/black-arrow.png) 10px center no-repeat;
        border-bottom: 1px solid #e5e5e5;
    }

    .left-menu li a.level1-active {
        padding: 13px 15px 13px 30px;
        background: url(../images/black-arrow.png) 10px center no-repeat;
        border-bottom: 1px solid #e5e5e5;
        color: #e20074 !important;
    }

    .left-menu li a.level3 {
        padding: 10px 15px 10px 40px;
        color: #acacac;
        border-bottom: 1px solid #e5e5e5;
    }

    .left-menu li a.level3-active {
        padding: 13px 15px 13px 40px;
        color: #e20074 !important;
        border-bottom: 1px solid #e5e5e5;
    }



    .left-menu li a.level2 {
        padding: 10px 15px 10px 30px;
        color: #888 !important;
        border-bottom: 1px solid #e5e5e5;
    }

    .left-menu li a.level2-active {
        padding: 13px 15px 13px 30px;
        color: #e20074 !important;
        border-bottom: 1px solid #e5e5e5;
    }



ul.standard, ul.t-list, #middle-wrapper ul, #long-wrap ul {
    margin-bottom: 15px;
}

    ul.standard li, ul.t-list li, #middle-wrapper ul li, #long-wrap ul li, .sitemap-wrapper ul li, ul li.standard {
        display: block;
        background: url(../images/list-bullet.png) 0 18px no-repeat !important;
        padding-left: 15px;
        line-height: 21px;
        color: #5e5e5e;
        margin-bottom: 7px;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #long-wrap ul#uList li {
        background: none !important;
    }

table {
    background-color: transparent;
    width: 100%;
}


#long-wrap ul#uList li.selectedLi {
    background: #e20074 !important;
}

.pad-comp-l {
    padding-left: 0;
}

.pad-comp-r {
    padding-right: 0;
}


@media screen and (max-width:767px) {
    .pad-comp-l {
        padding-left: 15px !important;
    }

    .pad-comp-r {
        padding-right: 15px !important;
    }

    ul.standard li, ul.t-list li, #middle-wrapper ul li, #long-wrap ul li, .sitemap-wrapper ul li, ul li.standard {
        display: block;
        background: url(../images/list-bullet.png) 0 11px no-repeat !important;
        padding-left: 15px;
        line-height: 21px;
        color: #5e5e5e;
        margin-bottom: 7px;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif !important;
    }

    #long-wrap ul#uList li.selectedLi {
        background: #e20074 !important;
    }

    #long-wrap ul#uList li {
        background: none !important;
    }

    #left-wrapper {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
	
	.fix-for-scroll .custom-dropdown 
	{
	height: 300px;
    overflow-y: scroll;
	}
	.custom-dropdown-wrapper.fix-for-scroll
	{
	padding-left: 20px;
	}
	
}

.inner-cont-right .side-right ul.t-list li {
    display: block;
    background: url(../images/list-bullet.png) left center no-repeat !important;
    padding-left: 15px;
    line-height: 15px;
    color: #5e5e5e;
    margin-bottom: 7px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif !important;
}

.sidebar-box-hold {
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    padding: 15px;
    background: #fff;
    position: relative;
    margin-bottom: 30px;
}

    .sidebar-box-hold h4 {
        display: block;
        font-size: 18px;
        color: #3d3d3d;
        font-family: 'tele-groteskhalregular';
        font-weight: normal;
        padding-bottom: 7px;
        margin-bottom: 15px;
        line-height: 120%;
    }

        .sidebar-box-hold h4.color-8 {
            border-bottom: 4px solid #408F9A;
        }

    .sidebar-box-hold a {
        color: #427bab !important;
    }

form .row .row {
    margin: 0;
}

.top-image-wrapper img {
    max-width: 100%;
    width: auto;
    margin-bottom: 20px;
    height: auto;
    box-shadow: -2px 2px 0 #f1f1f1;
    box-shadow: -2px 2px 0 rgba(0,0,0,.1);
}

.top-image-wrapper p {
    margin-bottom: 0;
}

.right-wrapper img {
    width: 100%;
}


h2.light-title b {
    font-weight: normal !important;
}

.table-title {
    display: block;
    font-family: 'tele-groteskhalregular';
    font-size: 18px;
    color: #4b4b4b;
    padding-bottom: 5px;
    line-height: 115%;
    margin-bottom: 25px;
    text-align: center;
    border-bottom: 1px solid #bbbbbb;
    clear: both;
}

.inner-content-container .t-table {
    width: 100%;
    font-family: 'tele-groteskhalregular';
    font-size: 18px;
    color: #4b4b4b;
    margin-bottom: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: solid 1px #dddddd;
    border-bottom: 3px solid #e20074;
}

    .inner-content-container .t-table tr th, .inner-content-container .t-table tr td, table tr th, table tr td {
        font-family: 'tele-groteskhalregular';
        font-size: 13px;
        color: #4b4b4b;
        padding: 8px 9px;
        text-align: left;
        line-height: 120%;
        border-bottom: 1px solid #e5e5e5;
    }

        .inner-content-container .t-table tr th, .inner-content-container .t-table tr td strong, .inner-content-container .t-table tr.header td {
            font-family: Arial;
        }

    .inner-content-container .t-table tr.header td {
        border-bottom: solid 2px #e20074;
        background: #efefef;
        font-size: 14px;
    }


        .inner-content-container .t-table tr.header td p, .inner-content-container .t-table tr.header td {
            font-family: Arial !important;
            color: #464646 !important;
            font-size: 11px;
            font-weight: bold;
        }

            .inner-content-container .t-table tr.header td strong {
                font-weight: normal !important;
                font-size: 12px;
            }


    .inner-content-container .t-table.t-table-condensed tr td {
        padding: 8px 8px;
    }

@media only screen and (min-width: 48em) {


    .margin-top-130 {
        margin-top: 130px;
    }


    button.small, .button.small {
        font-size: 14px;
    }
}

#left-in-long {
    padding-left: 0;
}

#left-wrapper {
    padding-right: 0;
    padding-left: 0;
}

#right-wrapper {
    padding-left: 0;
    padding-right: 0;
}

#long-wrap {
    padding-right: 0;
}


.area-action img, .handle img {
    width: auto !important;
}


.inner-tabs-container {
    border-bottom: 1px solid #cccccc !important;
}

.xtra-small-text {
    font-size: 10px !important;
}

.xtra-large-text {
    font-size: 20px !important;
}

.normal-magenta-text {
    color: #e20074 !important;
}

.block-wrapper .row {
    margin-bottom: 15px !important;
}

    .block-wrapper .row .columns img {
        display: block;
        margin: auto;
    }

.date-view {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #5e5e5e;
    margin-bottom: 15px;
    line-height: 145%;
    font-style: italic;
}

input[type="text"], input[type="password"] {
    margin-bottom: 10px;
}

label {
    font-size: 1em;
}

    label span, .label-text {
        display: inline-block;
        font-size: 1em !important;
        padding-bottom: 3px !important;
    }

select {
    margin-bottom: 20px;
    height: 27px;
}

.radioReq {
    margin-right: 3px;
}

.main-choice label {
    float: left;
    margin-right: 15px;
    margin-top: 5px;
}

.stepWrapper label:first-child {
    margin-bottom: 15px;
}


.filter-wrapper {
    margin-bottom: 10px;
}

.home-quick {
    padding-top: 30px;
}

.dash-links h2 {
    padding-bottom: 15px;
    border-bottom: dotted 1px #d0d0d0;
    margin-bottom: 0 !important;
    font-size: 22px !important;
}

.first-quick-hold {
    padding-left: 0 !important;
    padding-right: 1.5625em !important;
}

.second-quick-hold {
    padding-right: 0 !important;
    padding-left: 1.5625em !important;
}


div.dash-links li a {
    font-size: 13px !important;
    color: #5e5e5e !important;
    font-weight: normal !important;
}

div.dash-links li span.info {
    font-size: 11px !important;
    color: #8f8f8f !important;
}

.dash-links ul li {
    padding: 14px !important;
    border-bottom: dotted 1px #d0d0d0 !important;
    margin-bottom: 0 !important;
    background: url("../images/qlinks-bg.png") center right no-repeat !important;
    line-height: 100% !important;
}

/* PHONE LIST RESPONSIVE */

div.phoneList-filters .submit-btn-80 {
    margin-left: 8px !important;
}

/*div.page-numbers {
    padding: 0 0 12px 0 !important;
    text-align: center !important;
}*/

div.comparison-box {
    padding-left: 20px !important;
}

ul.phones-holder, ul.phones-holder li {
    background: none !important;
}

    ul.phones-holder li.phone-wrapper {
        border-top: solid 1px #ececec;
        border-right: solid 1px #ececec;
        padding: 30px 0 !important;
        margin: 0 !important;
        position: relative;
    }

    ul.phones-holder li:nth-of-type(3n) {
        border-right: 0 !important;
    }

    ul.phones-holder li ul li {
        background: url(../images/list-bullet.png) 0 6px no-repeat !important;
    }

    ul.phones-holder li ul {
        padding-left: 6px !important;
    }

    ul.phones-holder li h2 {
        font-size: 17px !important;
        text-transform: uppercase;
        padding: 15px 0 0 20px !important;
        height: 50px;
    }

    ul.phones-holder li a.magenta-btn, ul.phones-holder li a.grey-btn {
        display: block !important;
        width: 84% !important;
        margin: 0 auto;
        float: none !important;
    }

    ul.phones-holder li .grey-btn {
        margin-bottom: 6px !important;
    }

    ul.phones-holder li div.phone-thumb-holder img {
        display: block;
        height: 150px !important;
        max-height: 150px !important;
        margin: 0 auto !important;
    }

    ul.phones-holder li h3 {
        margin-left: 20px !important;
    }

    ul.phones-holder li .price-btn-holder {
        margin-left: 20px !important;
    }

    ul.phones-holder li div.phone-height-fixer {
        min-height: 150px;
    }

div.accessories-wrap ul.phones-holder li div.phone-height-fixer {
    min-height: 90px !important;
}

/*div.accessories-wrap div.secondary-height-fixer
{
    display:none !important;
}*/

ul.phones-holder li div.large-height-fixer {
    min-height: 245px !important;
}

ul.phones-holder li table tr td {
    padding: 8px 0 8px 15px !important;
}

ul.phones-holder li table input {
    margin: 0 !important;
}

ul.phones-holder li ul li {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
}

ul.phones-holder li table tr td.comparison-label-list {
    padding-right: 15px !important;
}

.add-tariff, .add-price {
    display: block;
    padding: 0 0 0 20px;
}

    .add-tariff .add-price {
        padding: 0 !important;
    }

.add-tariff {
    padding: 10px 0 5px 20px !important;
}

/* PHONE DETAILS RESPONSIVE */

.section .t-table {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

.desc-cell-label, .desc-cell-value {
    float: left;
    width: 45%;
    vertical-align: middle;
    font-size: 15px !important;
}

.desc-cell-label {
    font-weight: bold;
}

.desc-cell-wrap {
    padding: 8px 12px;
}

.desc-cell-wrap-even {
    background-color: #eee;
}

.desc-cell-wrap-odd {
    background-color: White;
}

/* Phone Details Sliders */

.slider-wrapper {
    /* padding:10px 10px 10px 20px;*/
    margin-top: -98px;
}

.pricing-disclamer, .global-disclamer {
    margin: 8px 0 8px 0;
}

#sticker {
    position: fixed;
    z-index: 9900;
    top: 230px;
    right: 0;
}

.webmaxpanel {
    float: left;
    width: 255px;
    background: #fbfbfb;
    display: none;
    padding: 10px;
    position: relative;
}

    .webmaxpanel h3 {
        font-size: 26px;
        margin-top: 5px;
    }

    .webmaxpanel .login-form-div label span {
        font-size: 14px !important;
        margin-bottom: 5px;
    }

#webmax-button {
    float: left;
    cursor: pointer;
}

.web-max-form-hold {
    padding: 15px 0;
}

    .web-max-form-hold label {
        color: #fff;
        font-size: 13px !important;
        display: block;
    }

.web-max-form-hold2 label {
    color: #333;
    font-size: 13px !important;
    display: block;
}

.web-max-form-hold .magenta-btn, .web-max-form-hold2 .magenta-btn {
    font-size: 14px !important;
    margin: 0;
    font-family: tele-groteskfetregular;
}


#right-wrapper .block-wrapper img {
    display: block;
    margin-bottom: 5px;
}

#right-wrapper .block-wrapper p {
    margin-bottom: 10px;
}

#right-wrapper h2.dark-title {
    /*display: block;
    font-size: 18px;
    color: #3d3d3d;
    font-family: 'tele-groteskhalregular';
    font-weight: normal;
    padding-bottom: 7px;
    margin-bottom: 10px;
    line-height: 120%;
    border-bottom: 2px dotted #dddddd;*/
    display: block;
    font-size: 18px;
    color: #3d3d3d;
    font-family: 'tele-groteskhalregular';
    font-weight: normal;
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 120%;
    border-bottom: 2px dotted #dddddd;
    padding-top: 5px;
}

#right-wrapper .block-wrapper {
    margin-top: 10px;
    margin-bottom: 10px;
}

.o-kompaniji-hold {
    padding: 25px;
    border: 1px solid #d0d0d0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* VIDEO PLAYER CLASSES */

div.video-player > object {
    width: 100%;
}

div#video-bar {
    width: 100%;
}

    div#video-bar div {
        width: 120px;
        height: 145px;
        float: left;
        margin-left: 20px;
        padding: 0 0 10px 0;
    }

        div#video-bar div img {
            display: block;
            margin-bottom: 8px;
            cursor: pointer;
            width: 120px !important;
        }

        div#video-bar div a {
            font-weight: 700;
            color: #000000;
            text-decoration: none;
        }

            div#video-bar div a:hover {
                color: #E20074;
            }

div#youtube-pager {
    text-align: center;
    padding: 10px 0 6px 0;
}

    div#youtube-pager span.active {
        display: inline-block;
        padding: 1px 7px;
        margin-right: 6px;
        color: #fff;
        background: #e20074;
        border: solid 1px #e3e3e3;
    }

    div#youtube-pager a {
        display: inline-block;
        text-decoration: none;
        padding: 3px 7px;
        margin-right: 6px;
        color: #e20074;
        background: #fff;
        border: solid 1px #ebebeb;
    }

        div#youtube-pager a:hover {
            color: #fff;
            background: #e20074;
            border: solid 1px #e3e3e3;
        }

#video-grid li {
    background: none !important;
}

    #video-grid li div img {
        display: block;
        margin-bottom: 5px;
    }

    #video-grid li div a {
        display: block;
        clear: both;
        height: 35px;
    }

.video-player {
    margin-bottom: 25px;
}

#youtube-pager {
    text-align: center;
}

/*#youtube-pager a, #youtube-pager span, .page-numbers a, .page-numbers span {
        padding: 2px 6px;
    }*/

/*#youtube-pager span.active, #youtube-pager a:hover, .page-numbers span:hover, .page-numbers a:hover, .page-num.active, .page-num.active:hover  {
            background: #e20074;
            color: #fff;
        }*/

.listing-item p strong {
    display: block;
    float: none;
    color: #e20074;
    font-size: 14px !important;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.listing-item {
    margin-bottom: 15px;
}

    .listing-item p {
        margin-bottom: 10px;
    }

    .listing-item a {
        font-size: 14px !important;
    }



#webshop-karosel {
    padding: 30px 10px 10px 10px;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
}

.web-shop-slider {
    margin-bottom: 15px;
}


.product-model {
    font-size: 25px !important;
}


.shop-with-border {
    padding: 15px;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
}

.no-left-padding {
    padding-left: 0 !important;
}

.no-right-padding {
    padding-right: 0 !important;
}


.with-top-margin {
    margin-top: 15px;
}

.webshop-login-short-loginbtn, .green-btn {
    display: block;
    font-size: 15px;
    font-weight: normal;
    color: #fff !important;
    text-align: center;
    line-height: 31px;
    height: 32px;
    background: #79861d; /* Old browsers */
    background: -moz-linear-gradient(top, #79861d 0%, #68751b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79861d), color-stop(100%,#68751b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #79861d 0%,#68751b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #79861d 0%,#68751b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #79861d 0%,#68751b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #79861d 0%,#68751b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79861d', endColorstr='#68751b',GradientType=0 ); /* IE6-9 */
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    text-decoration: none;
    float: left;
    padding: 0 25px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    font-family: 'tele-groteskhalregular';
    background: linear-gradient(to bottom, #9CAA33 0%,#808C28 50%,#707A20 100%);
    box-shadow: none !important;
    border: 1px solid #808C28;
    font-size: 16px !important;
    font-weight: 100;
    text-shadow: none;
    text-transform: none;
    font-family: 'tele-groteskhalregular' !important;
}


    .webshop-login-short-loginbtn:hover, .green-btn:hover {
        background: #68751b; /* Old browsers */
        background: -moz-linear-gradient(top, #68751b 0%, #79861d 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68751b), color-stop(100%,#79861d)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #68751b 0%,#79861d 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #68751b 0%,#79861d 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #68751b 0%,#79861d 100%); /* IE10+ */
        background: linear-gradient(to bottom, #68751b 0%,#79861d 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68751b', endColorstr='#79861d',GradientType=0 ); /* IE6-9 */
        color: #fff;
        background: linear-gradient(to bottom, #707A20 0%,#808C28 50%,#9CAA33 100%);
    }

.webshop-left {
    padding-left: 0 !important;
    padding-right: 1em !important;
    border-right: 1px dotted #d0d0d0;
}

.webshop-right {
    padding-left: 1em !important;
    padding-right: 10px !important;
}
/*#loginWebShopUser {
    padding: 15px;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
}*/
.webshop-naslov h2 {
    font-size: 21px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #d0d0d0;
}

.login-form-div label span {
    font-size: 12px !important;
}

.login-form-div div a {
    font-size: 12px !important;
}

.webshop-login-short-loginbtn {
    outline: none;
    border: none;
    margin-bottom: 10px;
}


span.steps-acc-trigger span {
    display: block;
    padding: 0 0 0 30px;
    height: 33px;
    line-height: 33px;
    background: url(../images/steps-arrow.png) 158px 6px no-repeat;
    background: url(../images/steps-arrow.png) 154px 6px no-repeat\9 !important;
}

span.steps-acc-trigger {
    font-size: 11px;
    font-weight: 700;
    color: #e20074;
    cursor: pointer;
    line-height: 15px;
}

span.step-02 {
    background: url(../images/steps-acc-step-02.png) #fff 0 8px no-repeat;
}

span.steps-acc-trigger {
    display: block;
    background: #fff;
    font-size: 11px;
    font-weight: 700;
    color: #e20074;
    border-top: solid 1px #cacaca;
    cursor: pointer;
    line-height: 15px;
}

div.steps-acc-content {
    background: url(../images/steps-acc-content-shadow.png) #e0e0e0 top left repeat-x;
    display: none;
    padding: 11px 12px 0 12px;
    height: 100px;
}

.webshop-acc h2 {
    padding: 0 15px;
}

.webshop-acc {
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    height: 318px !important;
    overflow: hidden !important;
}

span.step-01 {
    background: url(../images/steps-acc-step-01.png) #fff 0 8px no-repeat;
}

span.step-02 {
    background: url(../images/steps-acc-step-02.png) #fff 0 8px no-repeat;
}

span.step-03 {
    background: url(../images/steps-acc-step-03.png) #fff 0 8px no-repeat;
}

.steps-explanation {
    padding: 0 8px 0 9px;
    font-size: 11px;
    margin-bottom: 13px\9 !important;
}

.webshop-acc {
    margin-bottom: 15px;
}

/***********************Tabove*****************************************/


@media screen and (min-width:0\0) {

    .tabs .title a, .tabs .title {
        padding: 0 !important;
        line-height: 40px !important;
        text-align: center !important;
    }

    .tabs .active .title, .tabs .active .title a {
        line-height: 38px !important;
    }

    .tabs .title {
        width: 130px !important;
    }

    .tabs .inner-tab-2 {
        left: 130px !important;
    }

    .tabs .inner-tab-3 {
        left: 260px !important;
    }

    .tabs .inner-tab-4 {
        left: 390px !important;
    }

    .tabs .active {
        padding-top: 40px !important;
    }

    .pricing-row-long .active, .pricing-row-long .display-info {
        padding-top: 0 !important;
    }

    .tabs .section:last-child .title {
        border-right: 1px solid #cccccc !important;
    }


    .home-phones-container .tabs .title {
        width: 151px !important;
    }

        .home-phones-container .tabs .title a, .home-phones-container .tabs .title {
            padding: 0 !important;
            line-height: 51px !important;
            text-align: center !important;
        }

    .home-phones-container .tabs .active .title a, .home-phones-container .tabs .active .title {
        line-height: 49px !important;
    }

    .tabs .home-tab-2 {
        left: 151px !important;
    }

    .tabs .home-tab-3 {
        left: 302px !important;
    }

    .home-phones-container .tabs .active {
        padding-top: 51px !important;
    }
}

/**************************/


.left-menu-holder {
    margin-bottom: 20px;
}

.shopping-basket-wraper {
    border: 2px solid #e20074;
    border-radius: 5px;
}

.shopping-basket-title {
    display: block;
    background-color: #e20074;
    background-image: -ms-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -moz-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -o-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FD8ED3), color-stop(1, #E20074));
    background-image: -webkit-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: linear-gradient(to bottom, #FD8ED3 0%, #E20074 100%);
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 6px;
}

.small-basket {
    padding: 10px;
}

.basket-img {
    display: block;
    float: left;
    margin-right: 5px;
    max-width: 35px;
}

.prices-holder {
    display: block;
    width: 105px;
    float: left;
}

.broj-artikli, .span-total-price {
    white-space: nowrap;
    display: block;
    font-size: 11px;
    font-weight: normal;
    color: #8d8d8d;
    margin-bottom: 3px;
    font-size: 12px;
}

.pink-price {
    font-size: 13px;
    font-weight: bold;
    color: #e20074;
}

.shop-basket-link-a {
    display: block;
    clear: both;
}

.shop-basket-link-a {
    font-size: 11px;
    font-weight: bold;
    color: #1b1b1b;
    text-decoration: underline;
    padding-top: 5px;
}

.go-to-shopping {
    display: block;
    clear: both;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    background-color: #dfdfdf;
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F6F6F6), color-stop(1, #DFDFDF));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #F6F6F6 0%, #DFDFDF 100%);
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    padding: 4px 0;
    margin-top: 10px;
    border: solid 1px #ffffff;
    -webkit-box-shadow: 1px 1px 1px #ececec;
    box-shadow: 1px 1px 1px #ececec;
}

.short-logout {
    display: block;
    clear: both;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    background-color: #dfdfdf;
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F6F6F6), color-stop(1, #DFDFDF));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #F6F6F6 0%, #DFDFDF 100%);
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    padding: 4px 0;
    margin-top: 10px;
    border: solid 1px #ffffff;
    -webkit-box-shadow: 1px 1px 1px #ececec;
    box-shadow: 1px 1px 1px #ececec;
    width: 80px;
    float: right;
}



.login-info-span {
    display: block;
    font-weight: bold;
    font-size: 12px;
    color: #e20074;
    margin-bottom: 12px;
}

.basket-details {
    margin-top: 5px;
}

.basket-details-item {
    padding: 9px 0;
    border-top: 1px dashed #cccccc;
}

.basket-details-h4-span {
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    background-color: #e20074;
    margin-right: 8px;
    padding: 2px 5px;
    float: left;
}

.basket-remove-button {
    background: url(../content/webshop/minus.png) no-repeat;
    display: block;
    width: 13px;
    height: 13px;
    border: none;
    outline: none;
    cursor: pointer;
    float: right;
    margin-top: 6px;
}

.basket-h4-span-holder {
    width: 100%;
    float: left;
}

.basket-details-h4 {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #3e3e3e;
    float: left;
    max-width: 90%;
    padding-top: 5px;
    margin-bottom: 5px;
}

.basket-details-span-quantity {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #3e3e3e;
    margin-top: 2px !important;
}

.basket-details-span-totalprice {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #3e3e3e;
    margin-top: 2px !important;
}

.basket-remove-button:hover {
    background: url(../content/webshop/minus.png) no-repeat !important;
}

.update-items-label {
    display: block;
    width: 100px;
    float: left;
    margin-top: 15px !important;
    margin-left: 0 !important;
}

.checkout-order-label {
    display: block;
    width: auto;
    float: none;
    clear: none !important;
    margin: 0;
    margin-right: 0 !important;
    margin-top: 15px !important;
}

.low-price-error-div {
    max-width: 500px;
    margin-left: 10px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    color: red;
    margin-top: 5px;
    display: none;
}

.item-cart-buttons-update-checkout {
    float: right;
}


#btnUpdadeItems {
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #999;
    background-color: #DFDFDF;
    background-image: -ms-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    background-image: -moz-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    background-image: -o-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F6F6F6), color-stop(1, #DFDFDF));
    background-image: -webkit-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    background-image: linear-gradient(to bottom, #F6F6F6 0%, #DFDFDF 100%);
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    padding: 5px 25px;
    border: solid 1px white;
    -webkit-box-shadow: 1px 1px 1px #ececec;
    box-shadow: 1px 1px 1px #ececec;
    cursor: pointer;
}



.btn-details-new {
    display: block;
    width: 27px;
    height: 27px;
    border: none;
    outline: none;
    position: absolute;
    z-index: 50;
    top: 40px;
    left: 4px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    cursor: pointer;
    background: url(../content/webshop/button-detalji.png) no-repeat;
}

    .btn-details-new:hover {
        width: 116px;
        height: 25px;
        background: url(../content/webshop/button-detalji-big.png) no-repeat;
    }

.postpaid-new {
    font-size: 12px;
}

.adslto table, .adslto table tr td {
    border: none !important;
}

.toc h3 {
    display: block;
    font-size: 18px;
    color: #3d3d3d;
    font-family: 'tele-groteskhalregular';
    font-weight: normal;
    padding-bottom: 7px;
    margin-bottom: 10px;
    line-height: 120%;
    border-bottom: 2px dotted #dddddd;
}

.toc {
    margin-bottom: 20px;
    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: -2px 1px 0 #ccc;
    box-shadow: -2px 1px 0 rgba(0,0,0,.1);
    /* padding: 20px 25px; */
    padding: 10px 15px;
    margin-bottom: 10px;
}


    .toc ul li {
        display: block;
        background: url(../images/list-bullet.png) left center no-repeat !important;
        padding-left: 15px;
        line-height: 15px;
        color: #5e5e5e;
        margin-bottom: 7px;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif !important;
        padding: 5px 15px;
    }

        .toc ul li a {
            color: #5e5e5e;
        }

            .toc ul li a:hover {
                color: #e20074;
            }


.searchot {
    margin-top: 20px !important;
}

input.search-input-mobile {
    height: 25px !important;
}

.left-nav h4 {
    margin-bottom: 0 !important;
}

.soc-label {
    /*display: block;*/
    display: none;
    font-size: 16px;
    color: #e2e2e2;
    font-family: 'tele-groteskfetregular';
    font-weight: normal;
    line-height: 120%;
    /* text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); */
    float: right;
    padding-top: 15px;
    text-transform: uppercase;
}

.social-links li {
    display: table-cell;
    /* float: left; */
    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: #999;
    }


.social-holder {
    padding: 0;
}

.filter-holding .collapse .columns input[type="text"] {
    height: 2.3125em !important;
}

.n-copy {
    font-size: 12px;
    color: #555;
}

    .n-copy a {
        font-size: 12px;
        color: #777;
        -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;
    }

        .n-copy a:hover {
            color: #e2e2e2;
            text-decoration: none;
        }

.copy-holder {
    padding: 10px 0;
}


/*jqGrid*/

.ui-jqgrid .ui-jqgrid-htable th div {
    padding-top: 5px;
}

.ui-jqgrid .ui-jqgrid-pager {
    height: auto !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #e20074 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #fff !important;
}

.rent-up-menu {
    width: 6.4375em !important;
}

    .rent-up-menu .mini-right-menu-holder {
        border-right: none !important;
        margin-right: 0;
    }

        .rent-up-menu .mini-right-menu-holder ul.mini-right-menu li {
            margin-left: 10px;
            margin-right: 0 !important;
        }

.rent-logo-hold {
    padding-top: 0 !important;
}

.rent-social-hold {
    padding-top: 30px;
}

/* BUSINESS CALCULATOR & INTEGRIS */

div.bc-ui-wrapper {
    width: 759px;
    background: #f0f0f0;
    padding: 4px;
    float: left;
    margin-bottom: 20px;
    border-radius: 5px;
}

    div.bc-ui-wrapper * {
        -webkit-box-sizing: content-box !important;
        box-sizing: content-box !important;
        -moz-box-sizing: content-box !important;
    }

    div.bc-ui-wrapper table, div.bc-ui-wrapper table tr, div.bc-ui-wrapper table tr td {
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 11px !important;
        background: none !important;
        border: 0 !important;
        padding: 0 !important;
    }

        div.bc-ui-wrapper table tr td.right-cell {
            text-align: right;
        }

        div.bc-ui-wrapper table tr td {
            padding: 0 0 6px 0 !important;
        }

div.left-content {
    width: 538px;
    float: left;
    _display: inline;
    _overflow: hidden;
}

div.sidebar-right {
    width: 210px;
    float: left;
    _display: inline;
    _overflow: hidden;
}

div.bc-ui-tabs-content {
    background: url(../images/bc-ui-tabs-content-bg.png) top left repeat-y;
    padding: 16px 0 0 0;
}

div.bc-ui-tabs-content-bottom-corners {
    height: 9px;
    background: url(../images/bc-ui-tabs-content-bottom-corners.png) top left no-repeat;
}

ul.bc-ui-tabs, ul.bc-ui-tabs li {
    display: block;
    float: left;
    list-style-type: none;
}

    ul.bc-ui-tabs li.bc-ui-tab-1 {
        width: 90px !important;
        background-position: 0 0;
    }

    ul.bc-ui-tabs li.bc-ui-tab-2 {
        background-position: -90px 0;
    }

    ul.bc-ui-tabs li.bc-ui-tab-3 {
        background-position: -179px 0;
    }

    ul.bc-ui-tabs li.bc-ui-tab-4 {
        width: 88px !important;
        background-position: -268px 0;
    }

    ul.bc-ui-tabs li.bc-ui-tab-5 {
        background-position: -356px 0;
    }

    ul.bc-ui-tabs li.bc-ui-tab-6 {
        width: 90px !important;
        background-position: -445px 0;
    }

.tab-fixna-visited {
    background-position: 0 -192px !important;
}

.tab-internet-visited {
    background-position: -90px -192px !important;
}

.tab-tv-visited {
    background-position: -179px -192px !important;
}

.tab-mobilna-visited {
    background-position: -268px -192px !important;
}

.tab-integris-visited {
    background-position: -356px -192px !important;
}

.tab-installments-visited {
    background-position: -445px -192px !important;
}

ul.bc-ui-tabs li {
    border: 0 !important;
}

    ul.bc-ui-tabs li.bc-ui-tab-1.active {
        background-position: 0 -96px !important;
    }

    ul.bc-ui-tabs li.bc-ui-tab-2.active {
        background-position: -90px -96px !important;
    }

    ul.bc-ui-tabs li.bc-ui-tab-3.active {
        background-position: -179px -96px !important;
    }

    ul.bc-ui-tabs li.bc-ui-tab-4.active {
        background-position: -268px -96px !important;
    }

    ul.bc-ui-tabs li.bc-ui-tab-5.active {
        background-position: -356px -96px !important;
    }

    ul.bc-ui-tabs li.bc-ui-tab-6.active {
        background-position: -445px -96px !important;
    }

ul.bc-ui-tabs li {
    font-size: 11px;
    font-weight: normal;
    color: #666;
    text-align: center;
    width: 89px;
    height: 28px;
    padding-top: 64px;
    line-height: 100%;
    background: url(../images/bc-ui-tabs.png);
    cursor: pointer;
}

.slider-selector, .integris-slider, .default-slider {
    display: block;
    float: left;
    width: 276px;
    height: 2px !important;
    background: #cecece !important;
    border: solid 1px #bababa !important;
    margin: 12px 0;
    border-radius: 0 !important;
}

    .slider-selector .ui-slider-handle, .integris-slider .ui-slider-handle, .default-slider .ui-slider-handle {
        background-image: url(../images/bc-ui-scrollbar.png) !important;
        background-position: top left !important;
        background-repeat: no-repeat !important;
        color: #e20074 !important;
        text-decoration: none !important;
        margin-top: -5px;
        border: none !important;
        font-size: 10px;
        font-weight: 700;
        text-align: center;
        height: 18px !important;
        line-height: 18px !important;
        width: 30px !important;
        border-radius: 0 !important;
        cursor: pointer !important;
        outline: 0 !important;
    }

.filled .ui-slider-handle {
    background-position: bottom left !important;
    color: #fff !important;
}

div.category-left {
    float: left;
    width: 294px;
    padding: 0 0 0 20px;
    margin-bottom: 12px;
    _display: inline;
    _overflow: hidden;
}

.form-item {
    display: block;
    clear: both;
    margin-bottom: 12px;
}

    .form-item span {
        font-weight: bold;
        color: #333;
        font-size: 11px !important;
    }

    .form-item select {
        width: 185px;
        display: inline-block !important;
        height: 20px !important;
        font-size: 12px !important;
        padding: 1px !important;
        margin: 0 !important;
        border: solid 1px #abadb3 !important;
    }

        .form-item select#ddlSwitch {
            width: 38px !important;
            margin-left: 3px;
        }

.basic-packet-row a, .num-lines-text, .basic-installment-row a {
    display: block;
    margin: 2px 0;
    font-size: 11px;
    font-weight: bold;
    color: #e20074;
    text-decoration: none;
}

.basic-packet-row, .basic-installment-row {
    display: block;
    clear: both;
    *padding-bottom: 10px;
}

div#filter-holder {
    border-bottom: solid 1px #D5E9F7;
    padding-top: 3px;
    padding-bottom: 10px;
    *padding-bottom: 20px;
    margin-bottom: 12px;
    width: 280px;
}

    div#filter-holder span.num-lines-text {
        color: #333 !important;
        font-size: 11px !important;
    }

div.additional-services-wrapper {
    width: 203px;
    float: left;
    margin-bottom: 12px;
    _display: inline;
    _overflow: hidden;
}

label.additionalInfo {
    display: block;
    width: 193px;
    padding-left: 10px;
    height: 26px;
    line-height: 26px;
    background: url(../images/bc-ui-additional-services-btn-bg.png) top left no-repeat !important;
    color: #e20074;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 4px;
}

.bubbleInfoBottom {
    display: none;
    visibility: hidden;
}

.additional-packet-number {
    width: 63px;
    float: left;
    overflow: hidden;
}

.additional-packet-name {
    width: 136px;
    padding: 3px 0 0 4px;
    float: left;
}

.package-desc {
    display: block;
    float: left;
    font-size: 11px;
    font-weight: normal;
    border-bottom: 1px dashed #ccc;
    cursor: help;
}

.additional-packet-number input {
    display: block;
    float: left;
    height: 16px !important;
    line-height: 16px !important;
    font-size: 10px;
    font-weight: 700;
    color: #e20074;
    width: 25px !important;
    text-align: right;
    text-align: center;
    border-top: solid 1px #c2c2c2;
    border-bottom: solid 1px #c2c2c2;
    border-left: 0;
    border-right: 0;
    padding: 0 !important;
}

.additional-packet-number .decrease, .additional-packet-number .integris-decrease {
    display: block;
    float: left;
    width: 19px;
    height: 18px;
    background: url(../images/bc-ui-minus.png) top left no-repeat;
    cursor: pointer;
}

.additional-packet-number .increase, .additional-packet-number .integris-increase {
    display: block;
    float: left;
    width: 19px;
    height: 18px;
    background: url(../images/bc-ui-plus.png) top left no-repeat;
    cursor: pointer;
}

.additional-packet {
    clear: both;
    padding: 4px 0;
}

div.calc-wrapper {
    padding: 14px 20px 15px 22px;
    background: #e20074;
    border-radius: 5px;
    margin: 5px;
}

div.bc-ui-magenta-top-corners {
    height: 8px;
    background: url(../images/bc-ui-magenta-top-corners.png) top left no-repeat;
    _margin-bottom: -9px;
}

div.bc-ui-magenta-bottom-corners {
    height: 8px;
    background: url(../images/bc-ui-magenta-bottom-corners.png) top left no-repeat;
    _margin-bottom: -6px;
}

p.top-error-message {
    font-size: 11px !important;
    line-height: 150% !important;
    text-align: left !important;
}

    p.top-error-message a {
        color: #fff !important;
        text-decoration: underline !important;
        font-weight: 700 !important;
        font-size: 11px;
    }

div.calc-wrapper p {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    text-align: right;
    line-height: 100%;
    margin: 0 !important;
}

    div.calc-wrapper p#complete-price {
        font-size: 28px;
        font-weight: normal;
        color: #fff;
        text-align: right;
        line-height: 120% !important;
    }

    div.calc-wrapper p.currency {
        font-size: 12px;
        font-weight: 700;
        color: #fff;
        text-align: right;
    }

div.wanted-services {
    background: url(../images/bc-ui-choice-bg.png) top left repeat-y;
    padding: 12px 20px 10px 20px;
}

h3.services-ttl {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #333;
    height: 23px;
    line-height: 23px;
    padding: 5px 0 0 12px;
    background: url(../images/bc-ui-choice-ttl-bg.png) top left no-repeat;
    margin-bottom: 0 !important;
}

div.wanted-services table tr td, div.down-price-menu table tr td {
    font-size: 11px;
    color: #333;
    padding-bottom: 6px;
}

div.choice-area-corners {
    height: 10px;
    background: url(../images/bc-ui-choice-area-corners.png) top left no-repeat;
    _margin-bottom: -5px;
}

div.down-price-menu {
    background: url(../images/bc-ui-detailed-price-bg.png) top left repeat-y;
    padding: 8px 20px 0 20px;
}

div.detailed-price-area-top-corners {
    height: 10px;
    background: url(../images/bc-ui-detailed-price-top-corners.png) top left no-repeat;
}

div.detailed-price-area-bottom-corners {
    height: 10px;
    background: url(../images/bc-ui-detailed-price-bottom-corners.png) top left no-repeat;
    margin-bottom: 4px;
}

.pdv-message {
    display: block;
    clear: both;
    font-size: 10px;
    font-weight: 700;
    color: #e20074;
    padding: 0 0 10px 0 !important;
    margin-bottom: 0 !important;
}

div.integris-item {
    margin-bottom: 24px;
}

div.category-name {
    float: left;
    width: 150px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    color: #666;
    padding-top: 64px;
}

div.desktop {
    background: url(../images/desktop-ico.png) top center no-repeat;
}

div.laptop {
    background: url(../images/laptop-ico.png) top center no-repeat;
}

div.monitor {
    background: url(../images/monitor-ico.png) top center no-repeat;
}

div.printer {
    background: url(../images/printer-ico.png) top center no-repeat;
}

div.licence {
    background: url(../images/licence-ico.png) top center no-repeat;
}

div.antivirus {
    background: url(../images/antivirus-ico.png) top center no-repeat;
}

.installment-item {
    display: block;
    width: 510px;
    margin: 0 20px;
}

.installments-holder {
    display: block;
    float: right;
}

    .installments-holder select, .installments-holder span {
        display: block;
        float: left;
        font-size: 11px;
    }

    .installments-holder select {
        width: 40px !important;
        height: 19px !important;
    }

    .installments-holder span {
        line-height: 20px;
        margin-right: 5px;
    }

.register {
    background: url(../images/register-ico.png) top center no-repeat;
}

.basic-packet-row {
    width: 368px;
    float: left;
}

.basic-installment-row {
    width: 285px;
    float: left;
}

    .basic-packet-row span.package-name, .basic-installment-row span.package-name {
        display: block;
        font-size: 11px;
        font-weight: 700;
        color: #666;
        border-bottom: 1px dashed #ccc;
        cursor: help;
    }

.station-title {
    color: #666;
    border-bottom: 1px dashed #ccc;
    cursor: help;
}

.short-name {
    width: 250px !important;
    margin-bottom: 8px !important;
    display: block;
    float: left;
}

.number-licences {
    display: inline;
    font-size: 11px;
    font-weight: bold;
    color: #666;
    padding-top: 10px;
}

.licence-text {
    border-bottom: 1px dashed #ccc;
}

h2.send-title {
    font-size: 14px;
    font-weight: normal;
    color: #e20074;
    background: url(../images/bc-ui-send-title-bg.png) top left repeat-x;
    border-bottom: solid 1px #ccc;
    margin-bottom: 26px;
    height: 30px;
    line-height: 30px;
    padding-left: 12px;
}

.send-offer {
    padding: 0 0 26px 0;
}

    .send-offer label {
        display: block;
        clear: both;
        width: 355px;
        padding-left: 25px;
    }

        .send-offer label span {
            display: block;
            width: 130px;
            float: left;
            font-size: 12px;
            text-align: right;
            color: #e20074;
            font-weight: 700;
            line-height: 120%;
            margin-bottom: 6px;
        }

            .send-offer label span span {
                display: block;
                width: 130px;
                font-size: 11px;
                text-align: right;
                color: #999;
                font-weight: normal;
                line-height: 120%;
            }

        .send-offer label input {
            display: block;
            float: left;
            width: 180px;
            padding: 2px;
            color: #333;
            height: 18px;
            font-size: 12px;
            line-height: 18px;
            font-weight: normal;
            border: solid 1px #ccc;
            margin-left: 10px;
            margin-bottom: 6px;
        }

div.send-offer .submit-btn-100 {
    display: block;
    margin-left: 140px;
    width: 100px;
}

div.btn-area {
    clear: both;
    padding-top: 6px;
}

div.send-offer .system-errors {
    margin-top: 16px !important;
    margin-bottom: 0 !important;
}

div.bc-ui-wrapper-top-corners {
    height: 5px;
    background: url(../images/bc-ui-wrapper-top-corners.png) top left no-repeat;
}

div.bc-ui-wrapper-bottom-corners {
    clear: both;
    height: 5px;
    background: url(../images/bc-ui-wrapper-bottom-corners.png) top left no-repeat;
}

p.tip {
    font-size: 11px;
    font-weight: normal;
    color: #666;
    line-height: 140%;
    padding-top: 12px;
    display: block;
    width: 278px;
}

.integris-item {
    display: block;
    clear: both;
}

.category-hiden {
    display: none;
}

.info-hiden {
    display: none !important;
}

.recomendation a {
    font-size: 11px;
    font-weight: bold;
    color: #e20074;
}

.recomendation span {
    font-size: 11px;
    font-weight: bold;
}

.under-middle {
    display: block;
    clear: both;
}

.system-errors {
    clear: both;
    font-size: 11px;
    font-weight: 700;
    color: #333;
    padding: 12px 16px 12px 36px;
    border: solid 1px #f2cccc;
    background: #f9e9e9 url(../images/ico-info.png) no-repeat 2% 50%;
    margin: 0 20px 16px 20px;
}

.basic-package-wrapper {
    display: block;
    float: left;
    margin-bottom: 12px;
}

p.submit-message {
    display: block;
    margin-bottom: 0 !important;
    font-size: 11px;
    font-weight: 700;
    color: #333;
    padding: 12px 0;
    border: solid 1px #ffecb3;
    width: 736px;
    background: #fff1cb;
    text-align: center;
}

div.submit-alert p.error-message {
    display: block;
    margin-bottom: 0 !important;
    font-size: 11px;
    font-weight: 700;
    color: #333;
    padding: 12px 0;
    width: 736px;
    border: solid 1px #f2cccc;
    background: #f9e9e9;
    text-align: center;
}

.down-price-menu .discount, .down-price-menu strong, .down-price-menu span {
    font-size: 11px;
    color: #333;
}

div.bc-ui-info-block {
    padding: 12px 20px 2px 20px;
}

div.bc-ui-info-block-top-corners-2 {
    height: 8px;
    background: url(../images/info-block-top-corners-2.png) top left no-repeat;
}

div.bc-ui-info-block p {
    font-size: 11px;
    font-weight: normal;
    color: #333;
    line-height: 150%;
}

div.recomendation {
    display: none;
    clear: both;
    font-size: 11px;
    font-weight: 700;
    color: #333;
    padding: 12px 16px 12px 36px;
    border: solid 1px #ffecb3;
    background: #fff1cb url(../images/ico-suggest.png) no-repeat 2% 50%;
    margin: 0 20px 16px 20px;
    _left: -20px !important;
    _position: relative;
}

.no-margin {
    margin: 0 !important;
}

p.integris-message a, .system-errors a {
    font-size: 11px;
    color: #e20074;
    text-decoration: none;
}

.colapsing {
    display: none !important;
}

p.integris-message {
    font-size: 11px;
    color: #333;
    margin: 0 20px 20px 20px;
}

    p.integris-message a, .system-errors a {
        font-size: 11px;
        color: #e20074;
        text-decoration: none;
    }

h2.net-ttl {
    margin-bottom: 12px;
    color: #333;
    font-size: 12px;
}

.second-ttl {
    padding-top: 12px;
}

h2.faq-title {
    clear: both;
    display: block;
    font-family: 'tele-groteskhalregular';
    font-size: 18px;
    color: #3d3d3d;
    line-height: 100%;
    font-weight: normal;
    text-shadow: 1px 1px 1px #ffffff;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    padding: 14px 11px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    margin-bottom: 0 !important;
}

    h2.faq-title a {
        font-family: 'tele-groteskhalregular';
        font-size: 18px;
        color: #3d3d3d;
        line-height: 100%;
        font-weight: normal;
    }

div.bc-ui-faq {
    clear: both;
    margin-left: 201px;
    width: 759px;
    border: solid 1px #d8d8d8;
    border-radius: 5px;
}

    div.bc-ui-faq div.row-input {
        padding: 2px 0 10px 0;
    }

    div.bc-ui-faq .label-text {
        width: 650px;
    }

    div.bc-ui-faq span.label-text {
        font-size: 12px !important;
    }

    div.bc-ui-faq div.collapsing-active p, div.bc-ui-faq div.collapsing-active ul {
        font-size: 11px;
        font-weight: normal;
        padding-left: 32px;
    }

    div.bc-ui-faq div.collapsing-active ol {
        font-size: 11px;
        font-weight: normal;
        padding-left: 56px;
    }

.bci-fancybox-content {
    border: 0 !important;
    border-width: 0 !important;
    width: 380px !important;
}

.bci-fancybox-wrap {
    width: 380px !important;
}

.bc-ui-form-btn {
    display: block;
    width: 120px !important;
    font-size: 12px !important;
    height: 18px !important;
    line-height: 18px !important;
    margin: 0 auto;
    margin-bottom: 4px;
    text-decoration: none !important;
    text-align: center;
}

div.submit-alert {
    padding: 4px 8px 4px 5px;
}

.number-licences input[type="checkbox"].licence, .number-licences input[type="checkbox"].office-licence {
    width: auto !important;
    margin-right: 6px !important;
}

.calc-tbl {
    border: 0;
    padding: 0;
    margin: 0;
    width: 170px;
}

div.down-price-menu .calc-tbl tr td span, div.down-price-menu .calc-tbl tr td p, div.down-price-menu .calc-tbl tr td {
    white-space: nowrap !important;
}

div.category-wrap {
    *padding-bottom: 16px;
}

/*----- Business Calculator Info Part -----*/

div.bc-ui-info-part {
    position: relative;
    width: 176px;
    padding: 0;
    float: left;
    background: #fff;
    margin-right: 25px;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    -webkit-box-shadow: 1px 1px 4px #e5e5e5;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 4px #e5e5e5;
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,.1);
    box-shadow: 1px 1px 4px #e5e5e5;
    box-shadow: 1px 1px 4px rgba(0,0,0,.1);
    overflow: hidden;
}

.bc-ui-info-part h2 {
    display: block;
    font-family: 'tele-groteskhalregular' !important;
    font-size: 18px !important;
    color: #3d3d3d !important;
    line-height: 100%;
    font-weight: normal !important;
    text-shadow: 1px 1px 1px #ffffff;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 14px 0 14px 11px !important;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    margin-bottom: 0 !important;
}

    .bc-ui-info-part h2 a {
        font-family: 'tele-groteskhalregular' !important;
        font-size: 18px !important;
        color: #3d3d3d !important;
        font-weight: normal !important;
    }

div.bc-ui-toggle-container {
    width: 185px;
    border-right: solid 1px #d0d0d0;
    border-bottom: solid 1px #d0d0d0;
    margin: 0;
    padding: 0;
}

    div.bc-ui-toggle-container div.block {
        padding: 11px 22px 10px 12px;
    }

        div.bc-ui-toggle-container div.block p {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
            font-weight: normal;
            color: #444;
            text-align: justify;
            line-height: 140%;
            padding: 0;
            margin: 0 0 10px 0;
        }

            div.bc-ui-toggle-container div.block p.last {
                margin: 0 !important;
            }

/* END OF BUSINESS CALCULATOR & INTEGRIS */


.rent-header {
    display: block;
    float: left;
    margin-left: 195px;
    font-family: 'tele-groteskhalregular';
    font-size: 30px;
    margin-top: 13px;
    color: #555;
}

.web-shop-magenta-box {
    background: #e20074;
    padding: 25px 15px;
}

.white-webshop-box {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    position: relative;
}

.shop-box-holding {
    margin-bottom: 15px !important;
}

.webshop-naslov {
    margin-bottom: 20px;
}

.webshop-slider {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
}

.listing-item p {
    display: block;
    font-family: 'tele-groteskfetregular';
    font-size: 18px;
    color: #414141;
    line-height: 110%;
    font-weight: normal;
    margin-bottom: 10px;
}

.webshop-image-buttons {
    position: absolute;
    right: 15px;
    bottom: 10px;
    z-index: 100;
}

.product-wrap table {
    border: none !important;
}

    .product-wrap table tr td {
        border: none !important;
    }

.bottom-box-webshop {
    position: relative;
    width: 237px;
    float: left;
    padding-top: 8px;
    padding-left: 13px;
    height: 136px;
    padding-right: 10px;
}

#bottom-box-webshop-1 {
    background: url(../images/box1-racun.png) top left no-repeat;
}

    #bottom-box-webshop-1:hover {
        background-position: 0 -136px;
    }


#bottom-box-webshop-2 {
    background: url(../images/box2-optica.png) top left no-repeat;
}

    #bottom-box-webshop-2:hover {
        background-position: 0 -136px;
    }

#bottom-box-webshop-3 {
    background: url(../images/box3-tv.png) top left no-repeat;
}

    #bottom-box-webshop-3:hover {
        background-position: 0 -136px;
    }

.bottom-box-webshop p {
    font-size: 11px;
    line-height: 120%;
    color: #8f8f8f;
    margin-bottom: 10px !important;
}

.bottom-box-webshop h5 {
    display: block;
    font-size: 15px;
    font-weight: normal;
    color: #5e5e5e;
    line-height: 115%;
    margin-bottom: 10px;
}

.webs-first {
    padding-left: 0 !important;
    padding-right: 1em !important;
}

.webs-last {
    padding-right: 0 !important;
    padding-left: 1em !important;
}

.shopping-basket {
    position: absolute;
    z-index: 9999;
    padding: 10px;
    background: #e5e5e5;
    border-radius: 0;
    right: 0;
    top: 100%;
    width: 230px;
}

.narudzba {
    display: block;
    background: #e8e8e8; /* Old browsers */
    background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%,#e8e8e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
    color: #aaa;
    font-size: 12px;
    padding: 10px 20px;
    box-shadow: 0 0 2px rgba(0,0,0,.5);
    text-align: center;
    text-decoration: none;
}

    .narudzba:hover {
        text-decoration: none;
    }

.page-banner .ui-widget-header {
    background: none !important;
    border-bottom: 1px solid #e20074;
}

.items-details {
    display: block;
    margin: 10px 0 5px 0;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 5px;
    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;
    font-size: 13px;
}

    .items-details:hover {
        color: #c20074;
    }

.phone-monthly-rate .btn-addToCart-item-not-added {
    left: 21px !important;
}

.Description, .FixErrorMessage.errorMessage {
    display: block;
    clear: both;
    margin-top: 20px;
}

.compare tr td, .compare tr {
    background: #fff !important;
}

.first-column {
    padding-left: 0 !important;
    padding-right: 1em !important;
}

.last-column {
    padding-right: 0 !important;
    padding-left: 1em !important;
}

.accordion .title a {
    font-size: 14px !important;
}

.ronded {
    border-radius: 5px;
}

#comparationTable .phone-thumb-holder img {
    max-height: 125px;
}

#myt-login {
    margin-bottom: 0 !important;
    font-size: 13px;
    padding: 8px 20px;
    background: #e20074;
    color: white;
    border: 0;
}

#myt-login2 {
    margin-bottom: 0 !important;
    font-size: 13px;
    padding: 8px 20px;
    background: #e20074;
    color: white;
    border: 0;
}

div.partners-logos-holder {
    /*width: 935px;*/
    padding: 30px 0 15px 5px;
}

    div.partners-logos-holder img {
        display: block;
        margin: 0;
        padding: 0;
        border: 0;
        width: 120px;
        height: 65px;
        float: left;
        margin: 0 0 15px 30px;
    }

img.title-img {
    width: 940px !important;
    height: 55px !important;
    margin: 0 !important;
}

.reveal-premium {
    width: 1000px;
}


.panel-web-inner-left {
    width: 130px !important;
    margin-right: 30px !important;
}

#hometabs3 > div {
    background: #fff;
}

.shop-box-holding .white-webshop-box {
    min-height: 300px;
}

div.large-height-fixer .t-list {
    height: 100px;
}


.panel-left-container img {
    max-height: 195px;
    display: block;
    margin: auto;
}

.mobile-navigation-left {
    margin-top: 10px;
}

.success-black-text {
    display: block;
    font-size: 17px;
    font-weight: bold;
    color: #333;
    line-height: 120%;
    margin: 15px 0;
}

#overlay-hold {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(../images/over-dia.png);
    z-index: 1001;
    top: 0;
    left: 0;
}

#dialog-box {
    position: fixed;
    width: 325px;
    min-height: 50px;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -155px;
    z-index: 1010;
    border: 1px solid #e20074;
    background: #fff;
    padding: 15px;
}

.dialog-box-header {
    background: #e7e7e7;
    padding: 25px 10px;
    margin-bottom: 10px;
    position: relative;
}

.dialog-box-header-top {
    display: block;
    font-family: 'tele-groteskfetregular', Arial, sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    color: #e20074;
    line-height: 100%;
    margin-bottom: 5px;
    font-weight: normal;
}

.dialog-box-header-bottom {
    display: block;
    font-family: 'tele-groteskhalregular', Arial, sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    color: #e20074;
    line-height: 100%;
    font-weight: normal;
}

.dialog-box-message {
    display: block;
    font-family: 'tele-groteskhalregular', Arial, sans-serif;
    font-size: 14px;
    color: #111111;
    line-height: 100%;
    font-weight: normal;
    margin-bottom: 15px;
}

.fb-frame {
    margin-bottom: 15px;
}

.dialog-box-control input {
    display: block;
    float: left;
    margin-right: 7px;
}

.dialog-box-control label {
    display: block;
    float: left;
    font-family: 'tele-groteskhalregular', Arial, sans-serif;
    font-size: 12px;
    color: #111111;
    line-height: 100%;
    font-weight: normal;
    padding-top: 2px;
}

.dialog-close-button {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../images/x-but.png) no-repeat;
    top: -30px;
    right: -30px;
}

/* NEW HEIGHT FIXERS */

div.btn-height-fixer {
    height: 50px;
    clear: both;
}

.nrg {
    float: right;
    margin-top: 3px;
    margin-right: 14px;
}

/****** CSS *****/
.htc-title {
    margin-bottom: 20px !important;
}

.htc-pick {
    padding-left: 0.3em !important;
    padding-right: 0.3em !important;
    cursor: pointer;
}


    .htc-pick img {
        display: block;
        margin: auto;
        margin-bottom: 3px;
    }

    .htc-pick span {
        display: block;
        text-align: center;
        font-size: 16px;
        color: #e20074;
        font-family: 'tele-groteskhalregular';
    }

.htc-color-box {
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 4px;
}

.m5 {
    margin: 5px !important;
}

.htc-border {
    border: 1px solid #e20074;
}

.izaberite-htc {
    display: block;
    font-size: 15px;
    color: #3a3a3a;
    font-family: 'tele-groteskhalregular';
    margin-bottom: 10px;
}

.htc-button {
    margin-top: 45px;
}

@media only screen and (max-width: 767px) {
    .htc-mt {
        margin-top: 15px;
    }
}

.related-gifts {
    background: #e20074 url(../images/page2-gift.png) left bottom no-repeat;
    border-radius: 5px;
    margin-top: 15px;
}

    .related-gifts h2 {
        display: block;
        font-size: 18px;
        color: #ffffff;
        font-family: 'tele-groteskhalregular';
        margin-bottom: 10px;
        padding: 6px 15px;
        border-bottom: 1px solid #ffffff;
    }

    .related-gifts .jcarousel-skin-tango, .related-gifts .jcarousel-skin-tango .jcarousel-container, .related-gifts .jcarousel-skin-tango .jcarousel-container {
        background: transparent !important;
    }

.gift-wrapper {
    width: 90px;
    padding-left: 40px;
    background: url(../images/plus-cart.png) center left no-repeat;
    float: left;
    margin-left: 10px;
}

    .gift-wrapper img {
        display: block;
        margin-top: 20px;
    }

.related-gifts .jcarousel-item h4 {
    font-size: 15px !important;
    line-height: 110%;
    text-align: center;
}

.home-banner-holder img {
    margin: 10px 0;
}



/* Sanja katalog css */

.najava img {
    width: 100%;
    margin-bottom: 15px;
}

.box-wrapper {
    width: 960px;
    margin: auto;
    margin-bottom: 25px;
}

.box {
    float: left;
}

    .box img {
        border: none;
        padding-left: 14px;
        margin-bottom: 32px;
        max-height: 117px;
        max-width: 252px;
    }

    .box h2 {
        display: block;
        padding-left: 5px;
        margin-bottom: 20px;
        font-size: 22px;
        color: #000;
        text-transform: uppercase;
        font-weight: normal;
    }

    .box ul.list {
        border-bottom: 2px solid #ebebea;
    }

        .box ul.list li {
            display: block;
            padding-left: 15px;
            font-size: 14px;
            color: #333333;
            padding-bottom: 8px;
            background: url(../images/list-bullet.png) 0 10px no-repeat;
            margin-left: 8px;
        }

    .box p {
        display: block;
        font-size: 14px;
        color: #333333;
        padding: 5px 0 20px 5px;
    }

.large-text {
    color: #e20074;
    margin-left: 7px;
    font-weight: normal;
}

.box-logo {
    float: left;
}

    .box-logo p {
        color: #e20074;
        font-size: 14px;
        text-align: center;
    }

    .box-logo img {
        border: none;
        padding-left: 14px;
        margin-bottom: 0;
    }



/* iPhone 5 s/c css */

.iphone-main-holder {
    width: 100%;
    margin: auto;
}

.iphone-holder {
    width: 100%;
    background-color: #FFF;
    margin: auto;
}

    .iphone-holder h2 {
        font-size: 40px;
        font-family: 'myriad_set_ot_mdregular' !important;
        color: #292929;
        text-align: center;
        padding: 50px 0 35px 0;
        display: block;
        font-weight: lighter;
        text-rendering: optimizeSpeed;
    }

    .iphone-holder p {
        font-size: 23px;
        font-family: 'myriad_set_ot_txregular' !important;
        color: #6d6e71;
        text-align: center;
        padding: 0 30px 50px 30px;
        display: block;
        font-weight: lighter;
        text-rendering: optimizeSpeed;
    }

.gray {
    background-color: #f1f2f2;
}

.iphone-holder img {
    display: block;
    margin: 0 auto;
}

.bottom {
    padding-bottom: 50px;
}

.bottom2 {
    padding-bottom: 20px;
}

.gray-holder {
    width: 100%;
    height: 400px;
    background-color: #f1f2f2;
    margin: 20px 0 20px 0;
}

    .gray-holder .holder-img {
        padding: 80px 0 0 30px;
        float: left;
        margin-right: 25px;
    }

        .gray-holder .holder-img h2 {
            padding: 80px 0 0 30px;
            font-size: 22px;
            font-family: 'myriad_set_ot_txregular' !important;
            color: #6d6e71;
            display: block;
            font-weight: lighter;
            text-rendering: optimizeSpeed;
        }

    .gray-holder .iPhone-text-holder {
        width: 100%;
        float: right;
    }

        .gray-holder .iPhone-text-holder img {
            padding: 75px 0 25px 0;
        }

        .gray-holder .iPhone-text-holder h2 {
            font-size: 46px;
            font-family: 'myriad_set_ot_mdregular' !important;
            color: #292929;
            text-align: left;
            display: block;
            font-weight: lighter;
            padding: 80px 0 20px 0;
            text-rendering: optimizeSpeed;
        }

        .gray-holder .iPhone-text-holder p {
            font-size: 22px;
            font-family: 'myriad_set_ot_txregular' !important;
            color: #6d6e71;
            text-align: left;
            display: block;
            font-weight: lighter;
            margin-bottom: 30px;
            text-rendering: optimizeSpeed;
        }

            .gray-holder .iPhone-text-holder p a {
                font-family: 'myriad_set_ot_txregular' !important;
                color: #959595;
                text-decoration: none;
                font-size: 15px;
                text-rendering: optimizeSpeed;
            }

.l-normal p {
    line-height: 90%;
}

.qtip {
    font-size: 12px;
    line-height: 140%;
    margin-left: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb15 {
    margin-bottom: 15px;
}


.mt20 {
    margin-top: 20px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}


.text-align-right {
    text-align: right;
}

.bbr {
    border-bottom: 1px solid #5e5e5e;
    padding: 3px 0;
}

.mr20 {
    margin-right: 20px;
}



.qtip-wrapping h4, .qtip-wrapping h2 {
    margin-bottom: 0;
}

.qtip-wrapping h3 {
    font-size: 25px;
    color: #000000;
}

.tip {
    cursor: pointer;
}

    .tip span {
        line-height: 150%;
    }

.qtip-border, .qtip-border-pod {
    border: 1px solid #e20074;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    width: 200px;
}

.qtip-bg {
    display: block;
    background: url(../images/t-tooltips.png) center right no-repeat;
    line-height: 16px;
}

.qtip-border h3 {
    display: block;
    width: 150px;
    background: #ffffff url(../images/t-tooltips.png) center right no-repeat;
    margin-top: -25px;
    line-height: 120%;
    padding: 0 5px;
}


.qtip-border-pod p {
    display: block;
    width: 170px;
    background: #ffffff url(../images/t-tooltips.png) center right no-repeat;
    margin-top: -4px;
    line-height: 120%;
    padding: 0 5px;
    margin-right: -13px;
}


.qtip-border-gray {
    border: 1px solid #bebebe;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-right: 40px;
    width: 280px;
}


    .qtip-border-gray h4 {
        display: block;
        background: #ffffff url(../images/t-tooltips.png) center right no-repeat;
        margin-top: -15px;
        line-height: 120%;
        padding: 3px 10px;
        margin-left: 40px;
    }

    .qtip-border-gray p {
        padding: 9px;
    }

.qtip-gray-title {
    display: block;
    background: #ffffff url(../images/t-tooltips.png) center right no-repeat;
    margin-top: -10px;
    line-height: 120%;
    padding: 5px 3px;
    margin-left: -25px;
}


.qtip-color {
    color: #5e5e5e;
}

    .qtip-color:hover {
        color: #e20074;
    }

.tip {
    color: #5e5e5e;
}

    .tip:hover, .tip h2:hover, .tip h4:hover {
        color: #e20074;
    }

.qtip-image {
    display: block;
    float: left;
    background: url(../images/t-tooltips.png) center right no-repeat;
    line-height: 200%;
    padding-right: 22px;
}

.qtip-image-pd {
    display: block;
    float: left;
    background: url(../images/t-tooltips.png) top right no-repeat;
    line-height: 120%;
    padding-right: 22px;
}

.qtip-image-poz {
    display: block;
    float: left;
    background: url(../images/t-tooltips.png) center right no-repeat;
    line-height: 160%;
    background-position: 260px 2px;
}

.qtip-image-tel {
    display: block;
    float: left;
    background: url(../images/t-tooltips.png) center right no-repeat;
    line-height: 160%;
    background-position: 142px 2px;
    padding-right: 22px;
}

.qtip-right, .qtip-right span {
    float: right;
}


.racun-lh p {
    line-height: 24px;
}

.qtip-image-racun {
    display: block;
    float: left;
    background: url(../images/t-tooltips.png) center right no-repeat;
    line-height: 120%;
    background-position: 420px 8px;
}

.qtip-image-pos {
    display: block;
    float: left;
    background: url(../images/t-tooltips.png) center right no-repeat;
    line-height: 150%;
    padding-right: 20px;
    background-position: 268px 2px;
}

.product-item-container-info .radio {
    display: block;
    margin: auto;
    margin-top: 15px;
}

.f-note {
    float: right;
    font-size: 11px;
    margin-top: 5px;
}

.footer-style p {
    font-size: 11px;
    line-height: 130%;
}

/* Tooltip */
.tooltipf-hold {
    position: relative;
    cursor: pointer;
}

.tooltipf {
    padding: 10px;
    background: #e20074;
    position: absolute;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    color: #ffffff;
    display: none;
    cursor: auto;
}

    .tooltipf a {
        color: #bebebe;
    }

    .tooltipf:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 10px solid #e20074;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        position: absolute;
        bottom: -10px;
        right: 10px;
    }

.tooltipf-hold:hover .tooltipf {
    display: block;
}

.podaci-korisnika {
    position: relative;
}

    .podaci-korisnika img {
        position: absolute;
        top: -43px;
        left: 209px;
    }

    .podaci-korisnika p {
        padding-right: 23px;
        font-weight: bold;
        color: #4b4b4b;
        line-height: 190%;
        font-size: 13px;
    }

.pod-korisnika-info {
    position: relative;
    text-align: right !important;
    margin-right: 10px !important;
}

    .pod-korisnika-info p {
        padding-right: 23px;
        font-weight: bold;
        color: #4b4b4b;
        font-size: 13px;
    }

    .pod-korisnika-info img {
        position: absolute;
        top: -16px;
        left: 207px;
    }

.bill-info-link {
    color: #4b4b4b;
}

    .bill-info-link:hover {
        color: #e20074;
    }


.bill-info-fiksna {
    /*width: 756px;*/
    margin: auto;
    display: block;
    clear: both;
}

.bill-info-fiksna-logo-holder {
    width: 100%;
    display: block;
    clear: both;
}

.footer-bill-info mceItemTable p, .footer-bill-info .mceItemTable p {
    width: 100% !important;
}

.bill-info-fiksna-logo-holder-qtip-border-gray {
    border: 1px solid #bebebe;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-right: 40px;
    width: 280px;
    float: right;
}

    .bill-info-fiksna-logo-holder-qtip-border-gray h4 {
        display: block;
        background: #ffffff url(../images/t-tooltips.png) center right no-repeat;
        margin-top: -15px;
        line-height: 120%;
        padding: 3px 8px;
        margin-left: 40px;
    }

    .bill-info-fiksna-logo-holder-qtip-border-gray p {
        padding: 0 9px 30px 10px;
    }

.bill-info-fiksna-title {
    width: 756px;
    margin-top: -10px;
    display: block;
    clear: both;
}

.bill-info-fiksna-title-inner {
    float: left;
}

.bill-info-fiksna-title-left {
    float: left;
}

.bill-info-fiksna-title-right {
    float: right;
}

.bill-info-fiksna table {
    border: none;
    margin-bottom: 35px !important;
    width: 100%;
}

    .bill-info-fiksna table tr td {
        border: none;
        background: #fff;
        font-family: Arial, Helvetica, sans-serif !important;
        padding: 5px 24px 5px 0;
    }

        .bill-info-fiksna table tr td h2 {
            font-family: Arial, Helvetica, sans-serif !important;
            font-size: 20px !important;
            padding: 5px 0 5px 0;
        }

        .bill-info-fiksna table tr td strong {
            border: none;
            background: #fff;
            font-family: Arial, Helvetica, sans-serif !important;
            font-weight: bold;
            /*padding:0 25px 5px 0;*/
        }

.font-size-class {
    font-size: 17px !important;
}

.right-align {
    text-align: right !important;
}

.center-align {
    text-align: center !important;
}

.left-align {
    text-align: left !important;
}

.text-no-wrap {
    white-space: nowrap !important;
}

.border-row {
    border-top: 1px solid #5e5e5e;
    border-bottom: 1px solid #5e5e5e;
}

.border-bottom-row {
    border-bottom: 1px solid #5e5e5e;
}

.border-top-row {
    border-top: 1px solid #5e5e5e;
}

.bill-info-fiksna .tab p {
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
}

.tool-tip-bill-info-img {
    display: inline !important;
    width: 18px !important;
    height: 12px !important;
    margin-bottom: 0 !important;
    margin-left: 5px !important;
}

.tool-tip-bill-info-img-front {
    display: inline !important;
    width: 18px !important;
    height: 12px !important;
    margin-bottom: 0 !important;
    margin-right: 5px !important;
}


.tool-tip-bill-info-second-img {
    display: inline !important;
    width: 18px !important;
    height: 12px !important;
    margin-bottom: 0 !important;
    margin-left: 5px !important;
    margin-top: 3px !important;
}

.footer-bill-info {
    margin-top: -35px !important;
}

    .footer-bill-info tr td {
        padding: 3px 15px 3px 0 !important;
    }


/* probno fiksna css ends here */

/*************** CATALOG **************/

div.catalog-left-menu {
    width: 180px;
    float: left;
    margin-right: 25px;
}

    div.catalog-left-menu li.chk-box-holder {
        display: block;
        clear: both;
        width: 160px;
        margin: 0 auto;
        padding: 8px 0;
        border-bottom: solid 1px #e0e0e0;
    }

    div.catalog-left-menu ul li:last-child {
        background: none;
        border: 0;
    }

    div.catalog-left-menu li input {
        display: inline-block;
        float: left;
        margin-right: 8px;
    }

    div.catalog-left-menu li span {
        display: inline-block;
        float: left;
        font-size: 12px;
        font-weight: normal;
        line-height: 13px;
    }

div.catalog-product-details, div.catalog-products-wrap {
    width: 755px;
    float: left;
}

div.catalog-product-image, div.catalog-product-info {
    width: 377px;
    float: left;
    margin-bottom: 40px;
}

div.catalog-product-image {
    border-right: solid 1px #e7e7e7;
}

    div.catalog-product-image img {
        float: left;
        width: 340px;
        height: auto;
    }

div.catalog-product-info {
    padding: 0 0 0 42px;
}

    div.catalog-product-info h2 {
        font-family: 'tele-groteskhalregular';
        font-size: 32px;
        color: #e20074;
        line-height: 110%;
        font-weight: normal;
        margin: 0 !important;
    }

    div.catalog-product-info div.catalog-product-info-holder {
        padding: 30px 50px 25px 50px;
        background: #f7f7f7;
        background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
        background: -webkit-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
        background: -o-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
        background: -ms-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #e8e8e8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0 );
    }

ul.catalog-product-prices, ul.catalog-product-prices li {
    display: block;
    clear: both;
    list-style: none;
}

ul.catalog-product-prices {
    padding: 25px 0;
}

    ul.catalog-product-prices li {
        padding: 0 !important;
        background: none !important;
        border-bottom: solid 1px #eaeaea;
        font-size: 12px;
        font-weight: normal;
        line-height: 32px;
    }

        ul.catalog-product-prices li span {
            font-family: 'tele-groteskhalregular';
            font-size: 18px;
            font-weight: normal;
            color: #e20074;
            line-height: 32px;
        }

            ul.catalog-product-prices li span.price {
                display: block;
                float: right;
                background: #f0f0f0;
                padding: 0 20px;
            }

div.catalog-tabs div.content {
    padding: 40px !important;
}

/*************** CATALOG END **************/

/* web shop kampanja */

.webshop-kampanja {
    margin-bottom: 10px;
}

.web-shop-kamp {
    border: 1px solid #d1d1d1;
    position: relative;
}

    .web-shop-kamp .phone-name-holder-new {
        margin: 65px 0 20px 10px;
        font-size: 26px;
    }

.phone-detali {
    text-align: center;
    margin-top: 30px;
    line-height: 150%;
}

span.price-value-spec {
    float: none;
    display: block;
    clear: both;
    font-size: 28px;
    font-weight: bold;
    color: #e20074;
    letter-spacing: -1px;
    white-space: nowrap;
    line-height: 130%;
}

.gray-large-kamp {
    color: #bcbcbb;
    font-size: 18px;
}

.web-shop-kamp .gray-color-webshop {
    color: #676767;
    font-weight: normal;
    text-decoration: line-through;
}

.web-shop-kamp img {
    margin-bottom: 0;
    margin-top: 20px;
}

.img-dostupan {
    position: absolute;
    top: -57px;
    left: -21px;
    width: 125px !important;
    z-index: 1 !important;
}

.web-shop-kamp .border-bott {
    border-bottom: 1px solid #D3D3D3;
    margin: 0 50px;
    margin-bottom: 10px;
}

.gray-rasprodat, .gray-rasprodat .price-value-spec, .gray-rasprodat .phone-name-holder-new {
    color: #9d9d9c !important;
}

/***************** Accessories beginning *************************/
.slide-price-acc {
    border: 1px solid #ccc;
    display: block;
    height: auto;
    padding: 7px 20px;
    margin-top: -2px;
}

#sliderRange {
    margin-bottom: 2px;
}

.search-btn-accessories {
    float: right !important;
    margin: 15px 10px 0 10px;
}

#sliderRange {
    height: 9px;
    background: #e5e5e5;
    margin-bottom: 2px;
}

.accessories-amount {
    color: #e20074 !important;
    box-shadow: none !important;
    font-weight: bold;
    width: 35% !important;
    display: inline;
    float: right;
    text-align: right;
}

.ui-slider-horizontal .ui-slider-range {
    background-color: #e20074 !important;
    height: 9px;
}

#sliderRange a {
    background-image: url(../images/slider-handle.png) !important;
    background-color: transparent !important;
    border: none !important;
    width: 18px;
    height: 18px;
}

#filterAccessories select {
    font-size: 14px;
    margin-top: 11px;
}

#filterAccessories p {
    margin-bottom: 30px;
}

    #filterAccessories p label {
        width: 65%;
        float: left;
        font-size: 16px;
    }

.search-btn-accessories {
    margin-left: 13px;
}


input[type="text"][disabled].accessories-amount {
    background: #fff;
}

.img-no-data {
    width: auto !important;
    margin-left: 10px;
    display: block;
    float: left;
}

.span-no-data {
    color: #e20074;
    font-size: 13px;
    margin-left: 10px;
    line-height: 4;
}

.div-no-data {
    border: 1px solid #e20074;
    border-radius: 10px;
    padding: 10px 10px 0 10px;
}


/***************** Accessories end *************************/


/* WebShop PROMO PONUDA - JANUAR */


.container-promo-ponude {
    background-image: url('../content/images/pozadina-mart-promo.png');
    background-repeat: no-repeat;
    background-position: right top;
    /*margin-bottom: 30px;*/
    padding: 20px;
    position: relative;
}



.container .gift {
    position: absolute;
    background: url('../images/webshopjan/gift.png') no-repeat;
    width: 140px;
    height: 224px;
    right: 0;
    top: 50px;
}

.top-titile {
    position: absolute;
    background: url('../images/webshopjan/pospaid-blue.png');
    width: 165px;
    height: 40px;
    top: -30px;
    left: -7px;
}

    .top-titile.green {
        background: url('../images/dan_zaljubljenih/tag-prepaid.png');
    }

.top-title-ugovor {
    background: url('../images/dan_zaljubljenih/EC-BEZ UGOVORA.png');
    top: 285px;
    left: 543px;
    width: 181px;
    height: 64px;
    z-index: 99999;
    position: absolute;
}

.top-titile.green-pre {
    background: url('../images/webshopjan/probno-green2.png');
}

.box-postpaid {
    border-radius: 3px;
    border: 1px solid #eaeaea;
    /*padding: 20px 5px;*/
    position: relative;
    background-color: #ffffff;
    background-image: url('../content/images/bg-mart.png');
    background-position-x: 0;
    background-position-y: 30px;
    background-repeat: no-repeat;
    min-height: 300px;
    margin-bottom: 15px;
}

.box-postpaid-promo-ponude {
    border-radius: 3px;
    border: 1px solid #eaeaea;
    padding: 20px 5px;
    position: relative;
    background: #ffffff;
    min-height: 300px;
    margin-bottom: 15px;
}

.box-dan-prepeid {
    border-radius: 3px;
    border: 1px solid #eaeaea;
    padding: 5px;
    position: relative;
    background: #ffffff;
    max-height: 30px;
}

.box-postpaid .img-tel {
    position: absolute;
    top: 23px;
    left: -1px;
    max-height: 300px;
}

.lt-ie9 .box-postpaid .img-tel {
    position: absolute;
    left: 13px;
}

.box-postpaid h3 {
    color: #3c3c3c;
    font-size: 24px;
    text-align: center;
    margin: 10px 0;
}

.box-postpaid p {
    text-align: center;
    color: #3c3c3c;
    margin: 15px 0;
}

.content-box-postpaid img, .content-box-postpaid input,
.content-box-postpaid .cena {
    display: block;
    margin: auto;
}

.content-box-postpaid img, .content-box-postpaid input,
.content-box-postpaid .cena-gray .text-gray {
    display: block;
    margin: auto;
}

.content-box-postpaid .cena {
    color: #e20074;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
}

.content-box-postpaid .cena-text {
    color: #e20074;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
}

.content-box-postpaid .cena-gray {
    color: #b5b5b5;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
}

.content-box-postpaid .text-gray {
    color: #b5b5b5;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

.content-box-postpaid input {
    margin: 20px 0;
}

.btn-center {
    float: none !important;
    width: 50% !important;
    margin: 66px 0 20px 50px !important;
    margin-left: 50px\0/ !important;
}

.btn-center-outlet {
    float: none !important;
    width: 50% !important;
    margin: 235px 0px 20px 105px !important;
    margin-left: 105px\0/ !important;
}

.linija {
    background: url('../content/images/linija.png');
    position: absolute;
    display: block;
    width: 106px;
    height: 22px;
    top: 5px;
    left: 50px;
    top: 0px\0/;
    top: 15px\9;
    left: 58px\9;
    left: 58px\0/;
}

.box-postpaid .gift-small {
    position: absolute;
    background: url('../images/webshopjan/gift-small.png');
    width: 61px;
    height: 88px;
    right: -5px;
    top: 28%;
}

.opis {
    color: #e20074;
}


.container-iPhone-ponude {
    padding: 30px;
    position: relative;
    background-color: #f0f1f5;
}

.box-iphone {
    position: relative;
    background-image: url('../content/images/iphone5c/box-iphone-background.png');
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: no-repeat;
    min-height: 567px;
}

    .box-iphone a.grey-btn {
        display: block !important;
        width: 65% !important;
        margin: 0 17%;
    }

    .box-iphone .img-phone {
        position: relative;
        top: 10px;
        margin: 0 0 15px 15px;
        margin: 0 0 15px 15px\0/ !important;
        margin: 0 0 15px 15px\9 !important;
    }

    .box-iphone p {
        text-align: center;
        font-size: 14px;
        margin-bottom: 30px;
    }

    .box-iphone h3 {
        margin-top: 55px;
        color: #3c3c3c;
        font-size: 38px;
        margin-bottom: 50px;
        text-align: center;
    }

.cijena {
    color: #b5b5b5;
    font-size: 44px;
    font-weight: bold;
}

.cijena-magenta {
    color: #e20074;
    font-size: 55px;
    font-weight: bold;
}

.linija-big {
    background: url('../content/images/linija.png') no-repeat center;
    width: 100%;
    height: 22px;
    top: 0;
    left: 0;
    display: block;
}

.button-holder {
    width: 335px !important;
    margin-left: 15px\0/;
    margin-left: 15px\9;
    margin-top: -20px;
}

@media only screen and (max-width: 767px) {
    .box-iphone p {
        text-align: center;
        margin: auto;
        margin-top: 20px;
    }

    .box-iphone h3 {
        text-align: center;
        color: #3c3c3c;
        font-size: 28px;
    }

    .box-iphone a.grey-btn {
        display: block !important;
        width: 84% !important;
        margin: 0 auto;
        float: none !important;
        margin: 20px;
    }

    .box-iphone .img-phone {
        position: relative;
        top: 10px;
        margin: 0 0 15px 0;
    }

    .button-holder {
        width: 100% !important;
    }

    .container-iPhone-ponude {
        background: #5ec3f5;
        height: auto;
    }

    .box-iphone {
        background: #e9e9e9;
        height: auto;
    }

    .mal-skrin {
        margin-bottom: 30px !important;
    }
}

.prikaz-3d {
    width: 100% !important;
    min-width: 960px !important;
    height: auto !important;
    min-height: 600px !important;
    text-align: center;
    display: block;
}

.iphone5s-pick {
    padding-left: 0.3em !important;
    padding-right: 0.3em !important;
    cursor: pointer;
}

/* Sanja Katalog new */

.boxtv h3, .boxpc h3, .boxtablet h3, .boxfoto h3, .boxaparati h3, .boxsportska h3 {
    border-bottom: 1px solid #eee;
    margin: 0 10px;
    padding: 20px 10px 10px 10px;
    text-align: center;
}

.boxtv, .boxpc, .boxtablet, .boxfoto, .boxaparati, .boxsportska {
    position: relative;
}

    .boxtv span, .boxpc span, .boxtablet span, .boxfoto span, .boxaparati span, .boxsportska span {
        margin: 30px auto;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

.box-wrapper-catalog {
    margin: auto;
}

.boxtv {
    background-color: #fff;
    border-bottom: 6px solid #9c9e45;
    height: 317px;
    margin-bottom: 10px;
    background-image: url(../content/images/catalog/cat-tv.png);
    background-repeat: no-repeat;
    background-position: center;
    -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;
}

    .boxtv:hover {
        background-color: #9c9e45;
        background-position: top;
        background-repeat: no-repeat;
        margin-bottom: 10px;
        background-image: url(../content/images/catalog/cat-tv-h.png);
        background-repeat: no-repeat;
        background-position: center;
        -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;
    }

    .boxtv h3 {
        color: #9c9e45;
    }

    .boxtv:hover h3 {
        color: #fff;
    }

.boxpc {
    background-color: #fff;
    height: 317px;
    margin-bottom: 10px;
    border-bottom: 6px solid #8b4285;
    background-image: url(../content/images/catalog/cat-pc.png);
    background-repeat: no-repeat;
    background-position: center;
    -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;
}

    .boxpc:hover {
        background-color: #8b4285;
        margin-bottom: 10px;
        background-image: url(../content/images/catalog/cat-pc-h.png);
        background-repeat: no-repeat;
        background-position: center;
        -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;
    }

    .boxpc h3 {
        color: #8b4285;
    }

    .boxpc:hover h3 {
        color: #fff;
    }


.boxtablet {
    background-color: #fff;
    height: 317px;
    margin-bottom: 10px;
    border-bottom: 6px solid #89b8d1;
    background-image: url(../content/images/catalog/cat-tablet.png);
    background-repeat: no-repeat;
    background-position: center;
    -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;
}

    .boxtablet:hover {
        background-color: #89b8d1;
        margin-bottom: 10px;
        background-image: url(../content/images/catalog/cat-tablet-h.png);
        background-repeat: no-repeat;
        background-position: center;
        -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;
    }

    .boxtablet h3 {
        color: #89b8d1;
    }

    .boxtablet:hover h3 {
        color: #fff;
    }

.boxfoto {
    background-color: #fff;
    height: 317px;
    margin-bottom: 10px;
    border-bottom: 6px solid #cc843f;
    background-image: url(../content/images/catalog/cat-foto.png);
    background-repeat: no-repeat;
    background-position: center;
    -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;
}

    .boxfoto:hover {
        background-color: #cc843f;
        margin-bottom: 10px;
        background-image: url(../content/images/catalog/cat-foto-h.png);
        background-repeat: no-repeat;
        background-position: center;
        -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;
    }

    .boxfoto h3 {
        color: #cc843f;
    }

    .boxfoto:hover h3 {
        color: #fff;
    }

.boxaparati {
    background-color: #fff;
    height: 317px;
    margin-bottom: 10px;
    border-bottom: 6px solid #296b76;
    background-image: url(../content/images/catalog/cat-ap.png);
    background-repeat: no-repeat;
    background-position: center;
    -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;
}

    .boxaparati:hover {
        background-color: #296b76;
        margin-bottom: 10px;
        background-image: url(../content/images/catalog/cat-ap-h.png);
        background-repeat: no-repeat;
        background-position: center;
        -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;
    }

    .boxaparati h3 {
        color: #296b76;
    }

    .boxaparati:hover h3 {
        color: #fff;
    }

.boxsportska {
    background-color: #fff;
    height: 317px;
    margin-bottom: 10px;
    border-bottom: 6px solid #e20074;
    background-image: url(../content/images/catalog/cat-sport.png);
    background-repeat: no-repeat;
    background-position: center;
    -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;
}

    .boxsportska:hover {
        background-color: #e20074;
        height: 317px;
        margin-bottom: 10px;
        background-image: url(../content/images/catalog/cat-sport-h.png);
        background-repeat: no-repeat;
        background-position: center;
        -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;
    }

    .boxsportska h3 {
        color: #e20074;
    }

    .boxsportska:hover h3 {
        color: #fff;
    }

/*.page-numbers .active {
    background: #e20074;
    color: #fff;
}

.page-numbers {
    cursor: pointer;
}*/
/* Sanja Katalog new ends */


.dragocjeni {
    background-color: #e20074;
    padding: 15px;
    width: 757px;
}

.dragocjeni-holder {
    background-image: url('../content/images/dragocjeni/dragocjeni-background.png');
    background-repeat: no-repeat;
    background-position: top center;
    width: 727px;
    height: 430px;
    margin: auto;
    margin-bottom: 15px;
}

.phone {
    padding: 20px 0 0 15px;
}

    .phone img {
        width: 175px;
        height: 335px;
    }

.naruci-holder {
    padding: 130px 0 0 20px;
}

    .naruci-holder p {
        color: #9d9d9d;
        margin-bottom: 5px;
        font-size: 16px;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
    }

    .naruci-holder h2 {
        color: #e20074;
        font-size: 49px;
        padding-bottom: 15px;
        border-bottom: 1px solid #9d9d9d;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
    }

    .naruci-holder h3 {
        color: #9d9d9d;
        font-size: 30px;
        margin-bottom: 35px;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
    }

    .naruci-holder img {
        margin-left: 6px;
        margin-top: 65px;
    }


.promotivno2 {
    border: 1px solid #e20074;
    padding: 8px;
    border-radius: 5px;
    margin-bottom: 20px;
    width: 130px;
}


/* KAMPANJA LOPTA BEGIN*/

.kam-lop-bgd {
    background-color: #e9e9e9;
    margin-top: -63px;
}

.kam-lop-product-box {
    border: 1px solid #eaeaea;
    border-right: 2px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    position: relative;
    background-color: #ffffff;
    background-image: url('../content/images/bg-lopta-box.jpg');
    background-position-x: 0;
    background-position-y: 30px;
    background-repeat: repeat-x;
    min-height: 300px;
    margin-bottom: 15px;
}

    .kam-lop-product-box h3 {
        color: #3c3c3c;
        font-size: 24px;
        text-align: center;
        margin: 10px;
        display: block;
        font-family: 'tele-groteskfetregular';
        line-height: 110%;
        font-weight: normal;
    }

    .kam-lop-product-box p {
        text-align: center;
        color: #3c3c3c;
        margin: 15px 0;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 145%;
    }

    .kam-lop-product-box h4 {
        color: #e20074;
        font-size: 40px;
        text-align: center;
        font-weight: bold;
        margin-top: 20px;
    }

.kam-lop-product-img {
    padding-top: 10px;
}

.kam-lop-product-button {
    margin: auto;
    float: none;
    width: 130px;
}

.kam-lop-product-box .levo h3, .kam-lop-product-box .levo p, .kam-lop-product-box .levo h4 {
    text-align: left;
}

.kam-lop-product-box .levo h3 {
    font-size: 21px;
}

.kam-lop-product-box .levo h4 {
    margin-top: -10px;
}

.kam-lop-product-box .opis {
    font-size: 16px;
    margin-top: -10px;
}

.min-height45 {
    min-height: 45px !important;
}

.min-height75 {
    min-height: 75px !important;
}


.levo {
    text-align: center;
    margin: 0 auto;
    max-width: 200px;
    padding-left: 20px;
    padding-right: 20px;
}

.stotka {
    width: 100%;
}
/* KAMPANJA LOPTA END*/


.new-block-wrapper {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #5e5e5e;
    margin-bottom: 15px;
    line-height: 145%;
    margin-top: -120px !important;
    padding: 0 20px !important;
}

@media (max-width:767px) {
    .new-block-wrapper {
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #5e5e5e;
        margin-bottom: 15px;
        line-height: 145%;
        margin-top: 30px !important;
        padding: 0 20px !important;
    }

    #left-in-long {
        padding-left: 15px;
    }

    #long-wrap {
        padding-right: 15px;
    }
}


/*soni kampanja*/
.znajava h3 {
    font-family: 'tele-groteskhalregular';
    font-weight: bolder;
    font-size: 41px;
    color: black;
    line-height: 40%;
}

.znajava h1 {
    font-family: 'tele-groteskfetregular';
    font-weight: bolder;
    font-size: 66px;
    color: black;
    line-height: 72%;
}

.znajava {
    position: relative;
    margin-top: 105px;
    margin-bottom: 15px;
}

    .znajava img {
        position: absolute;
        top: -90px;
        left: 115px;
    }

.zpoklon h2 {
    font-family: tele-groteskfetregular;
    float: right;
    color: black;
    font-weight: bold;
    font-size: 26px;
    line-height: 0;
}

.zpoklon h1 {
    float: right;
    color: black;
    font-size: 26px;
    font-family: 'tele-groteskfetregular';
    font-weight: 100;
    line-height: 1;
}

.zpoklon .saat {
    margin-top: 12px;
}

.soni {
    background-image: url("../../images/Urnek-XperiaZ/pozadina.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 40px;
}

.ztelefon .saat {
    margin-top: 52px;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

.zponuda {
    position: relative;
}

.zdetali {
    background-color: #ffffff;
    -webkit-box-shadow: 6px 6px 54px -4px #000000;
    -webkit-box-shadow: 6px 6px 54px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 54px -4px #000000;
    -moz-box-shadow: 6px 6px 54px -4px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 15px -1px #000000;
    box-shadow: 6px 6px 15px -1px rgba(0,0,0,0.75);
    width: 250px;
    height: 280px;
    position: absolute;
    left: -52px;
    z-index: 0;
    top: 180px;
    padding-left: 37px;
    padding-right: 20px;
    text-align: center;
    padding-top: 50px;
    margin-bottom: 20px;
}

    .zdetali h4 {
        font-size: 22px;
        color: black;
    }

    .zdetali h5 {
        font-family: 'tele-groteskfetregular';
        font-weight: bold;
        color: #e20073;
        font-size: 70px;
        margin-top: 30px;
        margin-bottom: 20px;
        height: 33px;
    }

    .zdetali p {
        font-family: 'tele-groteskhalregular';
        font-size: 17px;
        color: #1f1b20;
    }

    .zdetali a {
        margin-left: 24px;
    }

.ztelefon .kecer {
    position: absolute;
    top: 86px;
    z-index: 3;
    left: 166px;
}

.zpoklon .kecer {
    position: absolute;
    z-index: 2;
    left: 111px;
    top: 288px;
}


@media screen and (max-width: 767px) {
    .kecer {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
    }

    .soni {
        text-align: center !important;
    }

    .ztelefon .kecer {
        display: block !important;
        margin: auto !important;
    }

    .znajava img {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
    }

    .zpoklon h1, .zpoklon h2 {
        float: none !important;
    }

    .zdetali {
        background-color: #ffffff !important;
        -webkit-box-shadow: 6px 6px 54px -4px #000000 !important;
        -webkit-box-shadow: 6px 6px 54px -4px rgba(0,0,0,0.75) !important;
        -moz-box-shadow: 6px 6px 54px -4px #000000 !important;
        -moz-box-shadow: 6px 6px 54px -4px rgba(0,0,0,0.75) !important;
        box-shadow: 6px 6px 15px -1px #000000 !important;
        box-shadow: 6px 6px 15px -1px rgba(0,0,0,0.75) !important;
        width: 100% !important;
        height: 280px !important;
        position: relative !important;
        left: 0 !important;
        z-index: 0 !important;
        top: 10px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        text-align: center !important;
        padding-top: 50px !important;
        margin-bottom: 20px !important;
    }
}

/*soni kampanja kraj*/
/*super-nedela-maj-pocetok*/


.super-nedjelja-maj {
    background-color: #f4f4f4 !important;
    padding: 40px;
}

.super-nedjelja-maj-ramka2 {
    background: white;
    box-shadow: gray 2px 2px 10px;
}

.super-nedjelja-maj .polica {
    position: relative;
    width: 110%;
    margin-top: 20px;
    max-width: 110%;
    text-align: center;
    margin-left: -5%;
}


.super-nedjelja-maj .title-div {
    position: absolute;
    padding-left: 10%;
    padding-top: 80px;
}

.super-nedjelja-maj .title {
    color: #e20074;
    font-size: 34px;
    font-family: 'tele-groteskhalregular';
    text-transform: uppercase;
}

.super-nedjelja-maj .title2 {
    color: #e20074;
    font-size: 34px;
    font-family: 'tele-groteskfetregular';
    text-transform: uppercase;
}

.super-nedjelja-maj .title-snizenje {
    color: #e20074;
    font-size: 23px;
    font-family: 'tele-groteskhalregular';
    text-transform: uppercase;
    display: block;
    margin-top: 20px;
    line-height: 110%;
}


.super-nedjelja-maj .telefon {
    /* padding: 20px 5px; */
    position: relative;
    min-height: 300px;
    max-width: 257px;
    margin: 0 auto;
    margin-bottom: 15px;
}


.super-nedjelja-maj .telefon-box {
    width: 175px;
    height: 260px;
    padding: 15px;
    position: relative;
    min-height: 250px;
    margin-bottom: 15px;
    position: absolute;
    top: 76px;
    right: 5px;
}

    .super-nedjelja-maj .telefon-box h3 {
        color: #3c3c3c !important;
        font-size: 24px;
        text-align: center;
        margin: 0 0 5px 0;
        display: block;
        font-family: 'tele-groteskfetregular';
        line-height: 100%;
        font-weight: normal;
    }

    .super-nedjelja-maj .telefon-box p {
        text-align: center;
        color: #3c3c3c;
        margin: 30px 0 5px;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 145%;
    }

    .super-nedjelja-maj .telefon-box h4 {
        color: #e20074;
        font-size: 44px;
        text-align: center;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 15px;
    }

.super-nedjelja-maj .telefon-box-img {
    padding-top: 10px;
}

.super-nedjelja-maj .telefon-box-button {
    margin: auto;
    float: none;
    width: 130px;
}

.super-nedjelja-maj .nedela-popust {
    background-image: url('../content/images/super-nedela-maj/popust.png');
    position: absolute;
    margin-top: 20px;
}

.super-nedjelja-maj .levo {
    text-align: center;
    margin: 0 auto;
    max-width: 200px;
    padding-left: 0;
    padding-right: 0;
}

.mt90 {
    margin-top: -90px !important;
}

@media screen and (min-width: 500px) and (max-width: 767px) {
    .super-nedjelja-maj .polica {
        position: relative;
        width: 109%;
        max-width: 109%;
        text-align: center;
        margin-left: -4%;
    }

    .mt90 {
        margin-top: -70px !important;
    }
}

@media screen and (max-width: 767px) {
    #navigation-menu {
        position: fixed;
    }


    .super-nedjelja-maj {
        background-color: #f4f4f4 !important;
        padding: 20px;
    }

        .super-nedjelja-maj .polica {
            position: relative;
            width: 106%;
            max-width: 106%;
            text-align: center;
            margin-left: -3%;
        }

    .mt90 {
        margin-top: -20px !important;
    }

    .super-nedjelja-maj .title-div {
        position: absolute;
        padding-left: 10%;
        padding-top: 40px;
    }

    .super-nedjelja-maj .title-snizenje {
        color: #e20074;
        font-size: 20px;
    }

    .super-nedjelja-maj .title2 {
        color: #e20074;
        font-size: 27px;
    }

    .super-nedjelja-maj .title {
        color: #e20074;
        font-size: 27px;
    }
}

.p0 {
    padding: 0 !important;
}

@media only screen and (min-width: 767px) and (max-width: 921px) {
    .super-nedjelja-maj .title-snizenje {
        color: #e20074;
        font-size: 22px;
    }

    .super-nedjelja-maj .title2 {
        color: #e20074;
        font-size: 30px;
    }

    .super-nedjelja-maj .title {
        color: #e20074;
        font-size: 30px;
    }
}

.opis span {
    display: block;
    font-weight: bold;
    color: #3c3c3c !important;
}

.levo h4 span {
    font-weight: normal;
    font-size: 32px;
    font-family: 'tele-groteskhalregular';
}

.telefon-box .magenta-button {
    float: none;
}


@media screen and (max-width: 350px) {
    .super-nedjelja-maj .telefon-box {
        width: 152px;
        height: 260px;
        padding: 8px;
        position: relative;
        min-height: 250px;
        margin-bottom: 15px;
        position: absolute;
        top: 76px;
        right: 5px;
    }

        .super-nedjelja-maj .telefon-box h3 {
            margin: 0 0 5px 0;
        }

        .super-nedjelja-maj .telefon-box p {
            margin: 15px 0 5px;
        }

        .super-nedjelja-maj .telefon-box h4 {
            color: #e20074;
            font-size: 44px;
            text-align: center;
            font-weight: bold;
            margin-top: 0;
            margin-bottom: 5px;
        }
}

/*super-nedela-maj-kraj*/
/*outlet begin*/

.box-outlet-new {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    border-radius: 5px;
    box-shadow: 1px 1px 2px #555;
    display: block;
    height: auto;
    margin: 10px 0;
    margin: 10px 10px 10px 0\0/;
    padding: 25px;
    position: relative;
    min-height: 340px;
}

.pleft0 {
    padding-left: 0 !important;
}

.pright0 {
    padding-right: 0 !important;
}

.box-outlet-new h2 {
    color: #3c3c3c !important;
    font-size: 24px;
    text-align: left;
    margin: 0 0 5px 0;
    display: block;
    font-family: 'tele-groteskfetregular';
    line-height: 100%;
    font-weight: normal;
    min-height: 54px;
}

.box-outlet-new p.opis {
    text-align: left;
    color: #3c3c3c;
    margin: 30px 0 5px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.2;
}

    .box-outlet-new p.opis span {
        display: block;
        font-weight: bold;
        color: #3c3c3c !important;
    }

.box-outlet-new h4.cena {
    color: #e20074;
    font-size: 40px;
    text-align: left;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px;
    padding-top: 0;
}

    .box-outlet-new h4.cena span {
        font-weight: normal;
        font-size: 30px;
        font-family: 'tele-groteskhalregular';
    }

.background-outlet {
    background-image: url("../../images/Urnek-outlet/bg-outlet2.jpg");
    background-repeat: repeat-y;
    padding-bottom: 15px;
}

.outlet-border {
    background-color: #e3e3e3 !important;
    padding: 40px;
}

.no-padding {
    padding: 0;
}

.head-img-out-new {
    position: absolute;
    position: initial\9;
    height: 285px;
    margin-top: -40px;
    margin-left: -4%;
}

@media (max-width:767px) {
    .outlet-border {
        background-color: #e3e3e3 !important;
        padding: 10px;
    }

    .head-img-out-new {
        position: absolute;
        margin-top: -10px;
        margin-left: -4%;
    }
}

.long-content-hold-new5 {
    margin-bottom: 285px !important;
}

@media (max-width:468px) {
    .long-content-hold-new5 {
        margin-bottom: 185px !important;
    }
}

.box-outlet-new .img-absolute {
    display: block;
    position: absolute;
    margin-left: -25px;
}

.box-outlet-new .img-absolute2 {
    display: block;
    margin-left: -25px;
}

.magenta-new-btn {
    display: block;
    font-size: 17px;
    font-weight: normal;
    color: #fff !important;
    text-align: center;
    line-height: 31px;
    height: 32px;
    background: #e20074;
    border: solid 1px #e20074;
    background: #d0026c;
    background: -moz-linear-gradient(top, #fd309a 0%, #d0026c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd309a), color-stop(100%,#d0026c));
    background: -webkit-linear-gradient(top, #fd309a 0%,#d0026c 100%);
    background: -o-linear-gradient(top, #fd309a 0%,#d0026c 100%);
    background: -ms-linear-gradient(top, #fd309a 0%,#d0026c 100%);
    background: linear-gradient(to bottom, #fd309a 0%,#d0026c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd309a', endColorstr='#d0026c',GradientType=0);
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 1px #bbb;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 1px #bbb;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    box-shadow: 1px 1px 1px #bbb;
    box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    text-decoration: none;
    float: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    font-family: 'tele-groteskhalregular';
    margin: 0 auto;
    width: 80%;
}

.box-outlet-new .badge {
    position: absolute;
    z-index: 10;
    top: -12px;
    background-color: transparent !important;
}

.box-outlet-new .catcher-ras img {
    position: absolute;
    z-index: 10;
    top: -8px;
    right: -11px;
}

.box-outlet-new.rasprodato {
    filter: none;
    background: #fff url(../images/Urnek-outlet/rasprodato-pozadina.png) repeat 0 bottom;
}

    .box-outlet-new.rasprodato .img-absolute {
        opacity: 0.5;
    }

    .box-outlet-new.rasprodato .badge {
        opacity: 0.5;
    }

    .box-outlet-new.rasprodato h4.cena {
        color: #999;
    }

    .box-outlet-new.rasprodato a.magenta-new-btn {
        visibility: hidden;
    }

    .box-outlet-new.rasprodato .col-lg-9.col-xs-8 {
        opacity: 0.7;
    }

.box-outlet-new .cijena-skrtnata {
    text-decoration: line-through;
    font-family: 'tele-groteskfetregular';
    font-size: 30px;
    color: #b4b4b4;
    margin-top: 9px;
    display: block;
}

.poklon-slus {
    position: absolute;
    right: 0;
    top: 25px;
}

@media (max-width:450px) {
    .poklon-slus {
        position: absolute;
        right: -35px;
        top: 25px;
    }
}


/*outlet end*/



/*super-nedela-juni-pocetok*/

.super-nedjelja-juni {
    background-image: url("../images/super-nedela-juni/pozadina.png");
    background-repeat: repeat-y;
    padding-bottom: 15px;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #555;
    display: block;
    height: auto;
    margin: 10px 0;
    margin: 10px 10px 10px 0\0/;
    padding: 25px;
    position: relative;
}

.pleft0 {
    padding-left: 0 !important;
}

.pright0 {
    padding-right: 0 !important;
}

.img-head-juni {
    position: relative;
    margin: 0;
    padding: 0;
}

.eyec {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    text-align: center;
}

.super-nedjelja-juni h2 {
    color: #3c3c3c !important;
    font-size: 24px;
    text-align: left;
    margin: 0 0 5px 0;
    display: block;
    font-family: 'tele-groteskfetregular';
    line-height: 100%;
    font-weight: normal;
    border-bottom: 1px solid #cecece;
    height: inherit;
    padding-bottom: 10px;
}

.super-nedjelja-juni p.opis {
    text-align: left;
    color: #3c3c3c;
    margin: 20px 0 0;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.2;
}

.super-nedjelja-juni p.opis2 {
    text-align: left;
    color: #3c3c3c;
    margin: 14px 0 5px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    border-bottom: 1px solid #cecece;
    padding-bottom: 10px;
}

.super-nedjelja-juni p.opis span {
    display: block;
    font-weight: bold;
    color: #3c3c3c !important;
}

.super-nedjelja-juni p.opis2 span {
    display: block;
    font-weight: bold;
    color: #3c3c3c !important;
}

.super-nedjelja-juni h4.cena {
    color: #e20074;
    font-size: 40px;
    text-align: left;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px;
}

    .super-nedjelja-juni h4.cena span {
        font-weight: normal;
        font-size: 30px;
        font-family: 'tele-groteskhalregular';
    }

.super-nedjelja-juni-ramka {
    background-image: url("images/super-nedela-juni/pozadina.jpg");
    background-repeat: repeat-y;
    padding-bottom: 15px;
}

.outlet-border {
    background-color: #e3e3e3 !important;
    padding: 40px;
}

.no-padding:before, .no-padding:after, .price-btn-holder:before, .price-btn-holder:after {
    clear: both;
    content: '';
    display: table;
}

.head-img-out-new {
    position: absolute;
    position: initial\9;
    height: 285px;
    margin-top: -40px;
    margin-left: -4%;
}

@media (max-width:767px) {
    .outlet-border {
        background-color: #e3e3e3 !important;
        padding: 10px;
    }

    .head-img-out-new {
        position: absolute;
        margin-top: -10px;
        margin-left: -4%;
    }

    .img-head-juni {
        padding-bottom: 90px;
    }

    .super-nedjelja-juni {
        padding: 25px 10px;
    }
}

.long-content-hold-new5 {
    margin-bottom: 285px !important;
}

@media (max-width:468px) {
    .long-content-hold-new5 {
        margin-bottom: 185px !important;
    }
}

.super-nedjelja-juni .img-absolute {
    display: block;
    position: absolute;
    margin-left: -25px;
}

.super-nedjelja-juni .img-absolute2 {
    display: block;
    margin-left: -25px;
}

.magenta-new-btn {
    display: block;
    font-size: 17px;
    font-weight: normal;
    color: #fff !important;
    text-align: center;
    line-height: 31px;
    height: 32px;
    background: #e20074;
    border: solid 1px #e20074;
    background: #d0026c;
    background: -moz-linear-gradient(top, #fd309a 0%, #d0026c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd309a), color-stop(100%,#d0026c));
    background: -webkit-linear-gradient(top, #fd309a 0%,#d0026c 100%);
    background: -o-linear-gradient(top, #fd309a 0%,#d0026c 100%);
    background: -ms-linear-gradient(top, #fd309a 0%,#d0026c 100%);
    background: linear-gradient(to bottom, #fd309a 0%,#d0026c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd309a', endColorstr='#d0026c',GradientType=0);
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 1px #aaa;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 1px #aaa;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    box-shadow: 1px 1px 1px #aaa;
    box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    text-decoration: none;
    float: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    font-family: 'tele-groteskhalregular';
    margin: 0 auto;
    width: 80%;
}

.super-nedjelja-juni .cijena-skrtnata {
    text-decoration: line-through;
    font-family: 'tele-groteskfetregular';
    font-size: 30px;
    color: #b4b4b4;
    margin-top: 9px;
    display: block;
}

.catcher-juni {
    width: auto !important;
}

/*super-nedela-juni-kraj*/
/* phone details carousel */

.related-gifts #giftscarosel.giftscarosel-custom {
    left: 0 !important;
}

.related-gifts #giftscarosel {
    left: 0 !important;
}

/* phone details carousel end */
/*#region NRG juni*/

.nrg-juni {
    background: url("../images/NRG juni/bcg.png");
    position: relative;
}

.nrg-juni-face {
    position: absolute;
    top: 0;
    right: 0;
}

.nrg-juni-bcg-blur {
    background-image: url("../images/NRG juni/patt.png");
    margin: 6px;
}

.nrg-junibox1, .nrg-junibox2 {
    min-height: 240px;
    height: auto;
    position: relative;
}

    .nrg-junibox1 img {
        position: absolute;
        top: 18px;
        left: 22%;
    }

    .nrg-junibox1 h1 {
        color: white;
        padding-top: 50px;
        text-transform: uppercase;
        font-size: 20px;
        padding-left: 9px;
    }

        .nrg-junibox1 h1 .big-bold {
            font-size: 28px;
            line-height: 1;
        }

    .nrg-junibox2 h1 {
        color: white;
        position: absolute;
        top: 82px;
        left: 26px;
    }

    .nrg-junibox2 h2 {
        color: white;
        position: absolute;
        top: 103px;
        left: 154px;
    }

    .nrg-junibox2 h3 {
        color: white;
        font-size: 110px;
        position: absolute;
        left: 217px;
        top: 33px;
    }

    .nrg-junibox2 img {
        position: absolute;
        top: 89px;
        left: -39px;
    }

.nrg-juni .container {
    display: block !important;
}

.nrg-juni-pro {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    border-radius: 5px;
    padding: 14px 14px;
    margin: 6px;
    min-height: 364px;
}

    .nrg-juni-pro img {
        display: block !important;
        float: left;
    }

    .nrg-juni-pro .nrg-plus2 {
        /* text-align: center; */
        margin-left: 57px;
        float: none;
        clear: both;
    }

    .nrg-juni-pro .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .nrg-juni-pro .nrg-slusalka {
        float: right;
        margin-top: -26px;
    }

    .nrg-juni-pro h1 {
        font-size: 15px;
        margin-top: 10px;
        margin-left: 0;
        line-height: 1;
    }

.nrg-juni-cena {
    position: relative;
    height: 70px;
    margin-top: 10px;
}

    .nrg-juni-cena h1 {
        position: absolute;
        color: white;
        top: 5px;
    }

    .nrg-juni-cena img {
        position: absolute;
        left: -33px;
    }

    .nrg-juni-cena span {
        font-size: 30px;
    }

.pr0 {
    padding-right: 0 !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pl0 {
    padding-left: 0 !important;
}

.nrg-juni [class*="column"] + [class*="column"]:last-child {
    float: left;
}

.bel-bull {
    padding-left: 15px !important;
    padding-top: 10px !important;
}

    .bel-bull li {
        background: url("../images/NRG juni/bel-bull.png") 0 6px no-repeat !important;
        color: white !important;
        font-size: 13px !important;
    }

.malo {
    color: white !important;
}

@media only screen and (max-width: 991px) {
    .nrg-junibox1 img {
        top: 0;
        left: 0;
        position: relative;
    }
}

@media only screen and (max-width: 767px) {

    .nrg-juni .container {
        padding-left: 0;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .nrg-junibox2 h1 {
        color: white;
        position: absolute;
        top: 82px;
        left: 18px;
        line-height: 1;
    }

    .nrg-junibox2 h2 {
        color: white;
        position: absolute;
        top: 84px;
        left: 110px;
    }

    .nrg-junibox2 h3 {
        color: white;
        font-size: 95px;
        position: absolute;
        left: 152px;
        top: 33px;
    }

    .nrg-junibox2 img {
        top: -37px;
        left: 108px;
    }

    .nrg-junibox1, .nrg-junibox2 {
        height: auto;
        position: relative;
    }


        .nrg-junibox1 h1 {
            color: white;
            padding-top: 50px;
            text-transform: uppercase;
            font-size: 20px;
            padding-left: 9px;
            line-height: 1;
        }
}
/*#endregion NRG juni*/

object#premium-bulevar {
    height: 405px !important;
    width: 754px !important;
}


.tab-kor-nam {
    width: 30%;
    right: 0;
    position: absolute;
}


/*zlaten-htc-pocetok*/

.zlaten-htc {
    background-image: url("../images/HTC GOLD/BCG.png");
    background-size: cover;
    padding: 20px;
    overflow: hidden;
}

    .zlaten-htc .potemno {
        background-color: #aaa;
        background-color: rgba(0,0,0,0.4);
        padding: 40px;
        margin-top: -170px;
    }

        .zlaten-htc .potemno h1, .zlaten-htc .potemno h2 {
            color: white;
            text-transform: uppercase;
            line-height: 1;
        }

        .zlaten-htc .potemno h2 {
            margin-bottom: 0;
            font-size: 27PX;
        }

    .zlaten-htc .catcher-juni {
        width: 900px !important;
        max-width: 920px;
        margin-left: -321px;
        margin-top: -200px;
    }

    .zlaten-htc .potemno h1 {
        font-size: 45px;
    }

    .zlaten-htc .potemno h2 span {
        color: #e6aa59;
    }

    .zlaten-htc .mag {
        margin-top: 100px;
        z-index: 2;
        position: relative;
    }

    .zlaten-htc .box-outlet-new {
        border-radius: 0;
    }

    .zlaten-htc .kec {
        background-image: url("../images/HTC GOLD/tel1bcg.png");
        background-size: cover;
    }

    .zlaten-htc .dvojka {
        background-image: url("../images/HTC GOLD/tel2bcg.png");
        background-size: cover;
    }

    .zlaten-htc .potemno2 {
        margin-top: 0 !important;
        background-color: #ffffff !important;
        background-color: rgba(255,255,255,0.1) !important;
    }

        .zlaten-htc .potemno2 h1, .potemno2 h2 {
            display: inline-block;
        }

        .zlaten-htc .potemno2 h1 {
            font-size: 70px !important;
        }

        .zlaten-htc .potemno2 h2 {
            font-weight: bold !important;
        }

    .zlaten-htc .img-absolute2 img {
        width: 103px;
        max-width: 200px;
    }

    .zlaten-htc h3 {
        color: white;
        text-transform: uppercase;
        font-size: 24px;
        /* font-weight: 100; */
        font-family: 'tele-groteskhalregular';
    }

    .zlaten-htc .messagestop h3 span {
        color: #f0228c;
        display: block;
        margin-top: 29px;
    }

    .zlaten-htc .messagestop {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .zlaten-htc .pomalaverzija img {
        width: 97px;
        margin-top: 17px;
    }

    .zlaten-htc .opis2 {
        font-family: tele-groteskfetregular;
        font-weight: bold;
        font-size: 19px;
    }

    .zlaten-htc h4.cena {
        color: #e20074;
        font-size: 40px;
        text-align: left;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 0;
    }

        .zlaten-htc h4.cena span.mjes {
            font-weight: normal;
            font-size: 21px;
            font-family: 'tele-groteskhalregular';
        }

.cenbr {
    height: 40px;
}

.pebelo {
    color: white;
    padding-top: 11px;
}

.smsikonica {
    width: 124px;
    max-width: 124px;
    margin-left: -32px;
}

.kecerce-dd-zlatno {
    position: absolute;
    top: 300px;
}

.maloprodaj {
    margin-top: 0;
    padding-top: 110px;
}

.poraka {
    color: white;
    font-size: 16px;
}

    .poraka span {
        color: #f0228c;
        text-transform: uppercase;
    }

.zlnaslov {
    margin: 15px 0 5px 0 !important;
    padding-top: 55px;
}

.padingot-20 {
    padding-left: 15px;
}

.zlaten-htc .potemno h5 {
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    color: white;
    text-rendering: optimizeLegibility;
    font-size: 18px;
    padding-top: 6px !important;
    padding-bottom: 5px !important;
}

    .zlaten-htc .potemno h5 span {
        display: inline-block;
        font-weight: bold;
        font-style: normal;
        color: #e20074;
        text-rendering: optimizeLegibility;
        font-size: 18px;
        padding-top: 6px !important;
        padding-bottom: 5px !important;
        line-height: 1.5;
    }

/*zlaten-htc-kraj*/
/*nokia-kampanja-juli-pocetok*/

.nokia-kampanja-juli {
    background-color: #f9f9f9;
}

    .nokia-kampanja-juli .head-rozov {
        background-image: url("../images/nokia-kampanja-juli/magenta-back.png");
        background-repeat: no-repeat;
        min-height: 120px;
        margin-top: 30px;
    }

        .nokia-kampanja-juli .head-rozov h1 {
            color: white;
            font-size: 24px;
            padding-top: 25px;
            padding-left: 10px;
            line-height: 1;
        }


    .nokia-kampanja-juli .header-text h2 {
        font-size: 20px;
        color: #e20074;
    }

    .nokia-kampanja-juli .header-text p {
        font-size: 14px;
        color: #333;
    }

    .nokia-kampanja-juli .info-box-nokia {
        border: 1px solid #ebebeb;
        border-radius: 2px;
        box-shadow: 4px 2px 6px #ccc;
        background-color: transparent;
        padding: 0;
        margin-left: 20px;
    }

.info-box-nokia .box-levo-svetol {
    background-color: #ffffff;
    min-height: 360px;
    padding: 15px;
}


    .info-box-nokia .box-levo-svetol h1 {
        font-size: 27px;
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 20px;
        padding-top: 10px;
    }

    .info-box-nokia .box-levo-svetol h2 {
        font-size: 20px;
        padding-top: 10px;
        color: #e20074;
    }


    .info-box-nokia .box-levo-svetol p {
        padding-top: 15px;
    }


.nokia-kampanja-juli .header-text {
    margin-top: 20px;
    padding-left: 20px;
}


.info-box-nokia .box-desno-temen {
    padding: 15px;
    min-height: 360px;
    padding-top: 30px;
}

.info-box-nokia .box-desno-temen {
    background-color: #efefef;
}

    .info-box-nokia .box-desno-temen h4 {
        color: #333;
        padding-top: 20px;
    }


    .info-box-nokia .box-desno-temen h2 {
        color: #e20074;
        font-size: 46px;
        font-weight: bold;
    }

    .info-box-nokia .box-desno-temen h3 {
        margin-top: 40px;
        margin-bottom: 0;
        font-size: 21px;
    }


    .info-box-nokia .box-desno-temen h5 {
        margin-top: -15px;
        padding-bottom: 3px;
    }



    .info-box-nokia .box-desno-temen p {
        padding-top: 0;
    }


.nokia-kampanja-juli .kluc {
    z-index: 50;
    margin-left: 320px;
    margin-top: -70px;
}


.nokia-kampanja-juli .slusalice {
    z-index: 50;
    margin-left: 400px;
    margin-top: -80px;
}

.nokia-kampanja-juli .opisot {
    padding: 20px;
}

.nokia-kampanja-juli .slika-prva {
    margin-top: 100px;
}

.nokia-kampanja-juli .slika-vtora {
    margin-left: -20px;
}

.p0 {
    padding: 0;
}

.grey-btn.magggent {
    color: #e20033 !important;
}

/*nokia-kampanja-juli-kraj*/
/*super-nedela-avgust-pocetok*/


.super-nedela-avgust {
    background-image: url("../images/super-nedela-avgust/main-back.jpg");
    background-repeat: no-repeat;
    background-color: #2a59b1;
    padding-bottom: 50px;
    margin-bottom: 40px;
}

    .super-nedela-avgust .magenta-head {
        background-image: url("../images/super-nedela-avgust/magenta-head.png");
        background-repeat: no-repeat;
        min-height: 220px;
        margin-top: 30px;
    }

        .super-nedela-avgust .magenta-head span {
            font-weight: bold;
        }

    .super-nedela-avgust .box-text {
        min-height: 305px;
        width: 150px;
        background-color: #ffffff;
        margin-top: -25px;
        border: 1px solid white;
        border-radius: 10px;
        box-shadow: 1px 1px 1px #ccc;
    }

    .super-nedela-avgust h1 {
        color: white;
    }

    .super-nedela-avgust h2 {
        font-family: 'tele-groteskhalregular';
        font-size: 32px;
        color: white;
        line-height: 1;
        font-weight: normal;
        margin-bottom: 15px;
        padding-top: 30px;
        min-height: 100px;
    }


    .super-nedela-avgust .magenta-head {
        margin-left: 30px;
        padding-top: 30px;
        padding-left: 20px;
    }


    .super-nedela-avgust .telefoni {
        margin-top: 190px;
    }


    .super-nedela-avgust .slika-tel {
        z-index: 50;
    }

    .super-nedela-avgust .box-text h2 {
        font-family: 'tele-groteskfetregular';
        font-size: 23px;
        color: #383838;
        line-height: 1;
        font-weight: normal;
        margin-bottom: 15px;
        padding-top: 30px;
        text-align: center;
    }

    .super-nedela-avgust .box-text h3 {
        font-family: 'tele-groteskhalregular';
        font-size: 18px;
        color: #383838;
        line-height: 1;
        font-weight: normal;
        margin-bottom: 15px;
        padding-top: 15px;
        text-align: center;
    }


        .super-nedela-avgust .box-text h3 span {
            font-weight: bold;
        }


    .super-nedela-avgust .cena-rozova {
        font-family: 'tele-groteskfetregular';
        font-size: 40px;
        color: #e20074;
        line-height: 1;
        font-weight: normal;
        margin-bottom: 15px;
        padding-top: 0;
        text-align: center;
    }

    .super-nedela-avgust .magenta-new-btn a {
        color: white;
        font-size: 16px;
    }


    .super-nedela-avgust .z5 {
        z-index: 10;
    }

    .super-nedela-avgust .p2 {
        padding-left: 2px;
    }


.slika-tel {
    width: 90%;
}

.proba {
    padding: 30px;
}


@media only screen and (max-width: 767px) {

    .super-nedela-avgust .telefoni {
        margin-left: 10px;
        margin-top: 50px;
    }

    .super-nedela-avgust .box-text {
        width: 135px;
        background-color: #ffffff;
        margin-top: 15px;
        border: 1px solid white;
        border-radius: 10px;
        box-shadow: 1px 1px 1px #ccc;
    }

        .super-nedela-avgust .box-text h2 {
            font-family: 'tele-groteskfetregular';
            font-size: 23px;
            color: #383838;
            line-height: 1;
            font-weight: normal;
            margin-bottom: 15px;
            padding-top: 10px;
            text-align: center;
        }


    .super-nedela-avgust h2 {
        font-family: 'tele-groteskhalregular';
        font-size: 25px;
        color: white;
        line-height: 1;
        font-weight: normal;
        margin-bottom: 15px;
        padding-top: 25px;
    }
}

/*super-nedela-avgust-pocetok*/


.magisto-box-0708 {
    border: 1px solid #e20074;
    padding: 15px;
    margin-bottom: 20px;
    width: 90%;
}


/*kampanja-bicikli-pocetok*/


.bicikle-avgust {
    background-color: #ebebeb;
    padding-bottom: 30px;
}



.bicikle-wrap {
    padding-left: 20px;
    padding-right: 20px;
}

.bicikle-avgust .box-siv {
    background: -webkit-linear-gradient(#e2e2e2, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e2e2e2, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e2e2e2, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e2e2e2, white); /* Standard syntax */
    padding-bottom: 60px;
    border: 1px solid #ccc;
    box-shadow: -3px 3px 6px #ccc;
    margin-top: 25px;
}


.bicikle-avgust .tocak-01 {
    padding-top: 20px;
    padding-left: 10px;
}


.bicikle-avgust .box-text h2 {
    display: block;
    font-family: 'tele-groteskfetregular';
    font-size: 28px;
    color: #3d3d3d;
    line-height: 110%;
    font-weight: normal;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.bicikle-avgust .cena-rozova {
    font-family: 'tele-groteskfetregular';
    font-size: 30px;
    color: #e20074;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 15px;
    padding-top: 0;
}


.bicikle-avgust .box-bel {
    background-color: white;
    border: 1px solid #ccc;
    margin-top: 10px;
    margin-bottom: 15px;
    box-shadow: -3px 3px 6px #ccc;
    margin-top: 25px;
}

.bicikle-avgust .box-text {
    padding-top: 30px;
    padding-right: 20px;
}

    .bicikle-avgust .box-text h3 {
        display: block;
        font-family: 'tele-groteskhalregular';
        font-size: 18px;
        line-height: 110%;
        font-weight: normal;
        color: #3d3d3d;
        margin-bottom: 0;
    }

.bicikle-avgust .box-text2 {
    padding-top: 30px;
    padding-left: 20px;
}

    .bicikle-avgust .box-text2 h2 {
        display: block;
        font-family: 'tele-groteskfetregular';
        font-size: 28px;
        color: #3d3d3d;
        line-height: 110%;
        font-weight: normal;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .bicikle-avgust .box-text2 h3 {
        display: block;
        font-family: 'tele-groteskhalregular';
        font-size: 18px;
        line-height: 110%;
        font-weight: normal;
        color: #3d3d3d;
        margin-bottom: 0;
    }

.bicikle-avgust .tocace-01 p {
    padding-left: 15px;
    text-align: center;
    font-size: 14px;
}

.bicikle-avgust .bic-catcher {
    position: absolute;
    z-index: 3;
    margin-left: 180px;
    margin-top: -80px;
}

.bicikle-avgust .bic-catcher2 {
    position: absolute;
    z-index: 3;
    margin-top: -80px;
}

.br {
    border-right: 1px solid #ccc;
    height: 98%;
}



/*kampanja-bicikli-kraj*/
/*kampanja-fiksne-pocetok*/


.fiksne-avgust {
    background-color: #bec7cc;
    padding-bottom: 60px;
}

    .fiksne-avgust .box-bel {
        background: white;
        background: -webkit-linear-gradient(white, #e2e2e2); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(white, #e2e2e2); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(white, #e2e2e2); /* For Firefox 3.6 to 15 */
        background: linear-gradient(white, #e2e2e2); /* Standard syntax */
        border: 1px solid #ccc;
        padding-left: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-top: 25px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .fiksne-avgust .info-text {
        padding-left: 20px;
    }

        .fiksne-avgust .info-text h2 {
            display: block;
            font-family: 'tele-groteskfetregular';
            font-size: 22px;
            color: #3d3d3d;
            line-height: 110%;
            font-weight: normal;
            margin-bottom: 15px;
        }

            .fiksne-avgust .info-text h2 span {
                display: block;
                font-family: 'tele-groteskhalregular';
                font-size: 22px;
                color: #3d3d3d;
                line-height: 110%;
                font-weight: normal;
                margin-bottom: 15px;
            }

        .fiksne-avgust .info-text h3 {
            display: block;
            font-family: 'tele-groteskfetregular';
            font-size: 18px;
            color: #3d3d3d;
            line-height: 110%;
            font-weight: normal;
            margin-bottom: 10px;
        }

            .fiksne-avgust .info-text h3 span {
                display: block;
                font-family: 'tele-groteskfetregular';
                font-size: 18px;
                color: #e20074;
                line-height: 110%;
                font-weight: normal;
                margin-bottom: 10px;
            }


    .fiksne-avgust .kopcee {
        margin-top: 15px;
        margin-left: 20px;
        width: 70%;
    }


    .fiksne-avgust .cena-rozova {
        font-family: 'tele-groteskfetregular';
        font-size: 33px;
        color: #e20074;
        padding-top: 0;
    }

    .fiksne-avgust .cena-skrtnata {
        text-decoration: line-through;
        font-family: 'tele-groteskfetregular';
        font-size: 33px;
        color: #b4b4b4;
        display: block;
    }

    .fiksne-avgust p {
        display: block;
        font-size: 12px;
        color: #5e5e5e;
        margin-bottom: 10px;
        line-height: 145%;
    }

    .fiksne-avgust .kopcee > div > input {
        display: block !important;
    }


/*kampanja-fiksne-kraj*/
/*kampanja-penzionere-pocetok*/

.ponuda-penzionere {
    background-image: url("../images/penzionere/penzionere-back.png");
    background-repeat: no-repeat;
    background-position: right center;
    min-height: 1235px;
}

    .ponuda-penzionere .magenta-box {
        background-image: url("../images/penzionere/magenta-back.png");
        background-repeat: no-repeat;
        background-position: 5% 60px;
        min-height: 365px;
        padding: 30px;
        padding-top: 75px;
    }

        .ponuda-penzionere .magenta-box h2, .ponuda-penzionere .magenta-box h3, .ponuda-penzionere .magenta-box p {
            color: white;
        }

        .ponuda-penzionere .magenta-box h2 {
            display: block;
            font-family: 'tele-groteskfetregular';
            font-size: 32px;
            line-height: 110%;
            font-weight: normal;
            margin-bottom: 15px;
        }

        .ponuda-penzionere .magenta-box h3 {
            display: block;
            font-family: 'tele-groteskhalregular';
            font-size: 20px;
            line-height: 110%;
            font-weight: normal;
            margin-bottom: 15px;
            text-transform: uppercase;
        }

        .ponuda-penzionere .magenta-box p {
            display: block;
            font-family: 'tele-groteskhalregular';
            font-size: 16px;
            margin-bottom: 16px;
            line-height: 145%;
        }

    .ponuda-penzionere .penzionere-wrap {
        background: #bbbbbb;
        background: -webkit-linear-gradient(#bbbbbb, #e3e3e4); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#bbbbbb, #e3e3e4); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#bbbbbb, #e3e3e4); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#bbbbbb, #e3e3e4); /* Standard syntax */
        margin: 40px;
        margin-top: 330px;
    }

    .ponuda-penzionere .poklon {
        margin-top: 0;
        padding-left: 20px;
        position: absolute;
    }


    .ponuda-penzionere .slika-tel-bg {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
        background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
    }

    .ponuda-penzionere .slika-tel {
        background-image: url("../images/penzionere/telefon.png");
        background-repeat: no-repeat;
        background-position: center center;
        min-height: 370px;
        width: 100%;
    }


    .ponuda-penzionere .info-box h3 {
        display: block;
        font-family: 'tele-groteskfetregular';
        font-size: 32px;
        color: #3d3d3d;
        line-height: 110%;
        font-weight: normal;
        margin-bottom: 15px;
        text-align: center;
        padding-top: 20px;
    }


    .ponuda-penzionere .info-box h4 {
        display: block;
        font-family: 'tele-groteskhalregular';
        font-size: 22px;
        color: #3d3d3d;
        line-height: 110%;
        font-weight: normal;
        margin-bottom: 15px;
        text-align: center;
    }


    .ponuda-penzionere .info-box h5 {
        display: block;
        font-family: 'tele-groteskhalregular';
        font-size: 22px;
        color: #3d3d3d;
        line-height: 110%;
        font-weight: normal;
        margin-bottom: 15px;
        text-align: center;
        padding-top: 15px;
        border-top: 1px solid #c1c1c2;
    }

    .ponuda-penzionere .cena-rozova h2 {
        font-family: 'tele-groteskfetregular';
        font-size: 80px;
        color: #e20074;
        line-height: 110%;
        font-weight: normal;
        text-align: center;
    }

    .ponuda-penzionere .footer p {
        display: block;
        font-family: 'tele-groteskhalregular';
        font-size: 18px;
        color: white;
        margin-bottom: 18px;
        line-height: 145%;
        padding-left: 40px;
    }

    .ponuda-penzionere .footer span {
        color: #e20074;
        font-size: 18px;
    }

    .ponuda-penzionere .magenta-new-btn {
        width: 140px;
    }

    .ponuda-penzionere a {
        text-decoration: none;
        font-size: 18px;
    }

@media only screen and (max-width: 991px) {

    /*.ponuda-penzionere .penzionere-wrap {
        margin: 0;
    }*/
    .ponuda-penzionere .magenta-box {
        background-size: cover;
        background-position: 5% 0;
        margin-top: 150px;
    }

    .ponuda-penzionere .footer p {
        padding: 30px;
    }
}

.ponuda-penzionere {
    background-size: cover;
}


/*kampanja-penzionere-kraj*/


.magenta-box-za-diajspore {
    background-color: #e20074;
    height: 65px;
    margin-bottom: 25px;
    background-image: url(../images/znak-i-siv.png);
    background-repeat: no-repeat;
    background-position: 5% center;
}

    .magenta-box-za-diajspore p {
        padding-top: 17px;
        padding-left: 100px;
        color: white;
    }

.magenta-box-granica {
    border: 1px solid #e20074;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}

    .magenta-box-granica span {
        color: #e20074;
    }

.catcher-3meseci-free {
    width: 40%;
    margin-top: 10px;
    /*margin-left: -20px;*/
}


.levo-30-novo-n {
    padding-left: 30px;
}

    .levo-30-novo-n span {
        color: #e20074;
    }

/*kampanja-biciklo-akcija-pocetok*/

.biciklo-akcija {
    background-color: #f4f4f4;
    padding-bottom: 30px;
}

    .biciklo-akcija .magenta-sarena {
        background-image: url("../images/biciklo-akcija/magenta-sarena.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        min-height: 350px;
        padding-top: 10px;
        padding-bottom: 25px;
    }

        .biciklo-akcija .magenta-sarena h2 {
            display: block;
            font-family: 'tele-groteskfetregular';
            font-size: 22px;
            color: white;
            line-height: 110%;
            font-weight: normal;
            margin-bottom: 15px;
            text-align: left;
            padding-left: 60px;
            padding-top: 20px;
            text-transform: uppercase;
        }

    .biciklo-akcija .box-poklon {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
        background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
        min-height: 260px;
        padding: 25px 25px 15px;
        margin-left: 45px;
    }


    .biciklo-akcija .box-poklon2 img {
        padding-left: 40px;
    }


    .biciklo-akcija .box-poklon2 {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
        background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
        min-height: 260px;
        padding: 25px 25px 15px;
        margin-right: 45px;
    }

    .biciklo-akcija .box-poklon h3 {
        display: block;
        font-family: 'tele-groteskfetregular';
        font-size: 22px;
        color: #3d3d3d;
        line-height: 110%;
        font-weight: normal;
        margin-bottom: 15px;
        text-align: left;
        padding-left: 20px;
        text-transform: uppercase;
    }


    .biciklo-akcija .box-poklon2 h3 {
        display: block;
        font-family: 'tele-groteskfetregular';
        font-size: 22px;
        color: #3d3d3d;
        line-height: 110%;
        font-weight: normal;
        margin-bottom: 15px;
        text-align: left;
        padding-left: 20px;
        text-transform: uppercase;
    }



    .biciklo-akcija .magenta-sarena h4 {
        display: block;
        font-family: 'tele-groteskfetregular';
        font-size: 140px;
        color: #fff;
        line-height: 110%;
        font-weight: normal;
        margin-bottom: 15px;
        margin-top: 30px;
        margin-left: 30px;
    }


    .biciklo-akcija .box-bic {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
        background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
        margin-left: 25px;
        margin-right: 25px;
    }


    .biciklo-akcija .slika {
        height: 250px;
    }


    .biciklo-akcija .box-cena {
        background: #e5e5e5;
        background: -moz-linear-gradient(top, #e5e5e5 0%, #d3d3d3 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#d3d3d3));
        background: -webkit-linear-gradient(top, #e5e5e5 0%,#d3d3d3 100%);
        background: -o-linear-gradient(top, #e5e5e5 0%,#d3d3d3 100%);
        background: -ms-linear-gradient(top, #e5e5e5 0%,#d3d3d3 100%);
        background: linear-gradient(to bottom, #e5e5e5 0%,#d3d3d3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#d3d3d3',GradientType=0 );
        background-color: #dbdbdb;
        min-height: 140px;
        padding-left: 20px;
        margin-bottom: 10px;
    }

        .biciklo-akcija .box-cena h2 {
            margin-bottom: 25px;
        }


        .biciklo-akcija .box-cena p {
            font-size: 14px;
            color: #515151;
        }


    .biciklo-akcija .rozova-cena {
        color: #e20074;
        font-size: 23px;
        margin-bottom: 15px;
    }


    .biciklo-akcija h2 {
        display: block;
        font-family: 'tele-groteskhalregular';
        font-size: 22px;
        color: #3d3d3d;
        line-height: 110%;
        font-weight: normal;
        margin-bottom: 15px;
        font-weight: bold;
        text-transform: uppercase;
        padding-top: 20px;
        padding-right: 20px;
        text-align: center;
    }

    .biciklo-akcija .ec {
        position: absolute;
        margin-top: -50px;
    }

@media only screen and (max-width: 767px) {

    .ponuda-penzionere .magenta-box h2 {
        font-size: 20px;
    }

    .biciklo-akcija .box-poklon {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
        background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
        min-height: 260px;
        padding: 25px 25px 15px;
    }

    .biciklo-akcija .box-poklon2 {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
        background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
        min-height: 260px;
        padding: 25px 25px 15px;
        margin-top: -65px;
    }

    .biciklo-akcija .magenta-sarena h4 {
        display: block;
        font-family: 'tele-groteskfetregular';
        font-size: 140px;
        color: #484848;
        font-weight: normal;
        margin-bottom: 15px;
        margin-top: -90px;
        margin-left: 30px;
    }

    .biciklo-akcija .ec {
        position: absolute;
        margin-top: 165px;
        z-index: 100;
    }
}


/*Huawei Kampanja Start*/
.snHuawei-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}

.snHuawei-bg {
    position: relative;
    z-index: 0;
    display: block;
    width: 100%;
    height: auto;
}

.snHuawei-magenta {
    position: absolute;
    z-index: 10;
    top: 30px;
    left: 30px;
    display: block;
    width: 362px;
    min-height: 138px;
    background-image: url("../images/postpaid_kampanja/shHuaw_magenta.png");
    background-repeat: no-repeat;
    -ms-background-size: contain;
    background-size: contain;
}

    .snHuawei-magenta > h4 {
        color: #ffffff;
        padding: 10px;
        font-size: 35px;
        margin: 0;
    }

    .snHuawei-magenta > h2 {
        font-size: 25px;
        padding: 10px;
        margin: 0;
        color: #fff;
        margin-top: -15px;
    }

.snHuawei-eyecatcher {
    position: absolute;
    z-index: 10;
    display: block;
    top: 40%;
    right: 390px;
}

.snHuawei-sticker {
    background-image: url("../images/postpaid_kampanja/snHuaw_sticker.png");
    text-align: center;
    display: table;
    width: 357px;
    -ms-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 363px;
    position: absolute;
    z-index: 10;
    right: 5px;
    top: 32%;
}

.snHuawei-sticker-content {
    padding-left: 30px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

    .snHuawei-sticker-content > h4 {
        font-size: 36px;
        font-family: 'tele-groteskfetregular';
        font-weight: bold;
    }

    .snHuawei-sticker-content > p {
        font-size: 18px;
        font-family: 'tele-groteskhalregular';
    }

    .snHuawei-sticker-content > h1 {
        font-size: 60px;
        color: #e20073;
        line-height: 80px;
        padding-bottom: 40px;
    }

.snHuawei-phones {
    position: absolute;
    display: block;
    z-index: 5;
    right: 30px;
    top: 15%;
}

.snHuawei-sticker2 {
    display: block;
    position: absolute;
    left: 5%;
    bottom: 15%;
    z-index: 2;
}

.snHuawei-footer {
    font-size: 14px !important;
    font-family: 'tele-groteskhalregular';
    display: block;
    position: absolute;
    bottom: 30px;
    left: 30px;
}

@media screen and (max-width: 980px) {

    .snHuawei-phones {
        width: 50%;
        right: 10%;
    }

    .snHuawei-eyecatcher {
        right: 55%;
        top: 30%;
        width: 180px;
    }

    .snHuawei-sticker, .snHuawei-sticker2 {
        width: 270px;
        height: 260px;
        display: block;
        margin: 0 auto;
    }

    .snHuawei-sticker-content {
        padding-left: 0;
        display: block;
        margin-top: 36px;
    }

        .snHuawei-sticker-content > h4 {
            font-size: 25px;
        }

        .snHuawei-sticker-content > h1 {
            font-size: 50px;
            line-height: 50px;
        }
}

@media only screen and (max-width: 600px) {
    .snHuawei-wrapper {
        display: block;
        width: 100%;
        height: 1200px;
        background-image: url("../images/postpaid_kampanja/snHuaw_bg.png");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .snHuawei-bg {
        display: none;
    }

    .snHuawei-sticker {
        top: 15%;
        margin: 0 auto;
        left: 0;
    }

    .snHuawei-eyecatcher {
        width: 160px;
        right: 0;
        margin: 0 auto;
        left: 0;
        top: 35%;
    }

    .snHuawei-phones {
        top: 42%;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 250px;
    }

    .snHuawei-sticker, .snHuawei-sticker2 {
        width: 270px;
        height: 260px;
        display: block;
        margin: 0 auto;
    }

    .snHuawei-sticker-content {
        padding-left: 0;
        display: block;
        margin-top: 36px;
    }

        .snHuawei-sticker-content > h4 {
            font-size: 25px;
        }

        .snHuawei-sticker-content > h1 {
            font-size: 50px;
            line-height: 50px;
        }

    .snHuawei-sticker2 {
        top: 66%;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
}

@media only screen and (max-width: 430px) {
    .snHuawei-magenta {
        left: 10px;
        top: 10px;
        width: auto;
        right: 10px;
    }

        .snHuawei-magenta > h4 {
            font-size: 26px;
        }

        .snHuawei-magenta > h2 {
            font-size: 18px;
        }

    .snHuawei-sticker {
        top: 12%;
    }
}

.snHuawei-footer a {
    font-size: 14px;
}

/*SuperNedela Okttomvri start*/

.super-nedela-oktomvri {
    background-color: #edf0f1;
    padding-bottom: 60px;
}

.super-nedela-oktomvri-wrap {
    background-image: url("../images/super-nedela-oktomvri/main-back2.jpg");
    background-repeat: no-repeat;
    min-height: 720px;
}


.super-nedela-oktomvri .magenta-head {
    background-image: url("../images/super-nedela-oktomvri/magenta-back.png");
    background-repeat: no-repeat;
    min-height: 185px;
    margin-top: 30px;
}

    .super-nedela-oktomvri .magenta-head span {
        font-weight: bold;
    }

.super-nedela-oktomvri .oktomvri-dvojka {
    min-height: 520px;
}


.super-nedela-oktomvri .telefoni {
    margin-top: -120px;
    margin-left: 45px;
}

.super-nedela-oktomvri .slika-tel {
    z-index: 50;
    margin-left: 20px;
}

.super-nedela-oktomvri .box-text {
    min-height: 305px;
    width: 200px;
    background-color: #ffffff;
    margin-top: -25px;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #ccc;
    margin-top: -80px;
}



.super-nedela-oktomvri h1 {
    color: white;
}



.super-nedela-oktomvri h2 {
    font-family: 'tele-groteskhalregular';
    font-size: 32px;
    color: white;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 15px;
    padding-top: 30px;
    /*min-height: 100px;*/;
}


.super-nedela-oktomvri .magenta-head {
    margin-left: 30px;
    padding-top: 30px;
    padding-left: 20px;
}


.super-nedela-oktomvri .box-text h2 {
    font-family: 'tele-groteskfetregular';
    font-size: 23px;
    color: #383838;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 10px;
    padding-top: 30px;
    text-align: center;
    margin-top: 60px;
}

.super-nedela-oktomvri .box-text h3 {
    font-family: 'tele-groteskhalregular';
    font-size: 18px;
    color: #383838;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}


    .super-nedela-oktomvri .box-text h3 span {
        font-weight: bold;
    }


.super-nedela-oktomvri .cena-rozova {
    font-family: 'tele-groteskfetregular';
    font-size: 40px;
    color: #e20074;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 15px;
    padding-top: 0;
    text-align: center;
}

.super-nedela-oktomvri .magenta-new-btn a {
    color: white;
    font-size: 16px;
}

.super-nedela-oktomvri .z5 {
    z-index: 10;
}

.super-nedela-oktomvri .p2 {
    padding-left: 2px;
}

.super-nedela-oktomvri .siva-pozadina {
    background-color: #e9e9e9;
    padding-bottom: 20px;
    padding-top: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

@media only screen and (max-width: 980px) {

    .super-nedela-oktomvri h2 {
        font-family: 'tele-groteskhalregular';
        font-size: 22px;
        color: white;
        line-height: 1;
        font-weight: normal;
        padding-top: 20px;
    }


    .super-nedela-oktomvri .box-text {
        min-height: 305px;
        width: 200px;
        background-color: #ffffff;
        margin-top: -25px;
        border: 1px solid white;
        border-radius: 10px;
        box-shadow: 1px 1px 1px #ccc;
        margin-top: -80px;
        margin-bottom: 20px;
    }
}

/*SuperNedela Okttomvri end*/

.ipinci {
    margin-top: 500px;
}

    .ipinci img {
        padding-bottom: 0;
    }

    .ipinci a {
        margin-top: 10px !important;
        width: 100% !important;
    }

.gorebag {
    margin-top: 28% !important;
}

.ip6 .iphone-holder p {
    font-size: 19px;
    text-align: left;
}

.ip6 .iphone-holder h2 {
    font-size: 35px;
    text-align: left;
    padding: 50px 0 35px 30px;
}

.ip6 .itno-message {
    color: #e20074;
    padding-top: 30px;
    padding-bottom: 5px;
    text-align: center !important;
}

.retinahd {
    padding-top: 133px;
}

.retinawifi {
    padding-top: 190px;
}

.retinaid {
    padding-top: 105px;
}

.retinaios {
    padding-top: 95px;
}

.sporedbah {
    height: 248px;
}

    .sporedbah .holder-img {
        padding-top: 35px;
        padding-bottom: 35px;
        padding-left: 90px;
    }

    .sporedbah .iPhone-text-holder h2 {
        font-size: 35px;
    }

    .sporedbah .iPhone-text-holder p {
        font-size: 19px;
    }

@media(max-width:767px) {
    .sporedbah {
        height: auto !important;
        text-align: center !important;
    }


        .sporedbah .holder-img {
            width: 100%;
            padding-left: 0;
        }
}

.uporediiphone6 tr td {
    font-size: 17px;
}

.top-image-wrapper .uporediiphone6 img {
    width: auto;
    margin-bottom: 20px;
}

.uporediiphone6 ul.t-list li {
    background: none;
    /*padding-left: 0;*/
    padding-left: 15px;
}

.uporediiphone6 thead img {
    box-shadow: none;
}

.uporediiphone6 tbody tr {
    background-color: #ffffff;
}

.dd-iphone-button {
    background-attachment: scroll;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    -moz-background-origin: padding-box;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    background-size: auto;
    border-bottom-color: rgb(150, 150, 150);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(150, 150, 150);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(150, 150, 150);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(150, 150, 150);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    bottom: 60px;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgb(150, 150, 150);
    cursor: pointer;
    direction: ltr;
    display: block;
    float: none;
    font-family: 'Myriad Set Pro', Arial;
    font-size: 14px;
    font-weight: normal;
    height: 32px;
    left: 413.59375px;
    line-height: 31px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    opacity: 1;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    top: auto;
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-property: -webkit-transform, opacity;
    -o-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: -webkit-transform, opacity;
    -moz-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    z-index: 15;
    -ms-zoom: 1;
    zoom: 1;
}

.loading-holder {
    height: 375px;
}

    .loading-holder table {
        width: 100%;
        height: 100%;
    }

        .loading-holder table tr td {
            text-align: center;
        }

/*iphone6 vip start*/


.iphone6-vip {
    padding-bottom: 60px;
}

    .iphone6-vip .header h2 {
        font-family: 'tele-groteskfetregular';
        font-size: 30px;
        color: #e20074;
        line-height: 1;
        font-weight: normal;
        margin-bottom: 15px;
        padding-top: 0;
        text-align: center;
    }

    .iphone6-vip .header p {
        font-family: 'tele-groteskfetregular';
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #5e5e5e;
        margin-bottom: 15px;
        line-height: 145%;
        text-align: center;
        padding-top: 50px;
    }

    .iphone6-vip .main-vip {
        background: #fefefe;
        background: -moz-linear-gradient(top, #fefefe 0%, #e6e6e6 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e6e6e6));
        background: -webkit-linear-gradient(top, #fefefe 0%,#e6e6e6 100%);
        background: -o-linear-gradient(top, #fefefe 0%,#e6e6e6 100%);
        background: -ms-linear-gradient(top, #fefefe 0%,#e6e6e6 100%);
        background: linear-gradient(to bottom, #fefefe 0%,#e6e6e6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e6e6',GradientType=0 );
        -webkit-box-shadow: 0 1px 0 0 #bbb;
        -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 1px 0 0 #bbb;
        -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
        box-shadow: 2px 2px 2px 2px #bbb;
        box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
    }


    .iphone6-vip .main-vip {
        padding-bottom: 60px;
    }

    .iphone6-vip .telefon {
        margin-left: 40%;
    }


    .iphone6-vip .logo {
        display: block;
        margin: 0 auto;
        float: none !important;
        margin-bottom: 50px;
        margin-top: 50px;
    }


    .iphone6-vip .opis {
        top: 110px;
        left: -30px;
    }

.iphone-vip .magenta-new-btn2 {
    display: block;
    font-size: 17px;
    font-weight: normal;
    color: #fff !important;
    text-align: center;
    line-height: 31px;
    height: 32px;
    background: #e20074;
    border: solid 1px #e20074;
    background: #d0026c;
    background: -moz-linear-gradient(top, #fd309a 0%, #d0026c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd309a), color-stop(100%,#d0026c));
    background: -webkit-linear-gradient(top, #fd309a 0%,#d0026c 100%);
    background: -o-linear-gradient(top, #fd309a 0%,#d0026c 100%);
    background: -ms-linear-gradient(top, #fd309a 0%,#d0026c 100%);
    background: linear-gradient(to bottom, #fd309a 0%,#d0026c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd309a', endColorstr='#d0026c',GradientType=0);
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 1px #999;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 1px #999;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    box-shadow: 1px 1px 1px #999;
    box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    text-decoration: none;
    float: none;
    /* padding: 0px 20px; */
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    font-family: 'tele-groteskhalregular';
    margin: 0 auto;
    width: 35%;
}


.iphone6-vip .ip6pre-choose p {
    display: block;
    font-size: 18px;
    color: #5e5e5e;
    margin-bottom: 15px;
    line-height: 145%;
}

@media(max-width:767px) {
    .iphone6-vip .logo {
        display: block;
        margin: 0 auto;
        float: none !important;
        margin-bottom: 50px;
        margin-top: 50px;
        width: 100%;
    }

    .iphone6-vip .telefon {
        margin: 0 auto;
        display: block;
    }

    .iphone6-vip .opis {
        top: auto;
        left: auto;
    }
}

/*iphone6 vip end*/

.dplga-prijava #txtTelNumber {
    width: 70%;
    margin: 0 auto;
    display: block;
    float: left;
    /* margin-bottom: 12px; */
    margin-right: 3%;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    height: 34px !important;
    -webkit-box-shadow: inset 0 1px 1px #eee;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px #eee;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    padding: 15px;
}

.dplga-prijava .check-btn {
    width: 82% !important;
    display: block !important;
    float: none !important;
    margin: 0 auto !important;
}

.dplga-prijava {
    background-image: none !important;
    background-size: contain !important;
    height: 245px !important;
    /*width: 158px !important;*/
    z-index: 0 !important;
    padding: 5px;
    background-position: bottom;
}

@media(max-width:767px) {
    .kozamobilna #redirectToAdsl {
        height: auto;
        width: auto;
        padding: 0px;
        background-image: none !important;
        margin: 0 auto;
    }

    .kozamobilna input {
        margin: 0 auto;
        display: block !important;
        width: 91% !important;
        margin-top: 5px !important;
        margin-left: 0 !important;
    }
}

@media screen and (max-width:767px) {


    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e5e5e5;
    }
}

/*** MOBILNA LANDING ***/

.txt-dec-none, .txt-dec-none:hover {
    text-decoration: none !important;
    font-size: 20px;
}

.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;
}

.icon-land {
    display: block;
    margin: 0 auto;
    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.icon-land2 {
        width: 100%;
        height: 160px;
    }

    .icon-land.icon-land3 {
        width: 100%;
        height: 122px;
    }

    .icon-land.smiley {
        background-image: url(../img/mobilna/ic_smiley.png);
    }

    .icon-land.travelbag {
        background-image: url(../img/mobilna/ic_travelbag.png);
    }

    .icon-land.walletheart {
        background-image: url(../img/mobilna/ic_walletheart.png);
    }

    .icon-land.paymentcard {
        background-image: url(../img/mobilna/ic_paymentcard.png);
    }

    .icon-land.phonepresent {
        background-image: url(../img/mobilna/ic_fiksna_phonepresent.png);
    }

    .icon-land.fiksnadevices {
        background-image: url(../img/mobilna/ic_fiksna_devices.png);
    }

    .icon-land.fiksnapaket {
        background-image: url(../img/mobilna/ic_fiksna_paket.png);
    }

    .icon-land.globe {
        background-image: url(../img/mobilna/ic_internet_globe.png);
    }

    .icon-land.cable {
        background-image: url(../img/mobilna/ic_internet_cable.png);
    }

    .icon-land.tablet {
        background-image: url(../img/mobilna/ic_internet_tablet.png);
    }

    .icon-land.mob-net {
        background-image: url(../img/mobilna/usb_modem_icon.png);
    }

    .icon-land.tvvodic {
        background-image: url(../img/extra-tv-piktogrami.png)
    }

    .icon-land.tvpauziranje {
        background-image: url(../img/mobilna/ic_tv_pauziranje.png);
    }

    .icon-land.tvpremotavanje {
        background-image: url(../img/mobilna/ic_tv_premotavanje.png);
    }

    .icon-land.tvsnimanje {
        background-image: url(../img/mobilna/ic_tv_snimanje.png);
    }

    .icon-land.internetusb {
        background-image: url(../img/mobilna/ic_internet_usb.png);
    }

    .icon-land.playstation {
        background-image: url(../img/mobilna/ic_ps.png);
    }

    .icon-land.kasa {
        background-image: url(../img/mobilna/fiskalna-icon.png);
    }

    .icon-land.office {
        background-image: url(../img/mobilna/office-material-icon.png);
    }

    .icon-land.tvextra {
        background-image: url(../img/mobilna/ic_tv_extra.png);
    }

.home-icon-wrapper:hover .icon-land.internetusb, .phone-box:hover .icon-land.internetusb {
    background-image: url(../img/mobilna/ic_internet_usb_hover.png);
    background-position: center -10px;
}

.home-icon-wrapper:hover .icon-land.playstation, .phone-box:hover .icon-land.playstation {
    background-image: url(../img/mobilna/ic_ps_hover.png);
    background-position: center -10px;
}

.home-icon-wrapper:hover .icon-land.office, .phone-box:hover .icon-land.office {
    background-image: url(../img/mobilna/office-material-icon-h.png);
    background-position: center -10px;
}

.home-icon-wrapper:hover .icon-land.kasa, .phone-box:hover .icon-land.kasa {
    background-image: url(../img/mobilna/fiskalna-icon-h.png);
    background-position: center -10px;
}

.home-icon-wrapper:hover .icon-land.tvextra, .phone-box:hover .icon-land.tvextra {
    background-image: url(../img/mobilna/ic_tv_extra_hover.png);
    background-position: center -10px;
}

.boxes-devices .headline-ult.txt-lg.mt10.mb5 {
    height: 88px;
    width: 400px;
    display: table-cell;
    vertical-align: middle;
}

.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;
}

a.home-icon-wrapper:hover h4 {
    text-decoration: none;
}

.home-icon-wrapper:hover p {
    color: #e20074;
    text-decoration: underline;
    -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;
}

.home-icon-wrapper:hover .icon-land.smiley {
    background-image: url(../img/mobilna/ic_smiley_hover.png);
    background-position: center -10px;
}

.home-icon-wrapper:hover .icon-land.travelbag {
    background-image: url(../img/mobilna/ic_travelbag_hover.png);
    background-position: center -10px;
}

.home-icon-wrapper:hover .icon-land.walletheart {
    background-image: url(../img/mobilna/ic_walletheart_hover.png);
    background-position: center -10px;
}

.home-icon-wrapper:hover .icon-land.paymentcard {
    background-image: url(../img/mobilna/ic_paymentcard_hover.png);
    background-position: center -10px;
}


.home-icon-wrapper:hover .icon-land.phonepresent {
    background-image: url(../img/mobilna/ic_fiksna_phonepresent_hover.png);
    background-position: center -10px;
}

.home-icon-wrapper:hover .icon-land.fiksnadevices {
    background-image: url(../img/mobilna/ic_fiksna_devices_hover.png);
    background-position: center 0;
}

.home-icon-wrapper:hover .icon-land.fiksnapaket {
    background-image: url(../img/mobilna/ic_fiksna_paket_hover.png);
    background-position: center -10px;
}

.home-icon-wrapper:hover .icon-land.globe, .phone-box:hover .icon-land.globe {
    background-image: url(../img/mobilna/ic_internet_globe_hover.png);
    background-position: center -10px;
}

.home-icon-wrapper:hover .icon-land.cable, .phone-box:hover .icon-land.cable {
    background-image: url(../img/mobilna/ic_internet_cable_hover.png);
    background-position: center -10px;
}

.home-icon-wrapper:hover .icon-land.tablet, .phone-box:hover .icon-land.tablet {
    background-image: url(../img/mobilna/ic_internet_tablet_hover.png);
    background-position: center -10px;
}

.home-icon-wrapper:hover .icon-land.tablet, .phone-box:hover .icon-land.mob-net {
    background-image: url(../img/mobilna/usb_modem_icon_hover.png);
    background-position: center -10px;
}

 .home-icon-wrapper:hover .icon-land.tvvodic, .phone-box:hover .icon-land.tvvodic {
    background-image: url(../img/extra-tv-piktogrami.png);
    background-position: center -10px;
}

.home-icon-wrapper:hover .icon-land.tvpauziranje, .phone-box:hover .icon-land.tvpauziranje {
    background-image: url(../img/mobilna/ic_tv_pauziranje_hover.png);
    background-position: center -10px;
}

.home-icon-wrapper:hover .icon-land.tvpremotavanje, .phone-box:hover .icon-land.tvpremotavanje {
    background-image: url(../img/mobilna/ic_tv_premotavanje_hover.png);
    background-position: center -10px;
}

.home-icon-wrapper:hover .icon-land.tvsnimanje, .phone-box:hover .icon-land.tvsnimanje {
    background-image: url(../img/mobilna/ic_tv_snimanje_hover.png);
    background-position: center -10px;
}


.icon-land.smart-site {
    background-image: url(../content/images/piktogrami/smartPaketi.png);
}

.home-icon-wrapper:hover .icon-land.smart-site {
    background-image: url(../content/images/piktogrami/smartPaketi-hov.png);
    background-position: center 1px;
}

.icon-land.paketi-drugi {
    background-image: url(../content/images/piktogrami/paketiDrugi.png);
}

.home-icon-wrapper:hover .icon-land.paketi-drugi {
    background-image: url(../content/images/piktogrami/paketiDrugi-hov.png);
    background-position: center 1px;
}


.icon-land.mojSvet2 {
    background-image: url(../content/images/piktogrami/mojSvet2.png);
}

.home-icon-wrapper:hover .icon-land.mojSvet2 {
    background-image: url(../content/images/piktogrami/mojSvet2-hov.png);
    background-position: center 1px;
}


.icon-land.smart-premium {
    background-image: url(../content/images/piktogrami/premium.png);
}

.home-icon-wrapper:hover .icon-land.smart-premium {
    background-image: url(../content/images/piktogrami/premium-hov.png);
    background-position: center 1px;
}




.icon-land.smart-office-poslovni {
    background-image: url(../content/images/piktogrami/smartOffice.png);
}

.home-icon-wrapper:hover .icon-land.smart-office-poslovni {
    background-image: url(../content/images/piktogrami/smartOffice-hov.png);
    background-position: center 1px;
}

.icon-land.ims-poslovni {
    background-image: url(../content/images/piktogrami/IMS.png);
}

.home-icon-wrapper:hover .icon-land.ims-poslovni {
    background-image: url(../content/images/piktogrami/IMS-hov.png);
    background-position: center 1px;
}

.icon-land.biznis-duo-poslovni {
    background-image: url(../content/images/piktogrami/biznisDuo.png);
}

.home-icon-wrapper:hover .icon-land.biznis-duo-poslovni {
    background-image: url(../content/images/piktogrami/biznisDuo-hov.png);
    background-position: center 1px;
}



.icon-land.integrinet {
    background-image: url(../content/images/piktogrami/net.png);
}

.home-icon-wrapper:hover .icon-land.integrinet {
    background-image: url(../content/images/piktogrami/net-hov.png);
    background-position: center 1px;
}


.icon-land.integridesk {
    background-image: url(../content/images/piktogrami/desk.png);
}

.home-icon-wrapper:hover .icon-land.integridesk {
    background-image: url(../content/images/piktogrami/desk-hov.png);
    background-position: center 1px;
}


.icon-land.integribiz {
    background-image: url(../content/images/piktogrami/biz.png);
}

.home-icon-wrapper:hover .icon-land.integribiz {
    background-image: url(../content/images/piktogrami/biz-hov.png);
    background-position: center 1px;
}



.icon-land.cjenovnik-korisniski {
    background-image: url(../content/images/piktogrami/cjenovnik.png);
}

.home-icon-wrapper:hover .icon-land.cjenovnik-korisniski {
    background-image: url(../content/images/piktogrami/cjenovnik-hov.png);
    background-position: center 1px;
}


.icon-land.obavestenja-korisniski {
    background-image: url(../content/images/piktogrami/obavestenja.png);
}

.home-icon-wrapper:hover .icon-land.obavestenja-korisniski {
    background-image: url(../content/images/piktogrami/obavestenja-hov.png);
    background-position: center 1px;
}




.icon-land.mojSvetP {
    background-image: url(../content/images/piktogrami/mojSvet.png);
}

.home-icon-wrapper:hover .icon-land.mojSvetP {
    background-image: url(../content/images/piktogrami/mojSvet-hov.png);
    background-position: center 0;
}




.icon-land.mojaOpcijaP {
    background-image: url(../content/images/piktogrami/mojaOpcija.png);
}

.home-icon-wrapper:hover .icon-land.mojaOpcijaP {
    background-image: url(../content/images/piktogrami/mojaOpcija-hov.png);
    background-position: center 0;
}



.icon-land.smartPlusPaketiP {
    background-image: url(../content/images/piktogrami/smartPlusPaketi.png);
}

.home-icon-wrapper:hover .icon-land.smartPlusPaketiP {
    background-image: url(../content/images/piktogrami/smartPlusPaketi-hov.png);
    background-position: center 0;
}



.icon-land.internetOpcijeP {
    background-image: url(../content/images/piktogrami/internetOpcije.png);
}

.home-icon-wrapper:hover .icon-land.internetOpcijeP {
    background-image: url(../content/images/piktogrami/internetOpcije-hov.png);
    background-position: center 0;
}



.icon-land.komforPaketF {
    background-image: url(../content/images/piktogrami/komforPaketF.png);
}

.home-icon-wrapper:hover .icon-land.komforPaketF {
    background-image: url(../content/images/piktogrami/komforPaketF-hov.png);
    background-position: center 0;
}


.icon-land.superPaketF {
    background-image: url(../content/images/piktogrami/superPaketF.png);
}

.home-icon-wrapper:hover .icon-land.superPaketF {
    background-image: url(../content/images/piktogrami/superPaketF-hov.png);
    background-position: center 0;
}


.icon-land.imsF {
    background-image: url(../content/images/piktogrami/imsF.png);
}

.home-icon-wrapper:hover .icon-land.imsF {
    background-image: url(../content/images/piktogrami/imsF-hov.png);
    background-position: center 0;
}

.icon-land.flat-poslovni {
    background-image: url(../content/images/piktogrami/telekom-flat-ikonce.png);
}

.home-icon-wrapper:hover .icon-land.flat-poslovni {
    background-image: url(../content/images/piktogrami/telekom-flat-ikonce-hov.png);
    background-position: center 0;
}



.icon-land.kakoDoNas-icon {
    background-image: url(../content/images/piktogrami/kakoDoNas.png);
}

.home-icon-wrapper:hover .icon-land.kakoDoNas-icon {
    background-image: url(../content/images/piktogrami/kakoDoNas-hov.png);
    background-position: center 0;
}

.icon-land.cenovik-icon {
    background-image: url(../content/images/piktogrami/cenovik-icon.png);
}

.home-icon-wrapper:hover .icon-land.cenovik-icon {
    background-image: url(../content/images/piktogrami/cenovik-icon-hov.png);
    background-position: center 0;
}

.icon-land.pitanja-icon {
    background-image: url(../content/images/piktogrami/pitanja-icon.png);
}

.home-icon-wrapper:hover .icon-land.pitanja-icon {
    background-image: url(../content/images/piktogrami/pitanja-icon-hov.png);
    background-position: center 0;
}

.icon-land.obav-icon {
    background-image: url(../content/images/piktogrami/obav-icon.png);
}

.home-icon-wrapper:hover .icon-land.obav-icon {
    background-image: url(../content/images/piktogrami/obav-icon-hov.png);
    background-position: center 0;
}

.icon-land.ostaleInfo-icon {
    background-image: url(../content/images/piktogrami/ostaleInfo-icon.png);
}

.home-icon-wrapper:hover .icon-land.ostaleInfo-icon {
    background-image: url(../content/images/piktogrami/ostaleInfo-icon-hov.png);
    background-position: center 0;
}

.icon-land.detalji-icon {
    background-image: url(../content/images/piktogrami/detalji-icon.png);
}

.home-icon-wrapper:hover .icon-land.detalji-icon {
    background-image: url(../content/images/piktogrami/detalji-icon-hov.png);
    background-position: center 0;
}


.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;
}

.headline-ult {
    font-family: 'telegrotesk_headline_ultraRg';
    color: #2b2b2b;
    text-transform: uppercase;
}

    .headline-ult.txt-lg.mt10.mb5 {
        font-family: 'telegrotesk_headline_ultraRg';
        color: #2b2b2b;
        text-transform: uppercase;
        min-height: 50px;
        line-height: 20px;
        padding-top: 10px;
    }

.hal {
    font-family: 'tele-groteskhalregular';
}

.txt-xl {
    font-size: 32px;
}

.txt-lg {
    font-size: 22px;
}

.c_magenta {
    color: #e20074 !important;
}

.c_white {
    color: #ffffff !important;
}

.bb-graylight {
    border-bottom: 0 solid #cecece;
}

.br-graylight {
    border-right: 1px solid #cecece;
}

.bl-graylight {
    border-left: 1px solid #cecece;
}

.b-graylight {
    border: 1px solid #e5e5e5;
}

.bb-pale {
    border-bottom: 1px solid #d9d9d9;
}

.bt-pale {
    border-top: 1px solid #d9d9d9;
}


.pb15 {
    padding-bottom: 15px;
}

.phone-box {
    /*margin-top: 20px;*/
    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: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;
    }

.btn-magenta-flat-sm {
    padding: 10px;
    color: #ffffff;
    border-radius: 3px;
    /*background: #e20074;
    border-bottom: 3px solid #a90157;*/
    font-size: 14px;
    -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;
    /*NEW BUTTON*/
    color: #fff;
    background: #ff339c;
    background: -moz-linear-gradient(top, #ff339c 0%, #e20074 50%, #cc0069 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff339c), color-stop(50%,#e20074), color-stop(100%,#cc0069));
    background: -webkit-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%);
    background: -o-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%);
    background: -ms-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%);
    background: linear-gradient(to bottom, #ff339c 0%,#e20074 50%,#cc0069 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff339c', endColorstr='#cc0069',GradientType=0 );
    border: 1px solid #cc0069;
    text-transform: none !important;
    box-shadow: none;
}

    .btn-magenta-flat-sm:hover, .btn-magenta-flat-sm:focus {
        /*background: #c7096b;
        color: #ffffff;*/
        /* NEW BUTTON HOVER */
        color: #ffffff;
        background: #cc0069; /* Old browsers */
        background: -moz-linear-gradient(top, #cc0069 0%, #e20074 50%, #ff339c 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0069), color-stop(50%,#e20074), color-stop(100%,#ff339c)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #cc0069 0%,#e20074 50%,#ff339c 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #cc0069 0%,#e20074 50%,#ff339c 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #cc0069 0%,#e20074 50%,#ff339c 100%); /* IE10+ */
        background: linear-gradient(to bottom, #cc0069 0%,#e20074 50%,#ff339c 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0069', endColorstr='#ff339c',GradientType=0 ); /* IE6-9 */
        -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-grey-flat-sm {
    padding: 10px;
    color: #545454;
    border-radius: 3px;
    background: #eeeeee;
    /*border-bottom: 3px solid #909090;*/
    font-size: 14px;
    -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;
    /* NEW BUTTON GRAY */
    text-transform: none !important;
    border: 1px solid #cecece;
    background: #ffffff !important; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ) !important; /* IE6-9 */
}

    .btn-grey-flat-sm:hover {
        background: #ffffff;
        -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-grey {
    padding: 7px 20px;
    min-width: 150px;
    color: #545454 !important;
    border-radius: 3px;
    border: 1px solid #cecece;
    background: #eeeeee; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #F5F5F5 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F5F5F5 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F5F5F5 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F5F5F5 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #F5F5F5 0%,#eeeeee 100%); /* W3C */
    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;
}

    .btn-grey:hover {
        background: #ffffff; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */
        -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;
    }

.mt10 {
    margin-top: 10px;
}

.mb5 {
    margin-bottom: 5px;
}

.carousel-mobilna .item {
    width: 100%;
}

.carousel-mobilna .carousel-control {
    background-image: none;
    width: 5%;
}

    .carousel-mobilna .carousel-control img {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -22px;
    }

    .carousel-mobilna .carousel-control.left {
        left: -32px;
    }

    .carousel-mobilna .carousel-control.right {
        right: -32px;
    }

    .carousel-mobilna .carousel-control.left img {
        left: 0;
    }

    .carousel-mobilna .carousel-control.right img {
        right: 0;
    }

.carousel-mobilna.carousel-mobilna-one .carousel-control.left {
    left: 10%;
}

.carousel-mobilna.carousel-mobilna-one .carousel-control.right {
    right: 10%;
}

.checkbox-filter {
    height: 80px;
    width: 100%;
    display: table;
    background: #ededed; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ededed 0%, #e7e7e7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ededed 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ededed 0%,#e7e7e7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ededed 0%,#e7e7e7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ededed 0%,#e7e7e7 100%); /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e7e7e7',GradientType=0 ); IE6-8 */
    background: transparent\9;
}

    .checkbox-filter.checkbox-filter-sm {
        height: 60px;
    }

        .checkbox-filter.checkbox-filter-sm .filter-text {
            font-size: 16px;
            width: 0px;
            /* display: inline-block; */
            /* display: none; */
            overflow: hidden;
            max-width: 0px;
            display: inline-block;
            margin: 0px !important;
            float: right;
            display: table-cell;
            vertical-align: middle;
            padding-top: 10px !important;
        }

.filter-ic {
    display: table-cell;
    width: 70px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease-in;
}

.checkbox-filter-sm:hover .filter-text {
    font-size: 16px;
    width: 85px;
    overflow: visible;
    max-width: 185px;
    display: inline-block;
    margin: 0px !important;
    float: right;
    transition: all 0.3s ease-in;
    display: table-cell;
    vertical-align: middle;
    padding-top: 10px !important;
}

.filter-ic.presentbox {
    background-image: url('../img/mobilna/ic_presentbox.png');
}

.filter-ic.pricetag {
    background-image: url('../img/mobilna/ic_pricetag.png');
}

.filter-ic.device-mobile {
    background-image: url('../img/mobilna/ic_device_mobile.png');
}

.filter-ic.device-tablet {
    background-image: url('../img/mobilna/ic_device_tablet.png');
}

.filter-ic.device-phone {
    background-image: url('../img/mobilna/ic_device_phone.png');
}

.filter-text {
    display: table-cell;
    width: 0px;
    vertical-align: middle;
    font-size: 20px;
    text-align: center;
    font-family: 'tele-groteskhalregular';
}

.filter-input {
    display: table-cell;
    width: 25%;
    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/mobilna/checkbox-custom-unchecked.png');
        /*width: 40px;
        height: 40px;*/
        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/mobilna/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;
    }


.side-tabs {
    border-bottom: none;
    position: absolute;
    top: 50%;
    /*margin-top: -145px;*/
    margin-top: -122px;
    z-index: 999;
}

    .side-tabs > li {
        float: none;
        margin-bottom: 1px;
        overflow: hidden;
        /*height: 100px;
        width: 100px;*/
        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: #cdcdcd;
    }

        .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: 20%;
                height: 80px;*/
                width: 31.5%;
                height: 60px;
            }

            .side-tabs > li > a > .filter-text {
                font-family: 'telegrotesk_headlineregular';
                text-transform: uppercase;
                font-size: 20px;
            }

    .side-tabs.nav > li {
        cursor: pointer;
        border-bottom: 1px none #666;
    }


.white-holder {
    padding: 20px 0;
    background-color: white;
}

.white-holder-p0 {
    background-color: white;
}



.very-light-gray-holder {
    padding: 20px 0;
    background-color: #e9e9e9;
}

.pale-holder {
    padding: 15px 0;
    background-color: #f7f7f7;
    margin-bottom: 15px;
}

.pale-holder1 {
    padding: 15px 0;
    margin-bottom: 15px;
}

.pale-holder.phone-list-padding {
    margin-bottom: 0px;
}

.three-boxes {
    /*background: white;*/
    padding: 30px;
    min-height: 310px;
    min-height: 300px\9;
    font-family: 'tele-groteskhalregular';
}

    .three-boxes h1 {
        font-size: 25px;
        text-transform: uppercase;
        font-family: 'telegrotesk_headline_ultraRg';
        margin-top: 0;
        margin-bottom: 10px;
        line-height: 26px;
    }

    .three-boxes .form-control {
        border-radius: 2px;
        background-color: #e5e5e5;
        border-color: #dedede;
        padding-right: 0;
        padding-left: 5px;
    }

.three-boxes-gray {
    background-color: #f0f0f0;
}

.three-boxes-right .form-control {
    background-color: #ffffff;
    border-color: #dedede;
}

.light-text {
    font-family: 'tele-groteskhalregular' !important;
}

.magenta-text {
    color: #e20074 !important;
}

.mobile-three-boxes-toggle {
    background-color: white;
    position: relative;
    padding: 15px;
}

.mobile-three-boxes-toggle-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background-color: transparent;
    border: 0;
    text-align: center;
    font-size: 20px;
    height: 100%;
}

.mynav {
    clear: both;
    margin: 0 auto;
    width: auto;
    height: 42px;
    margin-top: -10px;
}

.mynav-place {
    display: none;
}

    .mynav-place.active {
        display: block;
    }

.mynav-button.active {
    background: url("../img/mobilna/cirlce_db_pink.png") no-repeat center;
    color: white;
}

.mynav-button {
    background: url("../img/mobilna/circle_db_gray.png") no-repeat center;
    float: left;
    width: 42px;
    text-align: center;
    height: 42px;
    color: #999;
    font-family: 'tele-groteskfetregular';
    font-size: 22px;
    padding-top: 12px;
    cursor: pointer;
}

.top-link {
    display: block;
    border-bottom: 1px dotted #9f9a9a;
    position: relative;
}

    .top-link:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .top-link h4, .top-link span {
        -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;
    }

    .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;
    }

    .top-link h4, .top-link p {
        font-size: 18px;
        font-family: 'tele-grotesknorregular';
    }

    .top-link h4 {
        color: #363636;
        margin-top: 5px;
        margin-bottom: 0;
        font-weight: bold;
    }

    .top-link p {
        color: #606060;
        margin-bottom: 5px;
        padding-right: 12px;
    }

    .top-link span {
        color: #606060;
        position: absolute;
        bottom: 6px;
        right: 2px;
        font-size: 10px;
    }

.bg_white {
    background-color: #ffffff !important;
}

.p20 {
    padding: 20px;
}

.mb-30 {
    margin-bottom: -30px;
}

.relative {
    display: block;
    position: relative;
}

.absolute {
    display: block;
    position: absolute;
}

.right-bottom {
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
}

.mt0 {
    margin-top: 0 !important;
}

.bg_trans {
    background-color: transparent;
}

.w50 {
    width: 50%;
}

.w100 {
    width: 100%;
}

.extra-tv-box {
    background-image: url('../img/mobilna/bn_tv_bg.png');
    background-repeat: no-repeat;
    background-position: right;
}

    .extra-tv-box h1 {
        font-size: 25px;
        text-transform: uppercase;
        font-family: 'telegrotesk_headline_ultraRg';
        margin-top: 0;
        margin-bottom: 10px;
        line-height: 26px;
        margin: 20px 20px 0;
        color: #e20074;
    }

.extra-tv-boxes .phone-box {
    padding: 40px 20px 0px 20px;
    min-height: 335px;
    min-height: 335px\9;
}

    .extra-tv-boxes .phone-box p {
        font-size: 16px;
        color: #8f8f8f;
        margin-top: 40px;
        margin-bottom: 0;
    }

    .extra-tv-boxes .phone-box h4 {
        color: #e20074;
    }
	
	 .extra-tv-boxes .phone-box h4 span {
     font-size: 14px;
    font-family: tele-groteskhalregular;
    }

.extra .home-box-content h4 {
    font-family: tele-groteskfetregular;
    text-transform: uppercase;
    color: #333;
    font-size: 18px;
}

.extra .home-box-content a {
    margin-top: 15px;
    display: block;
}

.home-box-date {
    color: #A5A5A5;
    font-size: 18px;
    display: block;
    font-family: tele-groteskhalregular;
    margin-bottom: 5px;
    line-height: 17px;
}

    .home-box-date.dva {
        color: #e20074;
        font-size: 20px;
        display: block;
        font-family: tele-groteskfetregular;
        /* margin-bottom: 30px; */
        border-bottom: 1px solid #E5E5E5;
        padding-bottom: 7px;
    }

.carousel-movies-wrapper {
    padding: 15px;
    padding-left: 20px;
}

    .carousel-movies-wrapper .carousel-control.left, .carousel-movies-wrapper .carousel-control.right {
        color: #dcdcdc;
        text-shadow: none;
        background-image: none;
        filter: none;
        background: none;
        bottom: auto;
        padding: 10px;
        /*top: -10px;*/
        top: -65px;
        right: -10px;
    }

    .carousel-movies-wrapper .carousel-control.left {
        left: auto;
        right: 20px;
    }

        .carousel-movies-wrapper .carousel-control.left span, .carousel-movies-wrapper .carousel-control.right span {
            font-size: 40px;
        }

    .carousel-movies-wrapper > .carousel > .carousel-inner > .item > h4 {
        font-size: 21px;
    }

    .carousel-movies-wrapper > .carousel > .carousel-inner > .item > img {
        padding-right: 10px;
        padding-bottom: 10px;
        width: 100px;
    }
	
	.carousel-movies-wrapper .carousel-inner .item img
	{
	max-height: 202px;
	}
	
	.carousel-movies-wrapper .carousel-inner .item h4
	{
	min-height: 45px;
    margin-top: 10px;
	}

	
	
.btn-icon {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
}

.carousel-movies-wrapper > .btn-icon.ic_info {
    position: absolute;
    right: 20px;
    bottom: 20px;
    background-color: transparent;
    background-image: url(../img/mobilna/ic_info.png);
    -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;
}

    .carousel-movies-wrapper > .btn-icon.ic_info:hover {
        background-image: url(../img/mobilna/ic_info_hover.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;
    }

.carousel-movies-wrapper > img[src$="img/mobilna/logo_imdb.png"] {
    position: absolute;
    left: 20px;
    bottom: 20px;
}

@media only screen and (max-width: 991px) {
    .home-content-holder > .container, .white-holder > .container, .home-icons-holder > .container, .home-boxes-container > .row {
        width: 100%;
    }
}

.wiz-indicators, #long-wrap ul.wiz-indicators {
    background-color: #fcfcfc;
    -webkit-box-shadow: 2px 2px 2px 0 #d8d8d8;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(216,216,216,1);
    -moz-box-shadow: 2px 2px 2px 0 #d8d8d8;
    -moz-box-shadow: 2px 2px 2px 0 rgba(216,216,216,1);
    box-shadow: 2px 2px 2px 0 #d8d8d8;
    box-shadow: 2px 2px 2px 0 rgba(216,216,216,1);
    border: 1px solid rgb(216, 216, 216);
    font-size: 18px;
    color: #a9a9a9;
    font-family: 'tele-grotesknorregular';
}

    .wiz-indicators span, #long-wrap ul.wiz-indicators span {
        font-family: tele-groteskhalregular;
        text-transform: none;
    }

    .wiz-indicators > li, #long-wrap ul.wiz-indicators > li {
        position: relative;
        padding-left: 20px;
        background-position: left 16px center;
        background-repeat: no-repeat;
        padding: 15px 26px 15px 65px;
        text-align: center;
        vertical-align: middle;
    }

        .wiz-indicators > li.activen, #long-wrap ul.wiz-indicators > li.activen {
            background-color: #e20074;
            color: #ffffff;
            text-transform: uppercase;
        }

        .wiz-indicators > li.wiz-1, #long-wrap ul.wiz-indicators > li.wiz-1 {
            background-image: url(../img/mobilna/wiz_ic_01.png) !important;
            background-size: 35px !important;
        }

        .wiz-indicators > li.wiz-2, #long-wrap ul.wiz-indicators > li.wiz-2 {
            background-image: url(../img/mobilna/wiz_ic_02.png) !important;
            background-size: 35px !important;
        }

        .wiz-indicators > li.wiz-3, #long-wrap ul.wiz-indicators > li.wiz-3 {
            background-image: url(../img/mobilna/wiz_ic_03.png) !important;
            background-size: 35px !important;
        }

            .wiz-indicators > li.wiz-1.activen, .wiz-indicators > li.wiz-2.activen, .wiz-indicators > li.wiz-3.activen,
            #long-wrap ul.wiz-indicators > li.wiz-1.activen, #long-wrap ul.wiz-indicators > li.wiz-2.activen, #long-wrap ul.wiz-indicators > li.wiz-3.activen {
                background-image: url(../img/mobilna/wiz_ic_done.png);
            }

.wiz-separator {
    background-image: url(../img/mobilna/wiz_separator.png);
    width: 16px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    top: 3px;
    right: -12px;
    background-position: center;
}

.tabs-devices {
    background-color: #e3e3e3;
}

    .tabs-devices .nav-tabs li.tabs-devices-text {
        font-family: 'tele-grotesknorregular';
        font-size: 22px;
        padding: 32px 20px 32px 0;
    }

    .tabs-devices .nav-tabs li a {
        width: 80px;
        height: 100px;
        background-position: center 15px;
        background-repeat: no-repeat;
        background-color: #dddddd;
        border: none;
        border-radius: 0;
        background-size: 45px;
    }

        .tabs-devices .nav-tabs li a.devices_mobile {
            background-image: url(../img/mobilna/tab_mobile.png);
            -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;
        }

    .tabs-devices .nav-tabs > li > a.devices_mobile:hover, .tabs-devices .nav-tabs > li.activen > a.devices_mobile, .tabs-devices .nav-tabs > li.activen > a.devices_mobile:hover, .tabs-devices .nav-tabs > li.activen > a.devices_mobile:focus {
        background-image: url(../img/mobilna/tab_mobile_active.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;
    }

    .tabs-devices .nav-tabs li a.devices_tablet {
        background-image: url(../img/mobilna/tab_tablet.png);
        -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;
    }

    .tabs-devices .nav-tabs > li > a.devices_tablet:hover, .tabs-devices .nav-tabs > li.activen > a.devices_tablet, .tabs-devices .nav-tabs > li.activen > a.devices_tablet:hover, .tabs-devices .nav-tabs > li.activen > a.devices_tablet:focus {
        background-image: url(../img/mobilna/tab_tablet_active.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;
    }

    .tabs-devices .nav-tabs li a.devices_phone {
        background-image: url(../img/mobilna/tab_phone.png);
        -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;
    }

    .tabs-devices .nav-tabs > li > a.devices_phone:hover, .tabs-devices .nav-tabs > li.activen > a.devices_phone, .tabs-devices .nav-tabs > li.activen > a.devices_phone:hover, .tabs-devices .nav-tabs > li.activen > a.devices_phone:focus {
        background-image: url(../img/mobilna/tab_phone_active.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;
    }

    .tabs-devices .nav-tabs li a.devices_tv {
        background-image: url(../img/mobilna/tab_tv.png);
        -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;
    }

    .tabs-devices .nav-tabs > li > a.devices_tv:hover, .tabs-devices .nav-tabs > li.activen > a.devices_tv, .tabs-devices .nav-tabs > li.activen > a.devices_tv:hover, .tabs-devices .nav-tabs > li.activen > a.devices_tv:focus {
        background-image: url(../img/mobilna/tab_tv_active.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;
    }

    .tabs-devices .nav-tabs li a.devices_usb {
        background-image: url(../img/mobilna/tab_other.png);
        -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;
    }

    .tabs-devices .nav-tabs > li > a.devices_usb:hover, .tabs-devices .nav-tabs > li.activen > a.devices_usb, .tabs-devices .nav-tabs > li.activen > a.devices_usb:hover, .tabs-devices .nav-tabs > li.activen > a.devices_usb:focus {
        background-image: url(../img/mobilna/tab_other_active.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;
    }

    .tabs-devices .nav-tabs li a.devices_laptop {
        background-image: url(../img/mobilna/tab_laptop.png);
        -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;
    }

    .tabs-devices .nav-tabs > li > a.devices_laptop:hover, .tabs-devices .nav-tabs > li.activen > a.devices_laptop, .tabs-devices .nav-tabs > li.activen > a.devices_laptop:hover, .tabs-devices .nav-tabs > li.activen > a.devices_laptop:focus {
        background-image: url(../img/mobilna/tab_laptop_active.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;
    }

    .tabs-devices .nav-tabs li a.devices_other {
        background-image: url(../img/mobilna/tab_usb.png);
        -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;
    }

    .tabs-devices .nav-tabs li a.devices_partner {
        background-image: url(../img/mobilna/tab_partner.png);
        -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;
    }

    .tabs-devices .nav-tabs > li > a.devices_partner:hover, .tabs-devices .nav-tabs > li.activen > a.devices_partner, .tabs-devices .nav-tabs > li.activen > a.devices_partner:hover, .tabs-devices .nav-tabs > li.activen > a.devices_partner:focus {
        background-image: url(../img/mobilna/tab_partner_active.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;
    }

    .tabs-devices .nav-tabs > li > a.devices_other:hover, .tabs-devices .nav-tabs > li.activen > a.devices_other, .tabs-devices .nav-tabs > li.activen > a.devices_other:hover, .tabs-devices .nav-tabs > li.activen > a.devices_other:focus {
        background-image: url(../img/mobilna/tab_usb_active.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;
    }

    .tabs-devices .nav-tabs > li.activen > a, .tabs-devices .nav-tabs > li.activen > a:hover, .tabs-devices .nav-tabs > li.activen > a:focus {
        background-color: #f3f2f2;
        color: #e20074;
    }

.tabs-devices-content {
    background-color: #f3f2f2;
}

.tabs-filter {
    display: inline-block;
    /*width: 420px;*/
    background: none;
}

    .tabs-filter.right {
        float: right !important;
    }

    .tabs-filter .checkbox-filter.checkbox-filter-sm {
        background: none;
    }

.checkbox-filter-sm .filter-input label.filter-custom {
    background-image: url('../img/mobilna/checkbox_sm_unchecked.png');
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}

.checkbox-filter-sm .filter-input input:checked + label.filter-custom {
    background-image: url('../img/mobilna/checkbox_sm_checked.png');
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}

.checkbox-filter-xs .filter-input input:checked + label.filter-custom {
    background-image: url('../img/mobilna/checkbox_sm_checked.png');
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}

.checkbox-filter-sm .filter-ic.presentbox {
    background-image: url('../img/mobilna/ic_presentbox_sm.png');
    background-size: 30px;
}

.checkbox-filter-sm .filter-ic.pricetag {
    background-image: url('../img/mobilna/ic_pricetag_sm.png');
    background-size: 30px;
}

.devices-item {
    background-color: #f9f9f9;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    margin-bottom: 10px !important;
    padding: 10px;
    height: 385px;
    overflow: hidden;
	position:relative;
}

    .devices-item h2 {
        font-size: 22px;
        font-family: 'tele-groteskfetregular';
        color: #0f0f0f;
        margin-top: 8px;
        margin-bottom: 20px;
        height: 24px;
        line-height: 18px;
        text-transform: uppercase;
    }

    .devices-item .t-list li {
        padding: 5px 0 5px 15px;
        margin-bottom: 5px;
        margin-top: 5px;
        background: url(../images/list-bullet.png) 0 10px no-repeat !important;
    }

.pl5 {
    padding-left: 5px;
}

.pr5 {
    padding-right: 5px;
}

.c_pale {
    color: #d9d9d9;
}

.devices-item .devices-item-content {
    height: 265px;
    display: table;
    width: 100%;
}

    .devices-item .devices-item-content img {
        /*max-height: 240px;*/
        max-height: 225px;
        max-width: 130px;
        max-width: 130px;
        position: relative;
        top: 0;
        margin-bottom: 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;
    }

.devices-item.devices-tv .devices-item-content img {
    max-width: 170px;
}

.devices-item.devices-tv  {
position: relative;
height: 395px;
}

.devices-item:hover .devices-item-content img {
    top: -5px;
    -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;
}

.devices-item .devices-item-content > div {
    display: table-cell;
    float: none;
    vertical-align: top;
    /**/
    padding-left: 10px;
    padding-right: 0;
}

.devices-item .devices-item-content > div.text-center {
  
    vertical-align: middle;
   
}

.devices-item.devices-tv .devices-item-content > div {
    padding-right: 10px;
}

.devices-item .devices-item-features {
    font-family: 'tele-grotesknorregular';
    line-height: 20px;
    color: #555555;
    font-size: 16px;
    height: 175px;
    overflow: auto;
    display: table-cell;
    vertical-align: top;
}

.devices-item .popver-content > .t-list li, .devices-item .popver-content * {
    color: #ffffff !important;
}

.devices-item .devices-item-features > div > span {
    display: block;
}

    .devices-item .devices-item-features > div > span:first-child {
        font-weight: bold;
    }

.devices-item .devices-item-footer {
    /*padding: 20px 0 8px;
    display: table;*/
    padding: 20px 0 8px;
    display: table;
    position: absolute;
    bottom: 0px;
    right: 5px;
    left: 0;
}



.checkbox-filter-xs {
    height: 25px;
    background: none;
    padding-left: 15px;
}

    .checkbox-filter-xs .filter-text {
        font-size: 15px;
        width: initial;
    }

    .checkbox-filter-xs .filter-input label.filter-custom {
        background-image: url('../img/mobilna/checkbox_sm_unchecked.png');
        width: 20px;
        height: 20px;
    }

    .checkbox-filter-xs .filter-input .custom-checkbox {
        background-image: url('../img/mobilna/checkbox_sm_unchecked.png');
        width: 20px;
        height: 20px;
        -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;
        cursor: pointer;
    }

        .checkbox-filter-xs .filter-input .custom-checkbox.checked {
            background-image: url('../img/mobilna/checkbox_sm_checked.png');
            width: 20px;
            height: 20px;
            -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;
        }

.pt15 {
    padding-top: 15px;
}

.pt10 {
    padding-top: 10px;
}

/*** PAGER FIXED START ***/

.pager-fixed .phone-list-paging {
    width: 20px;
    position: fixed;
    top: 540px;
    height: 200px;
    margin-top: -100px;
}

@media only screen and (min-width: 1710px) {
    .pager-fixed .phone-list-paging {
        right: 20%;
    }
}

@media only screen and (max-width: 1709px) {
    .pager-fixed .phone-list-paging {
        right: 18%;
    }
}

@media only screen and (max-width: 1600px) {
    .pager-fixed .phone-list-paging {
        right: 15%;
    }
}

@media only screen and (max-width: 1450px) {
    .pager-fixed .phone-list-paging {
        right: 12%;
    }
}

@media only screen and (max-width: 1340px) {
    .pager-fixed .phone-list-paging {
        right: 9%;
    }
}

@media only screen and (max-width: 1240px) {
    .pager-fixed .phone-list-paging {
        right: 5%;
    }
}

@media only screen and (max-width: 1100px) {
    .pager-fixed .phone-list-paging {
        right: 10px;
    }
}

@media only screen and (max-width: 991px) {
    .tabs-filter {
        width: 200px;
    }
}

.pager-fixed div.phone-list-paging div.prev-arrow, .pager-fixed div.phone-list-paging div.next-arrow {
    float: none;
    display: inline-block;
    width: 100%;
    height: 20px;
}


div.pager-fixed div.phone-list-paging .page-num a {
    border-left: 2px solid;
}

div.pager-fixed .page-numbers {
    height: 173px;
    overflow: hidden;
}

.pager-fixed div.phone-list-paging div.prev-arrow > a, .pager-fixed div.phone-list-paging div.next-arrow > a {
    background-position: center;
    border-left: none;
}

.pager-fixed div.phone-list-paging a.btn-prev {
    background: url(../img/mobilna/pager_fixed-prev.png) center left no-repeat;
    -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;
}

    .pager-fixed div.phone-list-paging a.btn-prev:hover {
        background: url(../img/mobilna/pager_fixed-prev_hover.png) center left 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;
    }

.pager-fixed div.phone-list-paging a.btn-next {
    background: url(../img/mobilna/pager_fixed-next.png) center left no-repeat;
    -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;
}

    .pager-fixed div.phone-list-paging a.btn-next:hover {
        background: url(../img/mobilna/pager_fixed-next_hover.png) center left 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;
    }


.pager-fixed .page-numbers .page-num {
    background: none;
}

    .pager-fixed .page-numbers .page-num.active, .pager-fixed .page-numbers .page-num:hover {
        color: #e20074;
        font-weight: 700;
        border-left: 2px solid;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        cursor: pointer;
    }

.pager-fixed .page-numbers > span {
    background: none;
}

.pager-fixed div.phone-list-paging a, .pager-fixed div.phone-list-paging span {
    display: block;
    margin-top: 4px;
    margin-bottom: 4px;
    color: #cccccc;
    width: 20px;
    height: 20px;
    font-size: 14px;
    padding: 4px 0;
    text-align: center;
    line-height: 12px;
    margin-right: 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;
}

.pager-fixed div.phone-list-paging a {
    border-left: 2px solid;
}

/*** PAGER FIXED END ***/

/*** PAGER HORIZONTAL START ***/

/*div.phone-list-paging {
    clear: both;
    color: #333;
    font-size: 11px;
    text-align: center;
    padding-top: 6px;
}


    div.phone-list-paging a {
        color: #666;
        text-decoration: underline;
    }

        div.phone-list-paging a.btn-prev {
            width: 10px !important;
            line-height: 13px;
            height: 13px;
            margin-right: 14px;
            background: url(../img/mobilna/pager_horizontal-prev.png) center left no-repeat;
            text-indent: -9999px;
        }

        div.phone-list-paging a.btn-next {
            width: 10px !important;
            line-height: 13px;
            height: 13px;
            background: url(../img/mobilna/pager_horizontal-next.png) center left no-repeat;
            text-indent: -9999px;
        }

    div.phone-list-paging a, div.phone-list-paging span {
        line-height: 13px;
        padding: 3px 7px;*/

/*** PAGER HORIZONTAL END***/

.firefox-mag-btn {
    top: 30%;
    left: 25px;
}

.ict-det-btn {
    top: 80%;
    left: 80%;
}

.korisnicki-btn {
    top: 64%;
    left: 3.5%;
}



/*** PHONE LIST MOBILE START ***/

.wiz-indicators > li {
    line-height: 20px;
}

.phone-list-padding {
    padding-top: 65px;
}

@media only screen and (max-width: 991px) {
    .btn-compare {
        position: fixed;
        bottom: 20px;
        left: 50%;
        z-index: 99;
        width: 400px;
        margin-left: -200px;
        background: #909090;
        border-bottom-color: #606060;
        line-height: 20px;
        font-size: 16px;
    }

    .checkbox-all-sm .filter-ic {
        width: 25%;
    }

    .checkbox-all-sm .filter-text {
        width: 50%;
    }

    .checkbox-all-sm .filter-input {
        width: 25%;
    }

    .filter-ic, .filter-input {
        width: 50%;
    }

    .pager-fixed .phone-list-paging {
        z-index: 99;
        right: 0;
        width: 40px;
        bottom: 70px;
        top: auto;
        height: initial;
    }

    .pager-fixed .page-numbers, .pager-fixed .prev-arrow, .pager-fixed .next-arrow {
        background-color: #eee;
        height: auto !important;
    }

    .pager-fixed div.phone-list-paging a.btn-prev:hover, .pager-fixed div.phone-list-paging a.btn-next:hover {
        background-position: center;
    }

    .pager-fixed div.phone-list-paging a, .pager-fixed div.phone-list-paging span {
        width: 40px;
        height: 30px;
        font-size: 20px;
        padding: 10px 0;
    }
}

@media only screen and (max-width: 769px) {

    .checkbox-two-xs .filter-ic {
        width: 50%;
    }

    .checkbox-two-xs .filter-text {
        width: 50%;
    }

    .checkbox-two-xs .filter-input {
        width: 50%;
    }

    .btn-compare {
        position: fixed;
        bottom: 70px;
        left: 50%;
        z-index: 99;
        width: 200px;
        margin-left: -100px;
        background: #909090;
        border-bottom-color: #606060;
    }

    .wiz-separator {
        top: 4px;
    }

    .phone-list-padding {
        padding-top: 85px;
    }

    .wiz-indicators {
        display: table;
    }

        .wiz-indicators > li {
            display: table-cell;
            background-position: center;
            background-size: 35px;
        }

    .tabs-devices .nav.nav-tabs {
        position: fixed;
        bottom: 0;
        z-index: 99;
        background-color: #ddd;
        width: 100%;
        border-bottom: 0;
    }

    .tabs-filter {
        width: 140px;
    }

    .filter-ic {
        background-size: 45px;
    }

    .checkbox.checkbox-filter.checkbox-filter-sm .filter-ic {
        background-size: 25px;
    }

    .tabs-devices .nav-tabs li a {
        width: 60px;
        height: 60px;
        background-size: 30px;
    }

    .checkbox-filter.checkbox-filter-sm {
        margin: 0;
    }
}

.tabpanel {
    position: relative;
}

@media only screen and (max-width: 513px) {
    .tabpanel .tab-content.container {
        padding-top: 100px;
    }

    .side-tabs {
        border-bottom: none;
        position: absolute;
        z-index: 999;
        top: 20px;
        width: 90%;
        margin-left: 5%;
        text-align: center;
        margin-top: 0;
    }

        .side-tabs > li > a {
            /*width: 160px;*/
            width: 100%;
        }

        .side-tabs > li:hover, .side-tabs > li.active {
            /*width: 160px;*/
            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;
            /*height: 60px;
            width: 60px;*/
            width: 32%;
            height: 60px;
        }

            .side-tabs > li > a > .filter-text {
                /*font-size: 18px;
                line-height: 20px;*/
                display: none;
            }

    .btn-compare {
        position: fixed;
        bottom: 70px;
        left: 50%;
        z-index: 99;
        width: 140px;
        margin-left: -70px;
        background: #909090;
        border-bottom-color: #606060;
    }

    .checkbox-filter.checkbox-filter-sm {
        height: 45px;
    }

    .tabs-devices .nav-tabs li:not(.tabs-filter) {
        /*width: 13.6%;*/
        width: 12.5%;
    }

    .tabs-devices .nav-tabs li a {
        width: 100%;
    }

    .pager-fixed .phone-list-paging {
        width: 100%;
        bottom: 57px;
        overflow: hidden;
        white-space: nowrap;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }

    .pager-fixed div.phone-list-paging div.prev-arrow, .pager-fixed div.phone-list-paging div.next-arrow {
        width: 12%;
        height: 40px !important;
        float: left;
    }

    .pager-fixed .page-numbers {
        width: 76% !important;
        padding-top: 0;
    }

        .pager-fixed .page-numbers .page-num {
            margin-top: 0;
            margin-bottom: 0;
            height: 40px;
            border-left: none;
        }

    .pager-fixed div.phone-list-paging a, .pager-fixed div.phone-list-paging span {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        line-height: 20px;
    }

    .pager-fixed .page-numbers .page-num.active, .pager-fixed .page-numbers .page-num:hover {
        color: #ffffff;
        background-color: #e20074;
        border-left: 0;
    }

    .pager-fixed div.phone-list-paging a.btn-prev:hover, .pager-fixed div.phone-list-paging a.btn-next:hover, .pager-fixed div.phone-list-paging a.btn-prev, .pager-fixed div.phone-list-paging a.btn-next {
        height: 40px;
    }

    .pager-fixed div.phone-list-paging a.btn-prev {
        background-image: url(../img/mobilna/pager_horizontal-prev.png);
    }

        .pager-fixed div.phone-list-paging a.btn-prev:hover {
            background-image: url(../img/mobilna/pager_horizontal-prev_hover.png);
        }

    .pager-fixed div.phone-list-paging a.btn-next {
        background-image: url(../img/mobilna/pager_horizontal-next.png);
    }

        .pager-fixed div.phone-list-paging a.btn-next:hover {
            background-image: url(../img/mobilna/pager_horizontal-next_hover.png);
        }

    .nav.nav-tabs .tabs-filter {
        position: fixed;
        right: 0;
        top: 55px;
        width: 100%;
        background-color: #eee;
        border-bottom: 1px solid #ccc;
    }

        .nav.nav-tabs .tabs-filter > div:first-child > div {
            border-right: 1px solid #e0e0e0;
        }

        .nav.nav-tabs .tabs-filter .filter-ic {
            width: 25%;
            background-size: 24px;
        }

        .nav.nav-tabs .tabs-filter .filter-text {
            display: table-cell !important;
            width: 55%;
            font-size: 16px;
        }

        .nav.nav-tabs .tabs-filter .filter-input {
            width: 20%;
        }

    .checkbox.checkbox-filter.checkbox-filter-xs .filter-input {
        padding-left: 10px;
    }
}

/*** PHONE LIST MOBILE END ***/


.article-preview {
    padding: 20px;
}

#redirectToAdsl {
    /*top: initial !important;*/
    position: static !important;
}



.rozev-tekst-klasa {
    color: #e20074;
}

h4 a {
    font-size: 18px;
}

.m-btn-posalji {
    margin: 10px;
}

.devices-item-content .ul.t-list li {
    border-bottom: none;
}

.devices-access-col .btn.btn-magenta-flat-sm, .devices-access-col .btn.btn-gray-flat-sm {
    padding: 5px !important;
}

.devices-access-col .txt-cjena {
    line-height: 1.6;
}

.devices-item.devices-tv .devices-item-content > div {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 20px;
    display: block;
    position: static;
}

    .devices-item.devices-tv .devices-item-content > div > ul {
        text-align: left;
		    margin-top: -20px;
    }

        /*@media only screen and (max-width: 769px) {
        .devices-item.devices-tv .devices-item-content > div > ul {
        text-align: center;
    }
    }*/

        .devices-item.devices-tv .devices-item-content > div > ul > li {
            display: block;
            background: url(../images/list-bullet.png) 0px 7px no-repeat !important;
            padding-right: 10px;
            padding-top: 2px;
            padding-bottom: 2px;
        }

    .devices-item.devices-tv .devices-item-content > div.devices-access-row {
        display: table;
        width: 100%;
        height: 134px;
        table-layout: fixed;
        border-spacing: 5px;
        padding-bottom: 10px;
    }

        .devices-item.devices-tv .devices-item-content > div.devices-access-row .devices-access-col {
            display: table-cell;
            height: 100%;
            width: 100%;
            vertical-align: top;
            position: relative;
        }

            .devices-item.devices-tv .devices-item-content > div.devices-access-row .devices-access-col .btn {
                position: absolute;
                bottom: 0;
                left: 0;
            }

.devices-item.devices-tv .devices-item-content .devices-acces-img {
    padding-bottom: 10px;
}

    .devices-item.devices-tv .devices-item-content .devices-acces-img > img {
        max-height: 152px;
        height: 152px;
    }

.tooltip-hover {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 3px;
    top: 3px;
}

    .tooltip-hover > .btn {
        width: 15px !important;
        height: 15px !important;
        padding: 0;
        display: block;
        background-color: transparent;
        color: #cccccc;
        border: 2px solid #cccccc;
        border-radius: 0;
        font-size: 11px;
        line-height: 1;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .tooltip-hover > .popover {
        visibility: hidden;
        opacity: 0;
        display: block;
        -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;
    }

    .tooltip-hover.tooltip-top-left > .popover {
        bottom: auto;
        left: auto;
        top: 0;
        right: 15px;
    }

    .tooltip-hover.tooltip-bottom-center > .popover {
        bottom: 15px;
        left: -75px;
        top: auto;
        right: auto;
    }

    .tooltip-hover > .btn:hover ~ .popover {
        visibility: visible;
        opacity: 1;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .tooltip-hover > .btn:hover {
        background-color: #e20074;
        color: #ffffff;
        border: 2px solid #e20074;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .tooltip-hover > button:hover > span {
        color: inherit;
        background-color: inherit;
    }

    .tooltip-hover .b-gray {
        border: 1px solid #dedede;
    }

.txt-cjena {
    font-size: 23px;
    letter-spacing: -1.2px;
}

.lh1 {
    line-height: 1;
}

.lh2 {
    line-height: 2;
}

.inline-block {
    display: inline-block;
}

.bold {
    font-weight: bold;
}

.white-holder .b-gray {
    border: 1px none #dedede;
}

.bl-none {
    border-left: none;
}

.br-none {
    border-right: none;
}

.mt35 {
    margin-top: 35px !important;
}

.input-help-txt {
    font-size: 12px !important;
    color: #e20074;
    margin-top: 20px;
    line-height: 16px;
}



.box-adsl-slika-naslovnaa {
    background-image: url(../content/images/adsl-som5.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
}


.prijava-adsl-slika-naslovnaa {
    background-image: url(../content/images/prijavaTvAdsl.png);
    background-repeat: no-repeat;
}

.c-magenta {
    color: #e20074;
}

.txt-sm {
    font-size: 10px;
}


.devices-access-col .txt-sm {
    font-size: 12px;
}


.custom-dropdown-wrapper {
    position: relative;
}

    .custom-dropdown-wrapper:hover .custom-dropdown {
        opacity: 1;
        visibility: visible;
        top: 42px;
        -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;
    }

.custom-dropdown-btn {
    position: relative;
    z-index: 100;
    padding: 10px;
    font-size: 14px;
    display: block;
    background-color: #fcfcfc;
    -webkit-box-shadow: 2px 2px 2px 0 #d8d8d8;
    -moz-box-shadow: 2px 2px 2px 0 #d8d8d8;
    box-shadow: 2px 2px 2px 0 #d8d8d8;
    border: 1px solid rgb(216, 216, 216);
    -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;
}

    .custom-dropdown-btn > p {
        font-size: inherit;
        color: inherit;
        margin: 0;
    }

    .custom-dropdown-btn .ion-ios-arrow-down {
        position: absolute;
        right: 10px;
        top: 5px;
        display: block;
        font-size: 30px;
        /*float: right;
        margin-top: 5px;*/
    }

    .custom-dropdown-btn:hover {
        background-color: #e20074;
        color: #ffffff;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        cursor: pointer;
    }

.custom-dropdown {
    padding: 0;
    display: block;
    background-color: #fcfcfc;
    -webkit-box-shadow: 2px 2px 2px 0 #d8d8d8;
    -moz-box-shadow: 2px 2px 2px 0 #d8d8d8;
    box-shadow: 2px 2px 2px 0 #d8d8d8;
    border: 1px solid rgb(216, 216, 216);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
    visibility: hidden;
    opacity: 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;
}

    .custom-dropdown > li {
        display: block;
        padding: 10px;
        background-color: transparent;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        border-bottom: 1px solid #eeeeee;
    }

        .custom-dropdown > li:hover {
            cursor: pointer;
            background-color: #eeeeee;
            -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;
        }

.widget-dostupan {
    background-image: url(../img/mobilna/dostupan.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    text-align: left;
    padding-left: 33px;
    color: #c9c9c9;
	position: absolute;
	bottom: 40px;
    width: 40%;
 
}

    .widget-dostupan span {
        max-width: 130px;
        display: inline-block;
        font-family: tele-groteskhalregular;
        font-size: 14px;
    }

@media only screen and (max-width:385px) {
    .widget-dostupan {
        font-family: tele-groteskhalregular;
        font-size: 14px;
    }
}

@media only screen and (max-width:767px) {
.widget-dostupan {

    height: 30px;
	    position: relative;
    bottom: 10px;
	    width: 100%;
	
}
}



.min-height-oKomp {
    min-height: 110px;
}

.marginReset {
    margin: 0;
}

.min-height-boxHome-33 {
    min-height: 33px;
}

.min-height-boxHome-84 {
    min-height: 84px;
}

.min-height-boxHome-130 {
    min-height: 130px;
}

.min-height-boxHome-135 {
    min-height: 85px;
}

@media screen and (min-width:767px) and (max-width:991px) {
    .min-height-boxHome-84 {
        min-height: 110px;
    }

    #middle-wrapper {
        padding-right: 0 !important;
    }

    .minHeight360 {
        min-height: 400px;
    }

    .min-height-boxHome-130 {
        min-height: 170px;
    }

    .min-height-boxHome-135 {
        min-height: 135px;
    }
}




.naslovna-text {
    color: white;
    font-size: 30px;
    text-align: left;
    padding-top: 15px;
}


    .naslovna-text span {
        color: white;
        font-weight: bold;
    }


.different-box-extraTV {
    box-shadow: 2px 2px 0 #ddd !important;
    background-color: #f5f5f5 !important;
}

@media screen and (min-width:767px) and (max-width:991px) {
    .tabs-devices .nav-tabs li a {
        height: 80px;
    }
}

@media screen and (min-width:767px) {
    .tabs-filter .checkbox-filter.checkbox-filter-sm {
        background: none;
        margin: 5px;
    }

    .checkbox-filter.checkbox-filter-sm {
        height: 36px;
    }

    .tabs-devices .nav-tabs li a {
        width: auto;
        margin-left: 1px;
        margin-right: 1px;
        margin-bottom: -1px;
        text-align: center;
        text-transform: uppercase;
        color: #555;
        font-family: tele-groteskhalregular;
        font-size: 14px;
        display: table;
        width: 100%;
        border-right: 2px solid #e3e3e3;
    }

    .tabs-devices .nav > li {
        position: relative;
        display: table-cell;
        float: none !important;
        /*width: 14.3%;*/
        /*width: 12.4%;*/
        /*width: 100%;*/
        width: 12.5%;
    }

    .tabs-devices .nav-tabs {
        border-bottom: 1px solid #ddd;
        display: table;
        table-layout: fixed;
        width: 100%;
    }

        .tabs-devices .nav-tabs li a span {
            vertical-align: bottom;
            display: table-cell;
            vertical-align: bottom;
            line-height: 15px;
        }
}

@media screen and (max-width:767px) {
    .wiz-indicators > li {
        padding: 25px 26px 25px 65px;
    }

    .three-boxes {
        /*background: white;*/
        padding: 0;
        min-height: 330px;
        min-height: 300px\9;
        font-family: 'tele-groteskhalregular';
    }

    .extra-tv-boxes .phone-box {
        margin-bottom: 15px;
    }

    .home-box {
        margin-bottom: 15px !important;
    }

    .home-box-content {
        padding: 20px 25px 20px !important;
    }
}

.ptz {
    padding-top: 15px !important;
}

@media screen and (max-width:710px) { /*(max-width:590px)*/
    .tabs-filter.right.visible-xs {
        display: none !important;
    }
}

.phone-box-ict {
    text-align: center;
}

    .phone-box-ict img {
        width: 60% !important;
        padding-bottom: 20px !important;
    }


.home-boxes-container.net.iha ul > li {
    display: block;
    background: url(../images/list-bullet.png) left 7px no-repeat !important;
    padding-left: 15px;
    line-height: 17px;
    color: #5e5e5e;
    margin-bottom: 7px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif !important;
    padding-top: 0px;
    padding-bottom: 1px;
    text-align: left;
    text-decoration: none;
}



    .home-boxes-container.net.iha ul > li a {
        color: #333 !important;
        font-family: tele-groteskhalregular;
    }



        .home-boxes-container.net.iha ul > li a:hover {
            color: #e20074 !important;
        }



.home-boxes-container.net.iha h4 {
    font-family: 'telegrotesk_headline_ultraRg';
    color: #2b2b2b;
    text-transform: uppercase;
    min-height: 50px;
    line-height: 20px;
    font-size: 19px;
    padding-top: 10px;
}

.home-boxes-container.net.iha p {
    text-align: left;
}

.minHeight360 {
    min-height: 360px;
}


/*.pozicija-aps-saznajte {
    position: absolute;
    bottom: 15%;
    left: 34%;
}*/

#redirectToAdsl .t-btn-group {
    max-width: 300px;
}


.optika-box-fix {
    margin-top: 20px;
    min-height: 195px;
}


.mH385 {
    min-height: 385px;
    min-height: 355px\9;
}

.wrz {
    max-width: 245px;
    margin: 0 auto;
}

    .wrz ul {
        min-height: 105px;
    }

.mb0 {
    margin-bottom: 0 !important;
}

.mh80 {
    min-height: 80px;
}

@media screen and (max-width:767px) {
    .kozamobilna #redirectToAdsl {
        height: auto;
        width: auto;
        padding: 0px;
        background-image: none !important;
        margin: 0 auto;
    }

    .kozamobilna input {
        margin: 0 auto;
        display: block !important;
        width: 91% !important;
        margin-top: 5px !important;
        margin-left: 0 !important;
    }

    #ebillbox {
        padding: 0 30px;
    }
}

.norton .phone-box.b-graylight {
    min-height: 320px;
    min-height: 285px\9;
}

.norton.nor-pos .phone-box.b-graylight {
    min-height: 302px;
    min-height: 255px\9;
}

.norton.nor-pos img {
    width: 60%;
}

#long-wrap .tabpanel-inner .nav-tabs {
    margin-bottom: 0;
    border-bottom: 0;
}

    #long-wrap .tabpanel-inner .nav-tabs li {
        padding: 0;
        background: none !important;
    }

.tabpanel-inner .nav-tabs li.active a {
    border: none;
    background: #e20074;
    color: #fff;
    -ms-border-radius: 0;
    border-radius: 0;
}

.tabpanel-inner .nav-tabs li a {
    color: #aaa;
    -ms-border-radius: 0;
    border-radius: 0;
    border: none;
}

    .tabpanel-inner .nav-tabs li a:hover {
        background: #e20074;
        color: #fff;
    }



@media screen and (max-width: 767px) {

    ul.mini-menu li a span {
        font-size: 12px;
    }

    #main-wrapper {
        background: #f0f0f0;
        /*height: 100%;*/
        /*padding-bottom: 114px;*/
    }
    /*.home-box {
        min-height: 415px;
    }*/
    .search-icon, .level-one.magen {
        width: 50px !important;
        border-right: 1px solid #e20074;
    }

    .korpa-kontainer {
        height: 55px;
        width: 50px;
    }

    .logo, .logo2 {
        display: block;
        float: left;
        padding-right: 0;
    }

    .level-one.magen {
        background: #CF026A url(../../images/portal.png) 10px center no-repeat !important;
        border-right: 1px solid #e20074;
    }

        .level-one.magen.kartice {
            background: #CF026A url(../../images/kartice-xs.png) 10px center no-repeat !important;
            border-right: 1px solid #e20074;
        }

    .search-icon {
        background: #CF026A url(../images/search-icon-mob.png) center center no-repeat !important;
        width: 55px;
        height: 40px;
        display: block;
        cursor: pointer;
    }

    .korpa-kontainer, .korpa-kontainer {
        background: #CF026A url(../images/korpa-mob.png) no-repeat center center !important;
    }

    .navbar-toggle {
        padding: 19px 13px !important;
    }

    .level-one.magen a, .level-one.magen a:hover {
        width: 45px;
        height: 55px;
    }

    .level-one.magen a {
        padding: 15px 20px !important;
    }

    .lang-mob {
        padding: 15px 18px 15px 0 !important;
    }

    #dsearch2.search-box, .magen-holder {
        top: 55px !important;
    }
}

.mgcl {
    color: #e20074;
}

#long-wrap ul.ct-bullet.standard li, ul.ct-bullet.standard li {
    display: block;
    background: url(../images/list-bullet.png) 0 18px no-repeat !important;
    padding-left: 15px;
    line-height: 21px;
    color: #5e5e5e;
    margin-bottom: 0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif !important;
    padding-top: 10px;
    padding-bottom: 0;
}

ul.ct-bullet.standard {
    margin-bottom: 30px;
}



/*birajte poklon kampanja pocetok*/
.box-biraj-poklon {
    border-radius: 3px;
    border: 1px solid #eaeaea;
    padding: 20px 5px;
    position: relative;
    min-height: 300px;
    margin-bottom: 15px;
    background: #ffffff; /* Old browsers */
    -webkit-box-shadow: 2px 1px 2px -1px #919191;
    -moz-box-shadow: 2px 1px 2px -1px #919191;
    box-shadow: 2px 1px 2px -1px #919191;
    border: 5px solid #ebebeb;
    margin: 0 15px;
    padding-right: 0;
    padding-bottom: 0;
}

.content-box-biraj {
    text-align: center;
    height: 100%;
}

    .content-box-biraj .biraj-skrtnata {
        font-family: 'tele-groteskfetregular';
        font-size: 32px;
        color: #7b7b7b;
        line-height: 1;
        font-weight: 700;
        margin-bottom: 15px;
        padding-top: 0;
        text-decoration: line-through;
    }

    .content-box-biraj .biraj-cena {
        font-size: 40px;
        color: #e20072;
        font-weight: 700;
        position: relative;
        z-index: 99;
        display: block;
    }

.biraj-naslov {
    text-transform: uppercase;
    color: #000000;
    font-size: 25px;
    padding-top: 25px;
}

.biraj-opis {
    font-size: 21px;
    color: #373737;
    font-family: 'tele-groteskhalregular';
    margin-top: 15px;
    line-height: 18px;
}

    .biraj-opis span {
        font-size: 17px;
        color: #797979;
    }

.box-biraj-poklon .large-5 {
    padding-right: 0;
}

.biraj-poklon {
    display: block;
    position: relative;
    width: auto;
    height: 300px;
    text-align: center;
}

.box-biraj-poklon {
    background-image: url('../images/biraj-poklon/poklon 1.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 200px;
}

.biraj-poklon-wrap {
    background: rgba(244,244,244,1);
    background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,244,244,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff', GradientType=0 );
    padding-bottom: 25px;
    background-image: url(../images/biraj-poklon/pokloni_kupce.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.content-box-biraj .biraj-button {
    width: 150px !important;
    margin: 0 auto;
    position: relative;
    float: none;
    margin-top: 40px;
}

.box-biraj-nokia {
    border-radius: 3px;
    border: 1px solid #eaeaea;
    padding: 20px 5px;
    position: relative;
    min-height: 335px;
    margin-bottom: 15px;
    background: transparent;
    -webkit-box-shadow: 2px 1px 2px -1px #919191;
    -moz-box-shadow: 2px 1px 2px -1px #919191;
    box-shadow: 2px 1px 2px -1px #919191;
    margin: 0 15px;
    padding-right: 0;
    padding-bottom: 0;
    background: #f8f8f8; /* Old browsers */
    background: -moz-linear-gradient(top, #f8f8f8 1%, #ececec 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f8f8f8), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8f8f8 1%,#ececec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8f8f8 1%,#ececec 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8f8f8 1%,#ececec 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f8f8f8 1%,#ececec 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}


.biraj-tel-karak {
    width: 70%;
    text-align: center;
    position: absolute;
    background-color: #ffffff;
    bottom: 0;
    top: 0;
    right: 0;
    -ms-opacity: 0.9;
    opacity: 0.9;
}

.biraj-poklon-img {
    display: block;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}

.box-biraj-nokia {
    height: auto;
    width: auto;
    padding: 20px;
    margin-top: 20px;
    margin-left: 15px;
}

.magenta-button.biraj-button2 {
    width: auto !important;
    left: 25%;
    position: absolute;
    z-index: 99;
    bottom: 15px;
}

.content-box-biraj .biraj-plusce {
    position: absolute;
    bottom: 55px;
    float: none;
    margin: 0 auto;
    left: 25%;
}

.poklon-mt {
    margin-top: 40px;
}
/*birajte poklon kampanja kraj*/

/*birajte poklon kampanja pocetok*/
.box-biraj-poklon {
    border-radius: 3px;
    border: 1px solid #eaeaea;
    padding: 20px 5px;
    position: relative;
    min-height: 300px;
    margin-bottom: 15px;
    background: #ffffff; /* Old browsers */
    -webkit-box-shadow: 2px 1px 2px -1px #919191;
    -moz-box-shadow: 2px 1px 2px -1px #919191;
    box-shadow: 2px 1px 2px -1px #919191;
    border: 5px solid #ebebeb;
    margin: 0 15px;
    padding-right: 0;
    padding-bottom: 0;
}

.content-box-biraj {
    text-align: center;
    height: 100%;
}

    .content-box-biraj .biraj-skrtnata {
        font-family: 'tele-groteskfetregular';
        font-size: 32px;
        color: #7b7b7b;
        line-height: 1;
        font-weight: 700;
        margin-bottom: 15px;
        padding-top: 0;
        text-decoration: line-through;
    }

    .content-box-biraj .biraj-cena {
        font-size: 40px;
        color: #e20072;
        font-weight: 700;
        position: relative;
        z-index: 99;
        display: block;
    }

.biraj-naslov {
    text-transform: uppercase;
    color: #000000;
    font-size: 25px;
    padding-top: 25px;
}

.biraj-opis {
    font-size: 21px;
    color: #373737;
    font-family: 'tele-groteskhalregular';
    margin-top: 15px;
    line-height: 18px;
}

    .biraj-opis span {
        font-size: 17px;
        color: #797979;
    }

.box-biraj-poklon .large-5 {
    padding-right: 0;
}

.biraj-poklon {
    display: block;
    position: relative;
    width: auto;
    height: 300px;
    text-align: center;
}

.box-biraj-poklon {
    background-image: url('../images/biraj-poklon/poklon 1.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 200px;
}

.biraj-poklon-wrap {
    background: #f4f4f4;
    background: rgba(244,244,244,1);
    background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,244,244,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff', GradientType=0 );
    padding-bottom: 25px;
}

.content-box-biraj .biraj-button {
    width: 150px !important;
    margin: 0 auto;
    position: relative;
    float: none;
    margin-top: 40px;
}

.box-biraj-nokia {
    border-radius: 3px;
    border: 1px solid #eaeaea;
    padding: 20px 5px;
    position: relative;
    min-height: 335px;
    margin-bottom: 15px;
    background: transparent;
    -webkit-box-shadow: 2px 1px 2px -1px rgba(145,145,145,1);
    -moz-box-shadow: 2px 1px 2px -1px rgba(145,145,145,1);
    box-shadow: 2px 1px 2px -1px rgba(145,145,145,1);
    margin: 0 15px;
    padding-right: 0;
    padding-bottom: 0;
    background: #f8f8f8; /* Old browsers */
    background: -moz-linear-gradient(top, #f8f8f8 1%, #ececec 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f8f8f8), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8f8f8 1%,#ececec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8f8f8 1%,#ececec 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8f8f8 1%,#ececec 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f8f8f8 1%,#ececec 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}


.biraj-tel-karak {
    width: 70%;
    text-align: center;
    position: absolute;
    background-color: #ffffff;
    bottom: 0;
    top: 0;
    right: 0;
    opacity: 0.9;
}

.biraj-poklon-img {
    display: block;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}

.box-biraj-nokia {
    height: auto;
    width: auto;
    padding: 20px;
    margin-top: 20px;
    margin-left: 15px;
}

.magenta-button.biraj-button2 {
    width: auto !important;
    left: 25%;
    position: absolute;
    z-index: 99;
    bottom: 15px;
}

.content-box-biraj .biraj-plusce {
    position: absolute;
    bottom: 55px;
    float: none;
    margin: 0 auto;
    left: 25%;
}

.poklon-mt {
    margin-top: 40px;
}


/*zaljueni pocetok*/
.zaljubljeni .superNedelaFev .box-biraj-poklon {
    border-radius: 3px;
    border: 1px solid #eaeaea;
    padding: 20px 5px;
    position: relative;
    min-height: 300px;
    margin-bottom: 15px;
    background: #ffffff; /* Old browsers */
    -webkit-box-shadow: 2px 1px 2px -1px #919191;
    -webkit-box-shadow: 2px 1px 2px -1px rgba(145,145,145,1);
    -moz-box-shadow: 2px 1px 2px -1px #919191;
    -moz-box-shadow: 2px 1px 2px -1px rgba(145,145,145,1);
    box-shadow: 2px 1px 2px -1px #919191;
    box-shadow: 2px 1px 2px -1px rgba(145,145,145,1);
    border: 5px solid #ebebeb;
    margin: 0 15px;
    padding-right: 0;
    padding-bottom: 0;
}


.zaljubljeni .superNedelaFev .mt130minus {
    margin-top: -130px !important;
    display: block;
    top: -310px;
    position: relative;
}

.zaljubljeni .superNedelaFev .biraj-poklon-wrap > .row:first-child .small-12 {
    padding: 0 !important;
}

.zaljubljeni .superNedelaFev .content-box-biraj {
    text-align: left;
    height: 100%;
    padding: 0 40px;
}

    .zaljubljeni .superNedelaFev .content-box-biraj .biraj-skrtnata {
        font-family: 'tele-groteskfetregular';
        font-size: 32px;
        color: #7b7b7b;
        line-height: 1;
        font-weight: 700;
        margin-bottom: 15px;
        padding-top: 0;
        text-decoration: line-through;
    }

    .zaljubljeni .superNedelaFev .content-box-biraj .biraj-cena {
        font-size: 40px;
        color: #e20072;
        font-weight: 700;
        position: relative;
        z-index: 99;
        display: block;
        padding-top: 10px;
    }

.zaljubljeni .superNedelaFev .biraj-naslov {
    text-transform: uppercase;
    color: #000000;
    font-size: 25px;
    padding-top: 25px;
}

.zaljubljeni .superNedelaFev .biraj-opis {
    font-size: 21px;
    color: #373737;
    font-family: 'tele-groteskhalregular';
    margin-top: 15px;
    line-height: 18px;
}

.zaljubljeni .superNedelaFev .biraj-opis2 {
    font-size: 18px;
    color: #555;
    font-family: 'tele-groteskhalregular';
    margin-top: 20px;
    line-height: 16px;
}


.zaljubljeni .superNedelaFev .alen {
    font-size: 16px;
    color: #737373;
    font-family: 'tele-groteskhalregular';
    margin-top: 15px;
    line-height: 16px;
    display: block;
}

.zaljubljeni .superNedelaFev .biraj-opis span {
    font-size: 17px;
    color: #797979;
}

.zaljubljeni .superNedelaFev .box-biraj-poklon .large-5 {
    padding-right: 0;
}

.zaljubljeni .superNedelaFev .biraj-poklon {
    display: block;
    position: relative;
    width: auto;
    height: 300px;
    text-align: center;
}

.zaljubljeni .superNedelaFev .box-biraj-poklon {
    background-image: url('../images/biraj-poklon/poklon 1.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 200px;
}

.zaljubljeni .superNedelaFev .biraj-poklon-wrap {
    background: #f4f4f4;
    background: rgba(244,244,244,1);
    background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,244,244,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff', GradientType=0 );
    padding-bottom: 25px;
}

.zaljubljeni .superNedelaFev .content-box-biraj .biraj-button {
    width: 150px !important;
    margin: 0 auto;
    position: relative;
    float: none;
    margin-top: 40px;
}

.zaljubljeni .superNedelaFev .box-biraj-nokia {
    border-radius: 3px;
    border: 1px solid #eaeaea;
    padding: 20px 5px;
    position: relative;
    min-height: 335px;
    margin-bottom: 15px;
    background: transparent;
    -webkit-box-shadow: 2px 1px 2px -1px #919191;
    -webkit-box-shadow: 2px 1px 2px -1px rgba(145,145,145,1);
    -moz-box-shadow: 2px 1px 2px -1px #919191;
    -moz-box-shadow: 2px 1px 2px -1px rgba(145,145,145,1);
    box-shadow: 2px 1px 2px -1px #919191;
    box-shadow: 2px 1px 2px -1px rgba(145,145,145,1);
    margin: 0 15px;
    padding-right: 0;
    padding-bottom: 0;
    background: #f8f8f8; /* Old browsers */
    background: -moz-linear-gradient(top, #f8f8f8 1%, #ececec 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f8f8f8), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8f8f8 1%,#ececec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8f8f8 1%,#ececec 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8f8f8 1%,#ececec 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f8f8f8 1%,#ececec 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}


.zaljubljeni .superNedelaFev .biraj-tel-karak {
    width: 70%;
    text-align: center;
    position: absolute;
    background-color: #ffffff;
    bottom: 0;
    top: 0;
    right: 0;
    opacity: 0.9;
}

.zaljubljeni .superNedelaFev .biraj-poklon-img {
    display: block;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}

.zaljubljeni .superNedelaFev .box-biraj-nokia {
    height: 410px;
    width: auto;
    padding: 20px;
    margin-top: 20px;
    margin-left: 15px;
}

.zaljubljeni .superNedelaFev .magenta-button.biraj-button2 {
    width: auto !important;
    left: 16%;
    position: absolute;
    z-index: 99;
    bottom: 35px;
}

.zaljubljeni .superNedelaFev.content-box-biraj .biraj-plusce {
    position: absolute;
    bottom: 55px;
    float: none;
    margin: 0 auto;
    left: 25%;
}

.zaljubljeni .superNedelaFev .poklon-mt {
    margin-top: 40px;
}

.zaljubljeni .superNedelaFev .text-obj-sup {
    padding: 30px;
    font-weight: bold;
    font-size: 14px;
    color: #e20074;
}

.zaljubljeni .superNedelaFev .catcher-30postoSNF {
    position: absolute;
    margin-left: -90px;
    margin-top: 45px;
    width: 80px;
}

.srcinja {
    background-image: url(../images/zaljubljeni/srcinja.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 300px;
}


.zaljubljeni .biraj-tel img {
    width: 67%;
}


.z-left {
    left: 40px !important;
}


@media screen and (max-width:767px) {

    .zaljubljeni .superNedelaFev .content-box-biraj {
        padding: 0 25px;
    }

    .zaljubljeni .superNedelaFev .mt130minus {
        margin-top: 195px !important;
    }

    .z-left {
        left: 25px !important;
    }

    .three-boxes .magenta-text {
        display: block;
    }
}
/*zaljubeni kampanja kraj*/

.ect-akcija {
    position: absolute;
    margin-left: 110px !important;
    width: 120px;
}


/*#region HTC PROMO*/
.promo_htcChampion {
    margin: -22px -27px 0;
}

    .promo_htcChampion .promo_banner {
        background: url("../images/htctopka/pozadina.png") no-repeat center;
        background-size: cover;
        padding-bottom: 40px;
    }

    .promo_htcChampion .promo_title {
        padding: 20px;
        color: #fff;
        font-family: 'tele-groteskfetregular';
    }

        .promo_htcChampion .promo_title h1 {
            font-size: 40px;
            line-height: 1;
            font-weight: bold;
        }

        .promo_htcChampion .promo_title h2 {
            border-bottom: none;
            color: #fff;
            font-size: 20px;
            line-height: 1;
            margin: 0;
        }

    .promo_htcChampion .promo_phone {
        position: relative;
        z-index: 1;
        /*width: 50%;
        display: inline-block;*/
    }

    .promo_htcChampion .promo_btnColor_wrapper {
        width: 100%;
        display: table;
        position: absolute;
        bottom: 100px;
        padding: 0 50px;
    }

        .promo_htcChampion .promo_btnColor_wrapper .promo_btnColor {
            display: table-cell;
        }

            .promo_htcChampion .promo_btnColor_wrapper .promo_btnColor.selected img {
                /*border: 1px solid #e20074;*/
                border-radius: 5px;
                box-shadow: 0 0 12px #e20074;
                -moz-transition: all 0.2s ease-in;
                -o-transition: all 0.2s ease-in;
                -webkit-transition: all 0.2s ease-in;
                transition: all 0.2s ease-in;
            }

    /*.promo_htcChampion .promo_btnColor_wrapper .promo_btnColor:hover img {
                border: 1px solid #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;
            }*/

    .promo_htcChampion .promo_panel {
        margin-left: -55px;
        text-align: center;
        /*width: 40%;*/
        display: inline-block;
        position: relative;
    }

        .promo_htcChampion .promo_panel a {
            position: absolute;
            bottom: 40px;
            /*left: 50px;
            right: 50px;*/
            left: 80px;
            right: 80px;
            cursor: pointer;
        }

#long-wrap .promo_htcChampion .home-phones-container .nav.nav-tabs {
    border-bottom: none;
    margin: 15px 15px 0;
}

    #long-wrap .promo_htcChampion .home-phones-container .nav.nav-tabs li {
        background: none !important;
        padding: 0;
        margin: 0;
    }

.promo_htcChampion .home-phones-container .nav.nav-tabs li a {
    background: #ffffff;
    padding: 10px 20px;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    border-radius: 0;
    color: #e20074;
}

.promo_htcChampion .home-phones-container .nav.nav-tabs li.active a {
    background: #F0F0F0;
}

.promo_htcChampion .home-phones-container .tab-content {
    margin: 2px;
    padding: 20px 30px 0;
}

@media screen and (max-width: 991px) {
    .promo_htcChampion .promo_btnColor_wrapper {
        bottom: 70px;
    }

    .promo_htcChampion .promo_panel a {
        bottom: 20px;
        left: 20px;
        right: 20px;
    }
}
/*#endregion*/

.box-mobapp1, .box-mobapp2, .box-mobapp3 {
    padding: 18px;
    min-height: 224px;
    max-height: 330px;
}

    .box-mobapp1 h2, .box-mobapp2 h2, .box-mobapp3 h2 {
        font-size: 22px;
        padding-top: 15px;
    }

    .box-mobapp1 hr, .box-mobapp2 hr, .box-mobapp3 hr {
        margin-bottom: 5px;
        margin-top: 20px;
    }

    .box-mobapp1 img, .box-mobapp2 img, .box-mobapp3 img {
        margin-right: 10px;
    }


.box-mobapp1 {
    background-color: #fcf1f7;
    padding-left: 25px;
}

.box-mobapp2 {
    background-color: #f8f1e2;
}

.box-mobapp3 {
    background-color: #edf1f4;
    padding-right: 25px;
}

@media screen and (min-width: 767px) and (max-width: 1200px) {

    .box-mobapp1, .box-mobapp2, .box-mobapp3 {
        height: 254px;
    }
}

@media screen and (min-width:767px) {
    #apps.collapse {
        display: block;
        visibility: visible;
    }
}

@media screen and (max-width:768px) {

    .box-mobapp1, .box-mobapp2, .box-mobapp3 {
        padding: 20px 35px;
    }
}


/*#region MENU HOVER*/

@media screen and (min-width: 768px) {
    .wb-korpa .shopping-basket2, .search-container .search-box {
        display: block;
        visibility: hidden;
        opacity: 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;*/
    }

    .wb-korpa:hover .shopping-basket2, .search-container:hover .search-box {
        visibility: visible;
        display: block;
        opacity: 1;
        /*-moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;*/
    }
}
/*#endregion*/

.zdetali p {
    font-family: 'tele-groteskhalregular';
    font-size: 17px;
    color: #1f1b20;
    padding-top: 20px;
}


/* Border - bottom  */
.bbtm {
    border-bottom: 1px solid #e5e5e5;
}


/* 4G Kampanja*/

.a4g-kampanja {
    background-color: #fff;
    font-family: 'tele-groteskhalregular';
}

    .a4g-kampanja p, .a4g-kampanja ul, .a4g-kampanja li {
        font-family: 'tele-groteskhalregular' !important;
    }


    .a4g-kampanja .a4g-kampanja-wrap {
        min-height: 300px;
    }

    .a4g-kampanja .rozov-text {
        padding: 5px;
        text-align: center;
        background-color: white;
        display: block;
        width: 100%;
        margin: 15px 0;
        font-size: 18px;
        position: relative;
        z-index: 3;
        color: #e20074;
    }

    .a4g-kampanja .naslov {
        padding-top: 40px;
        width: 70%;
        margin-left: 125px;
    }



    .a4g-kampanja .dvojkaBox {
        height: 234px;
        display: table-cell;
        vertical-align: bottom;
        padding: 11px;
        padding-left: 26px;
    }

        .a4g-kampanja .dvojkaBox h1 {
            margin-top: 20px;
            color: white;
            font-size: 16px;
            font-family: 'tele-groteskfetregular';
        }

        .a4g-kampanja .dvojkaBox h6 {
            color: white;
            margin-top: 2px;
            font-weight: 100;
            font-size: 14px;
            margin-bottom: 0;
            line-height: 15px;
            font-family: 'tele-groteskfetregular';
        }

        .a4g-kampanja .dvojkaBox h2 {
            color: white;
            font-weight: bold;
            margin-bottom: 0;
            font-family: 'tele-groteskhalregular';
            padding: 0;
            padding-bottom: 10px;
            font-size: 30px;
        }


        .a4g-kampanja .dvojkaBox h5 {
            color: white;
            font-weight: 100;
            font-size: 12px;
            font-family: 'tele-groteskfetregular';
            padding-top: 10px;
            padding-bottom: 10px;
        }


    .a4g-kampanja .siten-tekst {
        width: 100% !important;
        font-size: 9px !important;
        margin-top: 15px;
        margin-bottom: 15px;
    }


    .a4g-kampanja .opis-footer {
        color: white;
        padding-left: 20px;
    }

        .a4g-kampanja .opis-footer h2 {
            font-size: 24px;
            padding: 0;
            padding-top: 25px;
            color: white;
        }

        .a4g-kampanja .opis-footer p {
            color: white;
        }


        .a4g-kampanja .opis-footer ul {
            color: white;
            padding-left: 30px;
        }



        .a4g-kampanja .opis-footer li {
            color: white !important;
        }

    .a4g-kampanja .Dvojkatelefon1 {
        margin-top: 55px;
        margin-left: 15px;
    }

    .a4g-kampanja .Dvojkatelefon5 {
        display: block;
        margin: 0 auto;
        margin-left: 0;
    }


    .a4g-kampanja .catcher-sin {
        position: absolute;
        margin-left: 320px;
        margin-top: 60px;
    }


.Dvojkatelefon {
    margin: 0 auto;
    display: block;
}

.mt40dd {
    margin-top: 40px !important;
}

.vijesti {
    background-image: url("../images/poklon/bcg.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 20px;
}

.volitepodnaslov {
    position: relative;
}

    .volitepodnaslov h3 {
        padding: 5px;
        text-align: center;
        background-color: white;
        display: block;
        width: 100%;
        margin: 15px 0;
        font-size: 18px;
        position: relative;
        z-index: 3;
    }

    .volitepodnaslov .volitepoklonce-gore {
        position: absolute;
        right: 0px;
        bottom: -50px;
        z-index: 2;
    }

img.volimtelefon {
    width: 369px !important;
    height: auto;
    margin: 0 -26%;
    max-width: 155%;
}

.volimdetali {
    width: 70%;
    margin: 0 auto;
}

    .volimdetali h1 {
        margin-top: 20px;
        color: white;
        font-size: 19px;
    }

    .volimdetali h6 {
        color: white;
        margin-top: 2px;
        font-weight: 100;
        font-size: 15px;
        margin-bottom: 0;
        line-height: 15px;
    }

    .volimdetali h2 {
        color: white;
        font-weight: bold;
        margin-bottom: -3px;
    }

    .volimdetali h5 {
        color: white;
        font-weight: 100;
        font-size: 11px;
    }

.poklon-od-strana {
    background-image: url("../images/poklon/poklon dole.png");
    background-repeat: no-repeat;
    background-position: top right;
    padding: 0 20px;
    background-size: 280px;
    margin-top: 20px;
}

    .poklon-od-strana h2 {
        color: white;
        font-weight: bold;
        font-size: 23px;
        margin-top: 20px;
        margin-bottom: 3px;
    }

    .poklon-od-strana li {
        color: white !important;
        font-size: 15px !important;
    }

    .poklon-od-strana p {
        color: white;
        width: 60%;
        margin-bottom: 3px;
    }

    .poklon-od-strana .siten-tekst {
        width: 100% !important;
        font-size: 9px !important;
        margin-top: 15px;
        margin-bottom: 15px;
    }

/**/

h1.naslov-4g {
    font-size: 32pt;
    color: #e20074;
    line-height: 1;
    font-family: tele-groteskfetregular;
    font-weight: normal;
    margin-bottom: 20px;
}

h3.naslov-mobilen {
    color: #e20074;
    line-height: 1;
    text-transform: uppercase;
    font-family: 'tele-groteskfetregular';
}


.m-bg {
    background-image: url("../images/4g-kampanja/m-bg.png");
    background-repeat: no-repeat;
    background-position: top right;
    padding: 20px 30px 20px 20px;
    /*background-size: 280px;
    margin-top: 20px;*/
    margin-top: 20px;
}

    .m-bg p, .m-bg ul, .m-bg li {
        color: #fff !important;
    }

    .m-bg ul, .m-bg li {
        font-size: 14pt;
    }

p.m-bg-1p {
    font-family: 'tele-grotesknorregular';
    font-weight: normal;
    font-size: 22px;
    line-height: 1;
}

p.siten-tekst-4g {
    font-size: 8pt;
    margin-top: 20px;
}

.mobBox h2 {
    color: #e20074;
    padding: 0;
    font-size: 25pt;
    font-family: 'tele-groteskfetregular';
    margin-bottom: 4px;
    line-height: 0.9;
}

.mobBox h6 {
    margin-top: 10px;
    font-weight: normal;
    font-size: 11pt;
    font-family: 'tele-groteskhalregular';
    color: #3d3d3d;
    margin-bottom: 0;
}

.mobBox h5 {
    margin-bottom: 15px;
    font-weight: normal;
    font-size: 10pt;
    font-family: 'tele-groteskhalregular';
    color: #3d3d3d;
}


ul li.w-b {
    display: block;
    background: url(../images/list-bullet-white.png) 0 6px no-repeat !important;
    padding-left: 15px;
    line-height: 135%;
    color: #5e5e5e;
    margin-bottom: 7px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif !important;
}




span.telekom-web {
    margin-left: 20px;
}

img.eye-catcher-4g {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
}

/*custom resp*/

.np-col {
    float: left;
    min-height: 1px;
    position: relative;
    width: 20%;
    padding: 10px 10px;
}


/* Define mobile styles */

@media only screen and (max-width: 400px) {

    .mobBox {
        text-align: center;
    }

    .np-col {
        float: left;
        width: 100%;
    }
}


@media only screen and (min-width: 401px) and (max-width: 640px) {
    .np-col {
        float: left;
        width: 33.3%;
    }
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
    .np-col {
        float: left;
        width: 33.3%;
    }
}

@media only screen and (max-width: 445px) {
    .m-bg {
        background-image: url("../images/4g-kampanja/m-bg.png");
        background: #E20B78;
        background-repeat: no-repeat;
        background-position: top right;
        padding: 20px 30px 20px 20px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 991px) {
    img.eye-catcher-4g {
        position: relative;
        z-index: 1;
        top: 0;
        left: 0;
    }
}



/* 4G Kampanja kraj*/

a.close- {
    display: none;
    visibility: hidden;
}

#fancybox-wrap {
    max-width: 960px !important;
}

#fancybox-content {
    max-width: 960px !important;
    background: white;
}

#fancybox-close {
    top: 5px !important;
    right: -15px !important;
}

.carousel-movies-wrapper > .carousel > .carousel-inner > .item > img.imdb-logo {
    width: auto;
}


ul.slim {
    margin-bottom: 20px !important;
    margin-left: 15px;
}

    ul.slim li {
        margin-bottom: 7px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }



ul.slim2 {
    margin-bottom: 20px !important;
    margin-left: 15px;
}

    ul.slim2 li {
        margin-bottom: 7px;
        padding-top: 10px !important;
        padding-bottom: 0 !important;
    }






.content.inner.no-gray-menu {
    padding-top: 5px !important;
}


.btn-home-page {
    margin-top: -44px;
    position: relative;
    display: block;
    width: auto;
    max-width: 150px;
    left: 0;
}

.prepaidpakete img {
    box-shadow: none !important;
}

.ict-det-btn2 {
    top: 55%;
    left: 50%;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: white;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #E20074;
    border-radius: 10px;
}

.carousel-control.left.app, .carousel-control.right.app {
    position: absolute;
    display: block;
    height: 40px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    color: transparent;
    top: 55%;
    margin-top: -30px;
    padding: 0;
    border: none;
    outline: none;
    color: transparent;
    background-size: contain !important;
}

.carousel-control.left.app {
    background-image: url("../images/left-rd.png") !important;
}

.carousel-control.right.app {
    background-image: url("../images/right-rd.png") !important;
}

@media screen and (max-width:767px) {
    .content.inner.no-gray-menu {
        padding-top: 50px !important;
    }
}

.onSaleImg {
     position: absolute !important;
    z-index: 1 !important;
    top: 50px !important;
    left: 3px !important;
    width: 150px;
    max-width: 100% !important;
    max-height: 100% !important;
}

ul.letter-list:after, ul.letter-list:before {
    clear: both;
    content: '';
    display: table;
}

.mceItemTable p {
    width: inherit !important;
}

tr.header {
    font-weight: bold;
    background: white !important;
    border-bottom: 2px solid #e20074;
}



.bold-h2-ma {
    font-weight: bold !important;
    text-transform: uppercase;
    border-bottom: none !important;
    font-size: 35px !important;
    color: white !important;
}


.p-sold-out {
    min-height: 115px;
}


.izbor-sim {
    margin-top: 20px;
    width: 45%;
}

.e20074 {
    color: #e20074;
}


.tako-lako-p {
    /*background-image: url("../content/images/tako-lako-back.jpg");*/
    background-repeat: no-repeat;
}




/*HTC ONEM9 start*/
.htc-m9 .gift-back {
    background-image: url(../content/images/htc-m9/prikazi-vise.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 72px;
}

.htc-m9 .gift-back2 {
    background-image: url(../content/images/htc-m9/prikazi-manje.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 72px;
}


.htc-m9 .gift-back a {
    display: block;
    width: 100%;
    height: 80px;
}

.htc-m9 .gift-back2 a {
    display: block;
    width: 100%;
    height: 80px;
}



.htc-m9 .gift-box {
    padding: 20px;
    background-color: #f0f0f0 !important;
    background: -moz-linear-gradient(top, #fffdfc 0%, #e7e7e7 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffdfc), color-stop(100%,#e7e7e7)) !important;
    background: -webkit-linear-gradient(top, #fffdfc 0%,#e7e7e7 100%) !important;
    background: -o-linear-gradient(top, #fffdfc 0%,#e7e7e7 100%) !important;
    background: -ms-linear-gradient(top, #fffdfc 0%,#e7e7e7 100%) !important;
    background: linear-gradient(to bottom, #fffdfc 0%,#e7e7e7 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfc', endColorstr='#e7e7e7',GradientType=0) !important;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1) !important;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1) !important;
    box-shadow: 1px 1px 1px rgba(0,0,0,.1) !important;
    border: 1px solid #ebebeb;
    width: 80%;
}


.htc-m9 .kopce-centar {
    display: block;
    width: 210px;
    margin: 0 20%;
    margin-top: 100px;
}

.htc-m9 .panel {
}

.htc-m9 .panel-default > .panel-heading {
    background-color: transparent;
}

.htc-m9 .panel-default {
    border-color: transparent;
}

.htc-m9 .panel-group {
    margin-bottom: 20px;
    margin-top: 20px;
}


.htc-m9 .center {
    display: block;
    margin: 0 auto;
}


@media screen and (max-width:767px) {
    .htc-m9 .gift-box {
        padding: 20px;
        background-color: #f0f0f0 !important;
        background: -moz-linear-gradient(top, #fffdfc 0%, #e7e7e7 100%) !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffdfc), color-stop(100%,#e7e7e7)) !important;
        background: -webkit-linear-gradient(top, #fffdfc 0%,#e7e7e7 100%) !important;
        background: -o-linear-gradient(top, #fffdfc 0%,#e7e7e7 100%) !important;
        background: -ms-linear-gradient(top, #fffdfc 0%,#e7e7e7 100%) !important;
        background: linear-gradient(to bottom, #fffdfc 0%,#e7e7e7 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfc', endColorstr='#e7e7e7',GradientType=0) !important;
        -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1) !important;
        -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1) !important;
        box-shadow: 1px 1px 1px rgba(0,0,0,.1) !important;
        border: 1px solid #ebebeb;
        width: 100%;
        margin-top: 40px;
    }


    .htc-m9 .kopce-centar {
        display: block;
        width: 210px;
        margin: 0 20%;
        margin-top: 20px;
    }
}

.htc-m9 .t-list li {
    padding-bottom: 0px;
    padding-top: 10px;
    margin-bottom: 0;
}


/*HTC ONEM9 end*/


/*benefiti kupovine start*/

.benefiti-kupovina {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px;
}

    .benefiti-kupovina .box-gray {
        background-color: #f0f0f0 !important;
        background: -moz-linear-gradient(top, #fffdfc 0%, #e7e7e7 100%) !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffdfc), color-stop(100%,#e7e7e7)) !important;
        background: -webkit-linear-gradient(top, #fffdfc 0%,#e7e7e7 100%) !important;
        background: -o-linear-gradient(top, #fffdfc 0%,#e7e7e7 100%) !important;
        background: -ms-linear-gradient(top, #fffdfc 0%,#e7e7e7 100%) !important;
        background: linear-gradient(to bottom, #fffdfc 0%,#e7e7e7 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfc', endColorstr='#e7e7e7',GradientType=0) !important;
        -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1) !important;
        -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1) !important;
        box-shadow: 1px 1px 1px rgba(0,0,0,.1) !important;
        margin-bottom: 20px;
    }


    .benefiti-kupovina .box-gray-bk1 {
        background-image: url(../content/images/benefiti/box1.png);
        background-position: left center;
        background-repeat: no-repeat;
        min-height: 210px;
        background-size: 80px;
        padding-left: 90px;
        padding-top: 2%;
        padding-right: 15px;
    }

    .benefiti-kupovina .box-gray-bk2 {
        background-image: url(../content/images/benefiti/box2.png);
        background-position: left center;
        background-repeat: no-repeat;
        min-height: 210px;
        background-size: 80px;
        padding-left: 90px;
        padding-top: 2%;
        padding-right: 15px;
    }

    .benefiti-kupovina .box-gray-bk3 {
        background-image: url(../content/images/benefiti/box3.png);
        background-position: left center;
        background-repeat: no-repeat;
        min-height: 210px;
        background-size: 80px;
        padding-left: 90px;
        padding-top: 2%;
        padding-right: 15px;
    }

    .benefiti-kupovina .checked-image {
        background-image: url(../content/images/benefiti/checked.png);
        background-position: left center;
        background-repeat: no-repeat;
        min-height: 70px;
        padding-top: 7%;
        padding-left: 65px;
        line-height: 18px;
    }

    .benefiti-kupovina .box-gray h3 {
        text-transform: uppercase;
        font-weight: bold;
    }


    .benefiti-kupovina .modal-footer {
        padding: 15px;
        text-align: center;
        border-top: none;
    }

    .benefiti-kupovina .modal-content {
        background: transparent;
    }


    .benefiti-kupovina .modal-body {
        padding: 0px;
    }

    .benefiti-kupovina .modal-title {
        color: white;
        font-size: 25px;
        padding: 0;
    }


    .benefiti-kupovina .modal-header .close {
        margin-top: -22px;
        margin-right: -22px;
        color: black;
        opacity: 1;
        font-size: 23px;
        padding: 1px 6px;
    }

    .benefiti-kupovina .modal-header button.close {
        background: #ccc;
        border-radius: 14px;
    }



@media (max-width:450px) {
    .benefiti-kupovina .box-gray-bk3, .benefiti-kupovina .box-gray-bk2, .benefiti-kupovina .box-gray-bk1 {
        padding-left: 15px;
        padding-top: 2%;
        padding-right: 15px;
        background: none;
    }

    .benefiti-kupovina .checked-image {
        background-size: 30px;
        padding-left: 35px;
    }

    .benefiti-kupovina .modal-header .close {
        margin-top: 0px;
        margin-right: 0px;
    }
}

#myModal.modal {
    z-index: 999999 !important;
}

.home-boxes-container.web {
    cursor: pointer;
}




/*benefiti kupovine start*/




/* Holiday prepaid paket - kampanja*/

.holiday-prepaid-paket {
    color: #000;
}

.language-chooser {
    position: absolute;
    right: 10px;
    top: 10px;
}


    .language-chooser img {
        float: left;
        margin-right: 10px;
    }

.holiday-prepaid-paket {
    background-image: url(../images/holiday-prepaid-paket/holiday-bg.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #d8cec5;
    padding: 30px;
    position: relative;
}


.hpp-border-bottom {
    margin: 30px 0px;
    height: 15px;
    overflow: visible;
    width: 100% !important;
    /* height: auto; */
    background-image: url(../images/holiday-prepaid-paket/border-holiday.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}


.hpp-img-intro {
    width: 100%;
    height: auto;
}

    .hpp-img-intro img {
        width: 100%;
        max-width: 460px;
        height: auto;
    }


.hpp-img-intro-ii {
    margin-bottom: 50px;
    margin-top: -25px;
    width: 100%;
    height: auto;
}

    .hpp-img-intro-ii img {
        float: right;
        width: 100%;
        max-width: 340px;
        height: auto;
    }


.holiday-prepaid-paket > h2, .holiday-prepaid-paket h3 {
    border-bottom: 0;
}

.holiday-prepaid-paket h2.intro-h-p-p {
    font-family: 'telegrotesk_headline_ultraRg';
    text-transform: uppercase;
    font-size: 19px;
    border-bottom: 0;
}


    .holiday-prepaid-paket h2.intro-h-p-p.al {
        font-weight: bold;
        font-family: 'tele-groteskhalregular';
        text-transform: uppercase;
        font-size: 19px;
        border-bottom: 0;
    }

.box-hol {
    position: relative;
    overflow: auto;
    background-color: rgba(226, 0, 116, 0.9);
    padding: 10px;
    min-height: 305px;
    border-radius: 5px;
    border: 4px solid rgba(197, 197, 197, 0.9);
    margin-bottom: 20px;
}

    .box-hol.ru {
        min-height: 369px;
    }

.holiday-prepaid-paket .box-hol h2 {
    font-family: 'telegrotesk_headline_ultraRg';
    color: white;
    border-bottom: 0;
    font-size: 19px;
}

    .holiday-prepaid-paket .box-hol h2.al-h {
        font-weight: bold;
        font-family: 'tele-groteskhalregular';
    }

.holiday-prepaid-paket .box-hol p {
    color: white;
}


.holiday-prepaid-paket h2.phone-name {
    border-bottom: 0px;
    font-family: 'telegrotesk_headline_ultraRg';
    color: #000;
}

.holiday-prepaid-paket h2.cena-hpp {
    font-size: 75px;
    font-family: 'telegrotesk_headline_ultraRg';
    color: #EB008B;
    border-bottom: 0;
}


h2.phone-name.sbrio {
    padding-top: 65px;
}

.phone-descr-hpp-al {
    padding-top: 120px;
    padding-left: 30%;
}

.samsung-brio img.sbimg {
    float: left;
}

.acer-liquid img.alimg {
    float: right;
}

.acer-liquid {
    margin-top: -60px;
}



.holiday-prepaid-paket .mob-int-prepaid h2 {
    color: #000;
    border-bottom: 0;
}

    .holiday-prepaid-paket .mob-int-prepaid h2 span {
        font-family: 'telegrotesk_headline_ultraRg';
    }


        .holiday-prepaid-paket .mob-int-prepaid h2 span.al-hh {
            font-weight: bold;
            font-family: 'tele-groteskhalregular';
        }

.holiday-prepaid-paket .mob-int-prepaid p {
    color: #000;
}

.holiday-prepaid-paket .mob-int-prepaid h2 span.cena-mi {
    font-family: 'telegrotesk_headline_ultraRg';
    font-size: 30px;
}

.holiday-prepaid-paket .mob-int-prepaid h2.hpp-mi-sve-za {
    margin-top: 50px;
    text-align: right;
}


.holiday-prepaid-paket .mob-int-prepaid ul.hpp-mi-list > li {
    font-size: 17px !important;
    padding: 12px !important;
    color: #000 !important;
}

.holiday-prepaid-paket .mob-int-prepaid h2 span.cena-mi {
    font-family: 'telegrotesk_headline_ultraRg';
    font-size: 75px;
    color: rgb(235, 0, 139);
    line-height: 0.8;
}


ul.nav.nav-tabs.hpp {
    border-bottom: none;
    float: right;
    top: 0;
    right: 10px;
    position: absolute;
}


.nav.nav-tabs.hpp > li.active > a, nav.nav-tabs.hpp > li.active > a:hover, nav.nav-tabs.hpp > li.active > a:focus {
    cursor: default;
    background-color: transparent;
    border-color: transparent;
}


.nav.nav-tabs.hpp > li > a:hover, .nav.nav-tabs.hpp > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}

.nav.nav-tabs.hpp > li > a:hover {
    border-color: transparent;
}

.nav.nav-tabs.hpp > li > a {
    padding: 0;
}


@media screen and (max-width: 992px) {
    .hpp-img-intro-ii {
        margin-top: 10px;
    }
}

@media (min-width:620px ) and (max-width: 992px) {
    .acer-liquid {
        margin-top: 0px;
    }

    .phone-descr-hpp-al {
        padding-top: 60px;
        padding-left: 0;
    }
}

@media screen and (max-width: 768px) {
    .nav.nav-tabs.hpp > li {
        border-bottom: 0;
    }

    .holiday-prepaid-paket .mob-int-prepaid h2.hpp-mi-sve-za {
        margin-top: 30px;
        text-align: left;
    }

    .holiday-prepaid-paket {
        padding: 40px 15px 15px 15px;
    }
}

@media screen and (max-width: 619px) {
    .acer-liquid {
        margin-top: 0px;
    }

    .phone-descr-hpp-al {
        padding-top: 50px;
        padding-left: 0;
    }
}



@media screen and (max-width: 664px) {
    .holiday-prepaid-paket .mob-int-prepaid h2 span.cena-mi, .holiday-prepaid-paket h2.cena-hpp {
        font-size: 55px;
    }

    .kopce-fiksirano-sea {
        margin-top: 0;
        margin-right: 0px;
    }
}



@media screen and (max-width: 530px) {

    .samsung-brio img.sbimg, .acer-liquid img.alimg {
        float: none;
        clear: both;
    }

    h2.phone-name.sbrio {
        padding: 10px 0;
    }

    .phone-descr-hpp-al {
        padding-top: 20px;
        padding-left: 0;
    }
}


#long-wrap ul.nav.nav-tabs.hpp li {
    background: none !important;
    padding: 10px 2px;
}

img.sve-za-al {
    width: 100%;
    max-width: 180px;
    height: auto;
}

/* END Holiday prepaid paket - kampanja*/


.mb-pb-0 {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.kopce-fiksirano-sea {
    margin-top: 57%;
    margin-right: 5px;
}

@media screen and (max-width: 991px) {

    .kopce-fiksirano-sea {
        margin-top: 0;
        margin-right: 0px;
    }
}

@media screen and (max-width: 768px) {

    .klasa-sea-fiks {
        max-width: 112px;
    }
}


/*#region PREPAID DOPUNA TOPUP*/
/*.prepaid-dopuna-topup .top-up-label .prepaid-dopuna-normal-text {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.prepaid-dopuna-topup .top-up-label label {
    margin-right: 0 !important;
    display: inline-block;
    margin: 0;
    text-align: center;
    width: 49%;
}*/

.prepaid-dopuna-topup .top-up-label label span {
    display: inline-block;
    color: #606060;
}

.pdt-tabs {
    top: 10px !important;
    z-index: 10;
}

    .pdt-tabs li {
        margin-right: 5px;
    }


/*#endregion*/

.extra-infobox {
    display: block;
    padding: 10px;
    border: 1px solid #DFDFDF;
    width: auto;
    margin-right: 35px;
    background-color: #eee;
    border-radius: 8px;
    margin-bottom: 20px;
    line-height: 1.2;
    font-size: 14px !important;
}

.extra-infobox-green-g {
    display: block;
    padding: 10px;
    border: 1px solid #DFDFDF;
    width: auto;
    margin-right: 35px;
    background-color: #f0f4d6;
    border-radius: 8px;
    margin-bottom: 20px;
    line-height: 1.2;
    font-size: 14px !important;
}



.modal-confirm {
    margin-top: 30%;
}

    .modal-confirm .magenta-btn,
    .modal-confirm .btn-grey {
        text-transform: uppercase;
        width: auto;
        min-width: 0;
        height: 34px;
        padding: 5px 34px;
        font-family: 'tele-groteskfetregular' !important;
        font-size: 16px !important;
    }

    .modal-confirm .modal-title {
        padding-top: 0;
        padding-bottom: 10px;
    }

    .modal-confirm .modal-footer {
        border-top: none;
        padding: 0 10px 10px;
    }

.magenta-button-rd.btn-grey:hover {
    background: #ffffff !important;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=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;
}


.photo-footer-home {
    margin-bottom: 15px;
}




/* NEW Homepage */

/* NEW Homepage */

.four-banners {
    background-color: #fff;
    border-bottom: 1px solid #F1F1F1;
    border-top: 1px solid #F1F1F1;
}

.mini-menu.hidden-xs {
    margin-top: 15px;
}

@media screen and (max-width: 767px) {
    .four-banners img:first-child {
        padding-top: 3px;
    }
}

.four-banners img {
    border-bottom: 4px solid #e20074;
    margin-bottom: 15px !important;
}

.four-banners p.area-action img {
    border-bottom: 0;
}

.four-banners h2 {
    text-align: center;
    border-left: 1px solid #dddddd;
    font-size: 16px;
}

.four-banners a h2:hover {
    color: #e20074;
}

.four-banners .full-article {
    background-color: #fff;
}

    .four-banners .full-article:before, .four-banners .full-article:after {
        content: '';
        clear: both;
        display: table;
    }



#footer .social-links-new a {
    text-decoration: none;
    display: inline;
    white-space: nowrap;
}

.copy-holder-new {
    padding: 16px 0;
    font-family: tele-groteskhalregular;
}

    .copy-holder-new a {
        color: #5E5E5E;
    }

        .copy-holder-new a:hover {
            color: #e20074;
        }

ul.social-links-new {
    padding: 10px;
    text-align: right;
}

/*@media only screen and (min-width: 736px) {
.ostale-kampanje {
    background-image: url("../content/images/new-homepage/holiady-paket.jpg");
    background-size: 640px 200px;
    width: 640px;
    height: 200px;
    width: auto;
    background-position: center center;
}
}*/



.icon-land.quest-answ-icon {
    background-image: url(../content/images/piktogrami/question-outline.png);
}

.home-icon-wrapper:hover .icon-land.quest-answ-icon {
    background-image: url(../content/images/piktogrami/question-outline.png);
    background-position: center 0;
}


.icon-land.online-support-icon {
    background-image: url(../content/images/piktogrami/tools-outline.png);
}

.home-icon-wrapper:hover .icon-land.online-support-icon {
    background-image: url(../content/images/piktogrami/tools-outline.png);
    background-position: center 0;
}

.icon-land.racun-icon {
    background-image: url(../content/images/piktogrami/bill-outline.png);
}

.home-icon-wrapper:hover .icon-land.racun-icon {
    background-image: url(../content/images/piktogrami/bill-outline.png);
    background-position: center 0;
}

.icon-land.imenik-icon {
    background-image: url(../content/images/piktogrami/addres-book-outline.png);
}

.home-icon-wrapper:hover .icon-land.imenik-icon {
    background-image: url(../content/images/piktogrami/addres-book-outline.png);
    background-position: center 0;
}

.icon-land.locator-icon {
    background-image: url(../content/images/piktogrami/locator.png);
}

.home-icon-wrapper:hover .icon-land.locator-icon {
    background-image: url(../content/images/piktogrami/locator.png);
    background-position: center 0;
}

.icon-land.obavjestenja-icon {
    background-image: url(../content/images/piktogrami/obavjestenja.png);
}

.home-icon-wrapper:hover .icon-land.obavjestenja-icon {
    background-image: url(../content/images/piktogrami/obavjestenja.png);
    background-position: center 0;
}

.icon-land.locator-icon {
    background-image: url(../content/images/piktogrami/locator.png);
}

.home-icon-wrapper:hover .icon-land.locator-icon {
    background-image: url(../content/images/piktogrami/locator.png);
    background-position: center 0;
}

.icon-land.obavjestenja-icon {
    background-image: url(../content/images/piktogrami/obavjestenja.png);
}

.home-icon-wrapper:hover .icon-land.obavjestenja-icon {
    background-image: url(../content/images/piktogrami/obavjestenja.png);
    background-position: center 0;
}


.icon-land.promjena-adresa-icon {
    background-image: url(../content/images/piktogrami/icon_adress_edit_tm.png);
}

.home-icon-wrapper:hover .icon-land.promjena-adresa-icon {
    background-image: url(../content/images/piktogrami/icon_adress_edit_tm.png);
    background-position: center 0;
}



.home-boxes-bottom h4.txt-dec-none {
    font-family: 'tele-groteskhalregular';
    font-size: 16px;
    height: 70px;
	padding-top: 5px;
}



.izdvajamo-iz-ponude {
    background-repeat: no-repeat;
    background-image: url("../images/izdvajamo-icons.png");
    background-size: 241px 47px;
    width: 100%;
    height: 47px;
    /* width: auto; */
    background-position: center center;
    display: block;
}

.izdvajamo-container h4.headline-ult.txt-lg {
    font-family: tele-groteskhalregular !important;
    color: #333333;
    text-transform: none !important;
}

.izdvajamo-container p.hal.c_magenta.txt-lg {
    color: #444444 !important;
    font-family: 'tele-groteskfetregular';
    font-size: 28px;
    padding-top: 5px;
}


.dopuna-container .three-boxes-gray.three-boxes {
    background-repeat: no-repeat;
    background-image: url("../images/dopuna-bg3.png");
    background-size: cover;
    background-color: #e20074;
}


    .dopuna-container .three-boxes-gray.three-boxes span.magenta-text,
    .dopuna-container .three-boxes-gray.three-boxes span.light-text,
    .dopuna-container .three-boxes label {
        color: #fff !important;
    }


.dopuna-container .t-new-btn {
    /* background: white !important;
    color: #e20074 !important;*/
    font-size: 16px !important;
    background: #ffffff !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ) !important;
    border: 1px solid #b2b2b2;
    color: #383838;
    box-shadow: none !important;
    font-family: tele-groteskhalregular;
    text-transform: none;
}

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e6e6e6+100 */


.home-icons-holder {
    padding: 0;
}


.home-icons-holder2{
    position: relative;
    padding: 20px 0;
    background-color: #f1f1f1;
    overflow: hidden;
    padding-bottom: 80px;
    /*z-index: 10;*/
}


.pr2 {
    padding: 0px 2px 0px 0px;
}

.mt15 {
    margin-top: 15px;
}



/*.main-menu-holder {
    -webkit-box-shadow:0;
    -moz-box-shadow:0;
    -moz-box-shadow:0;
    background: #F2F2F2;

}*/


.rst-login a {
    font-size: 12px;
}

.rst-login {
    color: #fff;
    position: relative;
    background: #bbbd5a url(../images/webshoplogin.png) left 7px center no-repeat;
    padding-left: 23px;
    background-size: 19px 17px;
}

    .rst-login .formAA {
        color: #666666;
        background: #f3f3f3 none repeat scroll 0 0;
        padding: 0px 10px;
        position: absolute;
        /*right: 0;*/
        top: 100%;
        width: 290px;
        z-index: 9000;
        display: none;
        left: 0;
    }

.formAA h3.headline-ult {
    display: none;
}

.rst-login > a {
    color: #fff !important;
}

.rst-login .formAA a {
    color: #666666;
    padding: 5px 10px !important;
    font-size: 14px !important;
}

.formAA .mag {
    color: white !important;
    margin: 0px auto;
    font-size: 16px;
    box-shadow: none;
    background: #ff339c !important;
    background: -moz-linear-gradient(top, #ff339c 0%, #e20074 50%, #cc0069 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff339c), color-stop(50%,#e20074), color-stop(100%,#cc0069)) !important;
    background: -webkit-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%) !important;
    background: -o-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%) !important;
    background: -ms-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%) !important;
    background: linear-gradient(to bottom, #ff339c 0%,#e20074 50%,#cc0069 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff339c', endColorstr='#cc0069',GradientType=0 ) !important;
    border: 1px solid #cc0069;
}



.main-menu-holder.new-design-menu {
    /*background: #FFFFFF !important;*/
    background: transparent;
    box-shadow: none;
}

@media screen and (max-width: 767px) {
    .formAA .magen-holder {
        background: #f3f3f3;
    }

    .home-boxes-container.four-banners a {
        padding: 0px;
    }
}

.new-main-menu {
    border: 1px solid #E2E2E2;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 99%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    border-radius: 5px;
    -webkit-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.16);
    box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.16);
    margin-bottom: 10px;
    /*margin-top:10px;*/
}

    .new-main-menu #navigation-menu2 {
        float: right;
    }

        .new-main-menu #navigation-menu2 li.level-one > a {
            color: #666;
        }

            .new-main-menu #navigation-menu2 li.level-one > a:hover, .new-main-menu #navigation-menu2 li.level-one:hover > a {
                background-color: #676767 !important;
                color: #fff;
            }

            .new-main-menu #navigation-menu2 li.level-one > a:hover {
                /*width: auto;*/
            }

        .new-main-menu #navigation-menu2 li.level-one, .new-main-menu #navigation-menu2 li.level-one > a {
            background: none !important;
        }

            .new-main-menu #navigation-menu2 li.level-one:last-child > a {
                background: #ff339c !important;
                background: -moz-linear-gradient(top, #ff339c 0%, #e20074 50%, #cc0069 100%) !important;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff339c), color-stop(50%,#e20074), color-stop(100%,#cc0069)) !important;
                background: -webkit-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%) !important;
                background: -o-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%) !important;
                background: -ms-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%) !important;
                background: linear-gradient(to bottom, #ff339c 0%,#e20074 50%,#cc0069 100%) !important;
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff339c', endColorstr='#cc0069',GradientType=0 ) !important;
                /*border: 1px solid #cc0069;*/
                color: #fff !important;
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px;
                /*width: 134px;*/
            }


@media screen and (max-width: 991px) {
    .new-main-menu #navigation-menu2 li.level-one:last-child > a {
        width: 100px;
    }
}

.new-main-menu #navigation-menu2 li.level-one:first-child:hover > a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}


.new-main-menu #navigation-menu2 li.level-one {
    width: auto !important;
    border-right: 1px solid #e7e7e7;
    display: table-cell;
}

    .new-main-menu #navigation-menu2 li.level-one > a span {
        padding: 0 23.9px;
    }



.new-main-menu #navigation-menu2 li.level-one {
    height: 48px;
}

    .new-main-menu #navigation-menu2 li.level-one > a {
        height: 48px;
    }

.top-holder.new-top-header .affix.affix2 {
    height: 50px !important;
}


@media screen and (max-width: 767px) {

    .new-main-mob-menu .navbar-default {
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 99%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#eeeeee)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 99%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 99%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 99%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 99%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
        border-radius: 2px;
        -webkit-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.16);
        -moz-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.16);
        box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.16);
    }

    .new-main-mob-menu .level-one.magen {
        background: transparent url(/images/webshoplogin2.png) 10px center no-repeat !important;
        border-right: 1px solid #eee;
    }

        .new-main-mob-menu .level-one.magen.kartice {
            background: transparent url(../../images/kartice-xs-new.png) 10px center no-repeat !important;
            border-right: 1px solid #eee;
        }

    .new-main-mob-menu .search-icon {
        background: transparent url(../images/search-icon-mob-new.png) center center no-repeat !important;
        border-right: 1px solid #eee;
    }

    .new-main-mob-menu .korpa-kontainer {
        background: transparent url(../images/korpa-mob-new.png) no-repeat center center !important;
    }

    .new-main-mob-menu .shopz {
        border-right: 1px solid #eee !important;
    }

    .new-main-mob-menu .navbar-toggle .icon-bar {
        background: #969696 !important;
    }

    .level-one.magen.port-new.visible-xs {
        background: transparent url(/images/portal-new.png) 10px center no-repeat !important;
    }


    ul.social-links-new {
        text-align: right;
    }
}



.logo-slogan-container:before, logo-slogan-container:after {
    content: "";
    clear: both;
    display: table;
}

.logo-slogan-container {
    /*margin: 25px 0px;*/
}

.br0 {
    border-right: 0px;
}

.top-holder.new-top-header {
    border-bottom: 0;
    /*background: #fff;*/
    background: transparent;
    /*padding-bottom: 15px;*/
}

    .top-holder.new-top-header .affix.affix2 {
        height: 51px !important;
    }

.carousel-inner.bottom-slider {
    margin-top: 0px;
}

h1.izdvajamo-heading {
    padding: 60px 0px 20px 0px;
}

.home-boxes-container.home-boxes-bottom .full-article {
    padding: 0px !important;
}

.home-boxes-bottom {
    padding-top: 25px;
}


.carousel-inner.home-new-carousel > .item > img, .carousel-inner.home-new-carousel > .item > a > img {
    margin: 0px auto;
    float: left;
    padding: 0;
    max-height: 295px;
}

.dopuna-container {
    max-width: 736px;
    margin: 0px auto;
    max-height: 303px;
}

@media screen and (max-width:990px) {
    .carousel-inner.home-new-carousel.bottom-slider {
        margin-bottom: 10px;
    }

    .dopuna-container {
        max-height: 335px;
    }

        .dopuna-container .three-boxes-gray.three-boxes {
            background-image: none;
        }

    .new-main-menu #navigation-menu2 li.level-one > a span {
        padding: 0 14px;
    }
}

.magen-holder.webshop-mob {
    background: #f3f3f3 !important;
}

.ec-example {
    position: absolute;
    top: 50px;
    right: 20px;
    width: 110px;
}

h2.snizenje-title {
    position: absolute;
    z-index: 2000;
    top: 20px;
    left: 20px;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'telegrotesk_headline_ultraRg';
}


@media screen and (max-width: 430px) {
    h2.snizenje-title {
        font-size: 14px;
    }
}


a.magenta-button.snizenje-button {
    position: absolute;
    bottom: 10%;
    right: 15%;
}

@media screen and (max-width: 440px) {
    a.magenta-button.snizenje-button {
        font-size: 15px;
        position: absolute;
        bottom: 10px;
        right: 20px;
        padding: 6px 16px;
    }
}

/* New Submenu */

.new-main-menu #navigation-menu2 li.level-one {
    position: static;
}

.sub-menu-wrapper-new {
    text-align: left;
    position: absolute;
    left: 0;
    right: 0;
    display: none;
    padding: 0;
    list-style: none;
    background: #676767;
    padding: 10px 0px;
    z-index: 100;
    -moz-box-shadow: 0 4px 6px 0px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 4px 6px 0px rgba(0,0,0,.2);
    box-shadow: 0 4px 6px 0px rgba(0,0,0,.2);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}


.new-main-menu #navigation-menu2 li.level-one:hover .sub-menu-wrapper-new {
    display: block;
}

.new-main-menu .submenu-holder:hover {
    background: transparent none;
}


.new-main-menu .submenu-holder {
    width: 16.6666666%;
    min-width: 160px;
    float: left;
}


@media screen and (max-width: 991px) {
    .new-main-menu .submenu-holder {
        width: 33.333333%;
        min-width: 160px;
        float: left;
    }
}

.new-main-menu .sub-menu-bg {
    display: table;
    width: 100%;
    table-layout: fixed;
}

    .new-main-menu .sub-menu-bg .submenu-holder {
        border: 0;
        padding: 10px;
        display: table-cell;
        min-width: 0;
        float: none;
    }

.new-main-menu ul.level-2-holder li {
    border-bottom: 1px solid #7B7575;
}

    .new-main-menu ul.level-2-holder li:last-child {
        border-bottom: 0px;
    }

    .new-main-menu ul.level-2-holder li a {
        padding: 6px 4px;
    }

.new-main-menu .submenu-title {
    padding: 4px;
}

.home-boxes-bottom .icon-land {
    height: 80px;
}


div#carousel-example-generic .carousel-indicators li, .new-home-car .carousel-indicators li {
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-color: #E0E0E0;
}

div#carousel-example-generic .carousel-indicators .active, .new-home-car .carousel-indicators .active {
    width: 14px;
    height: 14px;
    margin: 1px;
    background-color: #979797;
    border-color: #8C8C8C;
}



.home-box-bottom .icon-land {
    height: 80px;
}




/**/
.webmaxpanel.new-sticker {
    position: relative;
}


    .webmaxpanel.new-sticker h4 {
        position: absolute;
        left: 20px;
    }

    .webmaxpanel.new-sticker img {
        margin-bottom: 10px;
    }


ul.magen-list.moj-t-portal-new li a {
    text-align: left;
    text-transform: uppercase;
}

ul.magen-list.moj-t-portal-new li a {
    background: transparent !important;
    border-bottom: 1px solid #ccc;
    padding: 2px 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;
}

.magen-form-holding.new-magen-form-holding {
    text-align: left;
}


#homeCarousel.new-home-car {
    height: 500px;
    margin-top: -15px;
    margin-bottom: 15px;
}

@media screen and (max-width: 991px) {
    #homeCarousel.new-home-car {
        height: 400px;
    }
}

@media screen and (max-width: 500px) {
    #homeCarousel.new-home-car {
        height: 320px;
    }
}

@media screen and (max-width: 400px) {
    #homeCarousel.new-home-car {
        height: 280px;
    }
}


@media screen and (max-width: 767px) {
    .dopuna-container .three-boxes h1.collapsed {
        border: 0;
    }
}



@media screen and (max-width: 767px) {
    .dopuna-container .three-boxes-gray.three-boxes {
        height: auto;
        background-repeat: no-repeat;
        background-image: none;
        background-size: cover;
        background-color: #e20074;
        min-height: 0;
        max-height: none;
        padding-bottom: 10px;
    }

    .dopuna-container {
        min-height: 0;
        max-height: none;
        height: auto;
    }

        .dopuna-container .three-boxes .collapse, .dopuna-container .three-boxes .collapsing {
            border: 0;
        }

    .copy-holder-new {
        line-height: 2;
        padding: 16px 15px;
        text-align: center;
    }
}


.main-heaedr-holder {
    margin: 15px 0px;
}


.new-top-header ul.mini-menu li a {
    padding: 0px 11px 0px;
}

@media screen and (max-width: 767px) {
    .new-top-header ul.mini-menu li a {
        padding: 15px 7px;
    }

    .main-heaedr-holder {
        margin: 0;
    }
}

.home-box.max.new-home-box-max {
    background-color: #f6f6f6;
    margin: 0px;
}

.home-content-new-holder {
    background-color: #fff;
}

.new-home-box-max {
    background-color: #f6f6f6;
    padding: 15px 15px 8px 15px;
    background-image: url(../images/webmax-login.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    min-height: 185px;
}


@media screen and (max-width: 767px) {
    .new-home-box-max {
        min-height: 82px;
    }
}

.home-content-new-holder h4.webmax {
    color: #e20074;
    font-size: 20px;
    text-transform: uppercase;
    padding-top: 0px;
}

.new-home-box-max .form-group.webmax.m-form {
    margin-bottom: 0px;
}


.izdvajamo-container .phone-box .mgn-new {
    padding: 7px 20px !important;
    font-family: tele-groteskhalregular;
    margin: 0px auto;
    max-width: 150px;
    padding: 10px;
    color: #fff;
    background: #ff339c;
    background: -moz-linear-gradient(top, #ff339c 0%, #e20074 50%, #cc0069 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff339c), color-stop(50%,#e20074), color-stop(100%,#cc0069));
    background: -webkit-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%);
    background: -o-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%);
    background: -ms-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%);
    background: linear-gradient(to bottom, #ff339c 0%,#e20074 50%,#cc0069 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff339c', endColorstr='#cc0069',GradientType=0 );
    border: 1px solid #cc0069;
    text-transform: none !important;
    box-shadow: none;
    font-size: 16px !important;
    min-width: 110px;
    font-weight: normal !important;
}

    .izdvajamo-container .phone-box .mgn-new:hover {
        background: #cc0069; /* Old browsers */
        background: -moz-linear-gradient(top, #cc0069 0%, #e20074 50%, #ff339c 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0069), color-stop(50%,#e20074), color-stop(100%,#ff339c)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #cc0069 0%,#e20074 50%,#ff339c 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #cc0069 0%,#e20074 50%,#ff339c 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #cc0069 0%,#e20074 50%,#ff339c 100%); /* IE10+ */
        background: linear-gradient(to bottom, #cc0069 0%,#e20074 50%,#ff339c 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0069', endColorstr='#ff339c',GradientType=0 ); /* IE6-9 */
    }

.magenta-btn.mgn-new, .magenta-button.mgn-new {
    font-size: 16px !important;
    background: #ff339c;
    background: -moz-linear-gradient(top, #ff339c 0%, #e20074 50%, #cc0069 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff339c), color-stop(50%,#e20074), color-stop(100%,#cc0069));
    background: -webkit-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%);
    background: -o-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%);
    background: -ms-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%);
    background: linear-gradient(to bottom, #ff339c 0%,#e20074 50%,#cc0069 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff339c', endColorstr='#cc0069',GradientType=0 );
    border: 1px solid #cc0069;
    text-transform: none !important;
    box-shadow: none;
    box-shadow: none;
    font-family: tele-groteskhalregular;
    font-weight: normal !important;
}

.magenta-btn.mgn-new {
    margin-top: 7px;
}

.magenta-btn:hover.mgn-new, .magenta-button:hover.mgn-new {
    font-family: tele-groteskhalregular;
    font-size: 16px !important;
    background: #cc0069;
    background: -moz-linear-gradient(top, #cc0069 0%, #e20074 50%, #ff339c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0069), color-stop(50%,#e20074), color-stop(100%,#ff339c));
    background: -webkit-linear-gradient(top, #cc0069 0%,#e20074 50%,#ff339c 100%);
    background: -o-linear-gradient(top, #cc0069 0%,#e20074 50%,#ff339c 100%);
    background: -ms-linear-gradient(top, #cc0069 0%,#e20074 50%,#ff339c 100%);
    background: linear-gradient(to bottom, #cc0069 0%,#e20074 50%,#ff339c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0069', endColorstr='#ff339c',GradientType=0 );
    font-weight: normal !important;
}


.four-bottom-boxes {
    /*background-color:#e2e2e2;*/
    padding: 20px 0px;
}


.pbt40 {
    padding-bottom: 40px;
}

@media screen and (max-width: 991px) {
    .pbt40 {
        padding-bottom: 0px;
    }
}

.carousel-inner.home-new-carousel.bottom-slider {
    border: 1px solid #E7E7E7;
}


.new-home-car .magenta-button-rd {
    /* padding: 7px 20px; */
    font-family: tele-groteskhalregular;
    font-size: 16px !important;
    text-transform: none !important;
    color: #fff;
    background: #ff339c !important;
    background: -moz-linear-gradient(top, #ff339c 0%, #e20074 50%, #cc0069 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff339c), color-stop(50%,#e20074), color-stop(100%,#cc0069)) !important;
    background: -webkit-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%) !important;
    background: -o-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%) !important;
    background: -ms-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%) !important;
    background: linear-gradient(to bottom, #ff339c 0%,#e20074 50%,#cc0069 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff339c', endColorstr='#cc0069',GradientType=0 ) !important;
    border: 1px solid #cc0069;
    box-shadow: none;
    box-shadow: none;
}

    .new-home-car .magenta-button-rd:hover {
        background: #cc0069; /* Old browsers */
        background: -moz-linear-gradient(top, #cc0069 0%, #e20074 50%, #ff339c 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0069), color-stop(50%,#e20074), color-stop(100%,#ff339c)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #cc0069 0%,#e20074 50%,#ff339c 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #cc0069 0%,#e20074 50%,#ff339c 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #cc0069 0%,#e20074 50%,#ff339c 100%); /* IE10+ */
        background: linear-gradient(to bottom, #cc0069 0%,#e20074 50%,#ff339c 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0069', endColorstr='#ff339c',GradientType=0 ); /* IE6-9 */
    }

    .new-home-car .magenta-button-rd.btn-grey {
   /* padding: 7px 20px; */
    font-family: tele-groteskhalregular;
    font-size: 16px !important;

        text-transform: none !important;
        background: #ffffff !important; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%) !important; /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)) !important; /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%) !important; /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%) !important; /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%) !important; /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%) !important; /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ) !important; /* IE6-9 */
		border: 1px solid transparent;
		 box-shadow: none;
    box-shadow: none;
    }

    .new-home-car .magenta-button-rd:hover .btn-grey {
        background: #e6e6e6; /* Old browsers */
        background: -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #e6e6e6 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #e6e6e6 0%,#ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #e6e6e6 0%,#ffffff 100%); /* IE10+ */
        background: linear-gradient(to bottom, #e6e6e6 0%,#ffffff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }

a.active-link-top-menu span {
    color: #e20074;
}



.slider-info {
    max-width: 240px;
    padding-top: 5%;
    position: absolute;
    z-index: 99999;
    top: 10px;
    right: 10px;
}

    .slider-info h2 {
        text-transform: uppercase;
        font-family: 'telegrotesk_headline_ultraRg';
        font-size: 23px;
        color: #e20074;
        margin-bottom: 10px;
    }

    .slider-info h3 {
        margin-bottom: 0;
        font-size: 44px;
        color: #020202;
        font-family: 'telegrotesk_headline_ultraRg';
    }

    .slider-info h4 {
        line-height: 1;
        font-size: 23px;
        color: #0D0D0D;
        font-family: 'tele-groteskhalregular';
        padding-top: 0;
        margin-bottom: 5px;
    }

    .slider-info p {
        font-family: 'tele-groteskhalregular';
        font-size: 16px;
    }

a.magenta-button.snizenje-button {
    position: relative;
    bottom: auto;
    right: auto;
}

@media screen and (max-width:667px) {
    .slider-info {
        padding-right: 3%;
    }

        .slider-info h2 {
            font-size: 20px;
            margin-bottom: 10px;
        }

        .slider-info h3 {
            font-size: 40px;
        }

        .slider-info h4 {
            font-size: 19px;
            margin-bottom: 5px;
        }

        .slider-info p {
            font-size: 12px;
            margin-bottom: 5px;
        }
}

@media screen and (max-width:570px) {

    .slider-info {
        padding-right: 0px;
        padding-top: 3%;
        width: 31%;
    }

        .slider-info h2 {
            font-size: 12px;
            margin-bottom: 6px;
        }

        .slider-info h3 {
            font-size: 24px;
        }

        .slider-info h4 {
            font-size: 11px;
            margin-bottom: 6px;
        }

        .slider-info p {
            font-size: 11px;
            line-height: 1;
            margin-bottom: 5px;
            display: none;
        }

    a.magenta-button.snizenje-button {
        font-size: 10px;
        position: relative;
        bottom: auto;
        right: auto;
        padding: 6px 16px;
    }
}

@media screen and (min-width:991px) and (max-width:1200px) {
    .izdvajamo-container-new p.txt-cena-naslovna {
        height: 90px;
    }
}



.rst-login .formAA .webshop-login-short-body1 {
    padding: 15px 0px;
}

.rst-login .formAA .webshop-login-short-loginbtn {
    line-height: 23px;
}


@media screen and (min-width:768px) and (max-width:991px) {
    .pl0.slider-padding {
        padding-left: 15px !important;
    }
}

img.img-pos-a-a {
    position: absolute;
    top: 30px;
    right: 10px;
}

img.img-pos-a {
    position: absolute;
    right: 30px;
    top: 25px;
}


@media screen and (max-width: 991px) {
    img.img-pos-a-a {
        position: absolute;
        top: 40px;
        right: 33%;
    }

    img.img-pos-a {
        position: absolute;
        right: 30%;
        top: 56px;
    }
}


@media screen and (max-width: 450px) {
    img.img-pos-a-a {
        position: absolute;
        top: 30px;
        right: 25%;
    }

    img.img-pos-a {
        position: absolute;
        right: 25%;
        top: 56px;
    }
}


.carousel-caption.readmore-fix {
    right: auto !important;
    bottom: 10px;
    left: 20px !important;
    padding-bottom: 0px !important;
    padding-top: 0px;
    z-index: 9999;
}



.home-boxes-container a {
    /*border-bottom: 0px !important;*/
}

.carousel.slide.visible-xs .nav-arrows {
    top: 60% !important;
    bottom: 20% !important;
}


@media screen and (max-width: 767px) {

    .tab-content.container.izdvajamo-container {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .home-boxes-container .izdvajamo-container .full-article {
        padding: 0px !important;
    }

    .carousel.slide.visible-xs.izdvajamo-fix {
        margin-top: 0px;
    }


    .dopuna-container .three-boxes h1 {
        background-image: url(../images/arrow-up-dopuna.png);
        background-position: right 15px center;
        background-repeat: no-repeat;
        font-size: 20px;
    }

        .dopuna-container .three-boxes h1.collapsed {
            background-image: url(../images/arrow-down-dopuna.png);
            background-position: right 15px center;
            background-repeat: no-repeat;
            font-size: 20px;
        }

    .four-bottom-boxes {
        padding: 0px !important;
    }

    .home-content-new-holder .home-boxes-bottom {
        padding-top: 0px !important;
    }

    .home-content-new-holder .mt15 {
        margin-top: 0px !important;
    }

    .four-bottom-boxes .brgrad-top-to-bottom {
        border-bottom: 1px solid #eee;
    }
}


@media screen and (max-width:768px) and (min-width:533px) {

    .four-banners .col-xs-12 {
        width: 50% !important;
    }
}

.controls-dod-opr-slider a {
    z-index: 1000;
}

.controls-dod-opr-slider .carousel-control {
    top: 35%;
    bottom: 35%;
}


/**/


.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .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;
}

/*

*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

        .carousel-fade .carousel-inner > .item.next.left,
        .carousel-fade .carousel-inner > .item.prev.right,
        .carousel-fade .carousel-inner > .item.active {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
}



.txt-cena-naslovna2 {
    font-size: 15px !important;
    font-family: tele-grotesknorregular;
    text-decoration: none;
    color: #a5a5a5 !important;
    border-top: 1px solid#ccc;
    width: 70%;
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 5px;
    line-height: 1.1;
    min-height: 75px;
}


@media screen and (min-width: 768px) {
    .home-new-carousel .carousel-indicators {
        bottom: 0px;
    }
}


.btn-fix-slider-nas {
    padding: 10px 20px !important;
    font-size: 16px !important;
}

.home-boxes-container {
    padding-top: 15px;
    padding-bottom: 15px;
}

.home-boxes-container.extra-tv-boxes {
    padding: 40px 0px;
}

/*.long-content-hold{
padding: 50px 0;
}*/

@media (max-width: 767px) {
    .hidden-xs, #homeCarousel .links-for-carousel {
        display: none !important;
        visibility: hidden;
    }
}

.carousel.slide.visible-xs {
    overflow: hidden;
}

/*iphone6s start*/
.iphone6s-izbor p, .iphone6s-izbor h2, .iphone6s-izbor h3 {
    font-family: 'MyriadPro' !important;
}


.iphone6s-izbor {
    margin-top: 20px;
    margin-bottom: 80px;
}


    .iphone6s-izbor .lev-box img {
        width: 150px;
    }

    .iphone6s-izbor h2 {
        padding-top: 10px !important;
        border-bottom: 0px !important;
        font-size: 22px !important;
        border-bottom: 0px !important;
    }

    .iphone6s-izbor h3 {
        color: #3c3d3f;
        padding-bottom: 30px;
        padding-top: 20px;
    }



    .iphone6s-izbor .izbor-boi {
        margin-left: -20px;
        margin-bottom: 25px;
    }


        .iphone6s-izbor .izbor-boi img {
            display: block;
            margin: 0 auto;
        }




        .iphone6s-izbor .izbor-boi p {
            font-size: 14px;
            padding-top: 5px;
            text-align: center;
        }



.iphone6s h2, .iphone6s h4, .iphone6s p {
    font-family: 'MyriadPro' !important;
    font-size: 18px;
    color: #6d6e71;
}

.iphone6s .iphone-button {
    padding: 10px;
    background-attachment: scroll;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    -moz-background-origin: padding-box;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    background-size: auto;
    border-bottom-color: rgb(150, 150, 150);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(150, 150, 150);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(150, 150, 150);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(150, 150, 150);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgb(150, 150, 150);
    cursor: pointer;
    direction: ltr;
    /* display: block; */
    float: none;
    font-family: 'Myriad Set Pro', Arial;
    font-size: 12px;
    font-weight: normal;
    height: 32px;
    line-height: 31px;
    opacity: 1;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    top: auto;
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-property: -webkit-transform, opacity;
    -o-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: -webkit-transform, opacity;
    -moz-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    z-index: 15;
    -ms-zoom: 1;
    zoom: 1;
    font-size: 14px;
    padding: 7px 26px;
    border: 1px solid #C5C5C5;
}


.iphone6s .centerblock {
    display: block;
    margin: 0 auto;
}


.iphone6s .iphone-header {
    margin-top: 30px;
    margin-bottom: 40px;
}


.iphone6s .centertext {
    text-align: center;
    border-bottom: 0px;
    font-size: 30px;
}


.iphone6s .iphone-header img {
    margin-bottom: 20px;
}



.iphone6s .iphone-holder h2 {
    font-size: 36px;
    color: #3c3d3f;
    padding: 50px 0 35px 0;
    display: block;
    font-weight: lighter;
    text-rendering: optimizeSpeed;
    text-align: left;
}


.iphone6s .iphone-holder p {
    font-size: 18px;
    color: #6d6e71;
    text-align: left;
    display: block;
    font-weight: lighter;
    text-rendering: optimizeSpeed;
    padding: 0;
    line-height: 24px;
}


.iphone6s .big-number {
    font-size: 60px;
    margin-bottom: 40px;
    padding-top: 10px;
}

.iphone6s .iphone-main-holder .p0 {
    position: static;
}

.iphone6s .cenicka {
    position: absolute;
    top: 50%;
    left: 10%;
}

.iphone6s .cenicka2 {
    position: absolute;
    top: 50%;
    left: 80%;
}

.iphone6s .iphone-main-holder {
    position: relative;
}


.iphone6s .margintb20 {
    margin: 50px 30px 50px 30px;
}


.iphone6s .iphone-holder {
    width: 100%;
    margin: auto;
    padding: 15px;
}

.iphone6s .gray {
    background-color: #f1f2f2;
}



@media (max-width: 767px) {
    .iphone6s .cenicka {
        position: absolute;
        top: 25%;
        left: 0%;
        padding-left: 20px;
    }

    .iphone6s .cenicka2 {
        position: absolute;
        top: 60%;
        left: 60%;
        padding-left: 20px;
    }
}

.iphone6s-izbor {
    margin: 80px;
}


    .iphone6s-izbor .lev-box {
        border: 1px solid #cecece;
        padding: 15px 10px 10px 15px;
        border-radius: 4px;
        width: 70%;
        margin-top: 20px;
        cursor: pointer;
    }


        .iphone6s-izbor .lev-box p {
            display: inline-block;
            font-size: 30px;
            line-height: 1;
        }

        .iphone6s-izbor .lev-box span {
            font-size: 20px;
        }


        .iphone6s-izbor .lev-box h2 {
            display: inline-block;
            float: right;
            font-size: 30px !important;
            border-left: 1px solid #e5e5e5;
            padding-left: 60px;
            padding-top: 20px !important;
        }


    .iphone6s-izbor .magenta-button-rd {
        margin-top: 20px;
    }



.divWebShopLogin {
    max-width: 882px;
    margin: 0 auto;
    background-color: #f9f9f9;
    position: relative;
    padding: 30px;
    margin-top: 200px;
}

#modalPhoneReservation {
    position: fixed;
    z-index: 100000;
}

.iphone6s-izbor {
    margin: 80px;
}


    .iphone6s-izbor .lev-box {
        border: 1px solid #cecece;
        padding: 15px 30px 10px 15px;
        border-radius: 4px;
        width: 100%;
        margin-top: 20px;
        cursor: pointer;
    }


        .iphone6s-izbor .lev-box p {
            display: inline-block;
            font-size: 24px;
            line-height: 1;
        }

        .iphone6s-izbor .lev-box span {
            font-size: 16px;
        }


        .iphone6s-izbor .lev-box h2 {
            display: inline-block;
            float: right;
            font-size: 30px !important;
            border-left: 1px solid #e5e5e5;
            padding-left: 60px;
            padding-top: 20px !important;
        }


    .iphone6s-izbor .magenta-button-rd {
        margin-top: 20px;
    }



.divWebShopLogin {
    max-width: 882px;
    margin: 0 auto;
    background-color: #f9f9f9;
    position: relative;
    padding: 30px;
    margin-top: 200px;
}

#modalPhoneReservation {
    position: fixed;
    z-index: 100000;
}

.iphone6s-izbor h4 {
    margin-top: 20px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 22px !important;
}



@media (max-width: 767px) {
    .iphone6s-izbor .lev-box h2 {
        display: inline-block;
        float: right;
        font-size: 30px !important;
        border-left: 1px solid #e5e5e5;
        padding-left: 20px;
        padding-top: 20px !important;
    }

    .iphone6s-izbor .lev-box2 {
        border-bottom: 1px solid #cecece;
        margin-bottom: 0px;
    }


    .iphone6s-izbor .lev-box {
        border: 1px solid #cecece;
        padding: 15px 30px 10px 15px;
        border-radius: 4px;
        width: 100%;
        margin-top: 20px;
        cursor: pointer;
    }

    .iphone6s-izbor .slika-leva2 {
        margin-top: 10px;
    }


    .iphone6s-izbor {
        margin: 20px;
    }

        .iphone6s-izbor .lev-box p {
            display: inline-block;
            font-size: 20px;
            line-height: 1;
        }


        .iphone6s-izbor .lev-box span {
            font-size: 14px;
        }

        .iphone6s-izbor .slika-leva img, .iphone6s-izbor .slika-leva2 img {
            display: block;
            margin: 0 auto;
        }
}



@media screen and (min-width: 769px) and (max-width: 993px) {


    .iphone6s-izbor .lev-box p {
        font-size: 18px !important;
    }

    .iphone6s-izbor {
        margin: 40px;
    }


        .iphone6s-izbor .lev-box h2 {
            display: inline-block;
            float: right;
            font-size: 24px !important;
            border-left: 1px solid #e5e5e5;
            padding-left: 60px;
            padding-top: 20px !important;
        }

        .iphone6s-izbor .lev-box span {
            font-size: 14px;
        }
}


.iphone6s .sporedbah .holder-img {
    padding-top: 61px;
    padding-bottom: 0px;
    padding-left: 0px;
}


.iphone6s .middleip {
    margin-top: 30%;
}


.iphone6s .middleip2 {
    margin-top: 18%;
}

.iphone6s .sporedbah .holder-img {
    padding-top: 61px;
    padding-bottom: 0px;
    padding-left: 0px;
}


.iphone6s .middleip {
    margin-top: 30%;
}


.iphone6s .middleip2 {
    margin-top: 18%;
}

.iphone6s .small-ip {
    font-size: 14px !important;
}

#modalPhoneReservation .validationContainer .green-info-box {
    background-color: #f9f9f9;
    border-color: #BBC36E;
    color: #759462 !important;
    background-image: url(../images/ic_wishlist_success.png?v001);
    background-position: 20px center;
    background-repeat: no-repeat;
    padding: 0px 30px 0px 60px;
    text-align: left;
    font-size: 16px;
    border-radius: 4px;
    line-height: 1.2;
}


.modal-header-iphone {
    min-height: 16.42857143px;
    /* padding: 15px; */
    /* border-bottom: 1px solid #e5e5e5; */
    margin-top: -20px;
    margin-left: 102%;
}


.fix-iphone-slider {
    margin: 0 auto !important;
    left: 50% !important;
    margin-bottom: 30px !important;
    margin-left: -58px !important;
}



/*iphone6s end*/


/*korekcija za korpa*/



.korpaContainer .korpaHeader {
    border-bottom: 1px solid #f0f0f0;
}

.korpaItem > div > div {
    border-right: 1px solid #f0f0f0;
}


.korpaContainer .korpaItem {
    border-bottom: 1px solid #f0f0f0;
}


.korpaContainer .itemEdit {
    border-right: 0px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.korpaContainer .itemDelete {
    border-right: 0px solid #f0f0f0;
}

.korpaItem .itemMainStats .itemImg img {
    box-shadow: none;
}

/*korekcija za korpa*/



.iphone6s-izbor .lev-box2 {
    border-bottom: 1px solid #cecece;
    margin-bottom: 40px;
}







.naslovna-ec {
    position: absolute;
    right: 5px;
}


/*nova smetka start*/


.racun-new-view {
    padding: 20px;
    padding-top: 0px;
    background-image: url("../content/images/racun/racun-primjer.png");
    background-repeat: repeat-y;
    background-position: top center;
    margin-top: 15px;
}

    .racun-new-view .blue-naslov {
        background: #a1bdd5;
        text-align: center;
        color: white;
        padding: 20px;
        font-size: 20px;
        line-height: 1;
    }


    .racun-new-view h2 {
        font-size: 22px !important;
        font-weight: bold !important;
        color: #e20074 !important;
        border-bottom: 0px solid #cecece !important;
    }

    .racun-new-view h4, .racun-new-view p {
        margin-bottom: 0px;
    }


    .racun-new-view h3 {
        font-size: 18px;
        color: #3d3d3d;
        font-weight: bold;
    }

    .racun-new-view .roaming-tbl-me tr.even, table tr.alt, table tr:nth-of-type(even) {
        background: transparent;
    }

    .racun-new-view .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 0px;
        line-height: 1.42857143;
        vertical-align: top;
        border: 0px solid #ddd;
        background-color: transparent;
    }

    .racun-new-view .table > tbody > tr > td {
        padding: 0px !important;
    }

    .racun-new-view .bor-top {
        border-top: 1px solid black !important;
        font-size: 16px !important;
    }

    .racun-new-view .info-left {
        text-align: right;
    }

        .racun-new-view .info-left span {
            width: 95px;
            display: inline-block;
            text-align: left;
            padding-left: 20px;
        }

    .racun-new-view .info-smetka {
        border-right: 1px solid black;
    }

    .racun-new-view .go-up {
        margin-bottom: 20px;
    }




    .racun-new-view .info-smetka span {
        display: inline-block;
        float: right;
        margin-right: 20px;
    }


    .racun-new-view .prva > tbody > tr > td:nth-of-type(2) {
        text-align: right;
    }

    .racun-new-view .big-mag {
        font-size: 16px;
        font-weight: bold;
        color: #e20074;
    }

    .racun-new-view .big-gray {
        font-size: 16px;
        font-weight: bold;
        color: #3d3d3d;
    }

    .racun-new-view .borders-tb {
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        padding: 20px;
    }

    .racun-new-view .margins-tb {
        margin-top: 30px;
        margin-bottom: 50px;
    }



    .racun-new-view .vtora > tbody > tr > td:not(:first-child) {
        text-align: right;
    }


    .racun-new-view .small-text {
        font-size: 12px;
        line-height: 1.5;
    }


@media (max-width: 767px) {



    .racun-new-view .borders-tb {
        padding: 0px;
    }

    .racun-new-view .info-smetka {
        border-right: 0px solid black;
        margin-bottom: 20px;
    }

    .racun-new-view .info-left {
        text-align: right;
        margin-bottom: 30px;
        margin-top: 20px;
    }


    .racun-new-view .small-text {
        margin-top: 20px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: 'tele-groteskhalregular';
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=0);
    opacity: 0;
}

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9;
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px;
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px;
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #e20074 !important;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

/*nova smetka end*/









/*postpaid kampanja start*/

.postpaid-njam .info {
    display: inline-block;
    margin-top: 20px;
}

.postpaid-njam .njam-back {
    background-image: url("../content/images/postpaid-njam/back-main2.jpg");
    height: 620px;
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
}

    .postpaid-njam .njam-back h2 {
        color: white;
        font-weight: bold;
        margin-top: 60px;
        font-size: 38px;
        text-transform: uppercase;
    }

        .postpaid-njam .njam-back h2 span {
            font-weight: normal;
        }

.postpaid-njam .njam-magenta {
    background-image: url("../content/images/postpaid-njam/magenta-back.png");
    height: 225px;
    background-repeat: no-repeat;
    padding: 20px;
    bottom: 15px;
    position: absolute;
    width: inherit;
}

    .postpaid-njam .njam-magenta p {
        color: white;
        font-size: 16px;
    }

    .postpaid-njam .njam-magenta ul {
        color: white;
        font-size: 16px;
    }


.postpaid-njam .be-small {
    width: 90%;
}

.postpaid-njam .njam-telefoni {
    margin-top: 20px;
    margin-bottom: 20px;
}


    .postpaid-njam .njam-telefoni h2 {
        margin-bottom: 30px;
        font-size: 24px;
        text-transform: uppercase;
        font-weight: bold;
        min-height: 80px;
    }


    .postpaid-njam .njam-telefoni h3 {
        margin-bottom: 0;
        font-size: 26px;
        font-weight: bold;
    }


    .postpaid-njam .njam-telefoni p {
        font-size: 18px;
    }

.postpaid-njam .njam-box {
    border: 1px solid #cecece;
    box-shadow: 1px 1px 1px #cecece;
    padding: 30px 20px 40px 20px !important;
    margin: 5px;
}



.postpaid-njam .mb-njam-20 {
    margin-bottom: 30px;
    margin-top: 30px;
}

.postpaid-njam ul.t-list-white2 li {
    display: block;
    background: url(../images/list-bullet-white.png) 0 8px no-repeat !important;
    padding-left: 15px;
    line-height: 21px;
    color: white !important;
    margin-bottom: 3px;
    font-size: 16px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 20px;
}

.postpaid-njam ul {
    margin-bottom: 15px;
}

.postpaid-njam .small-textt {
    font-size: 12px !important;
}


.postpaid-njam .njam-magenta img {
    position: absolute;
    margin-left: 50%;
    margin-top: -10px;
    width: 120px;
}





@media (max-width: 767px) {




    .postpaid-njam .njam-back h2 {
        font-size: 24px;
        margin-top: 20px;
    }

    .postpaid-njam .be-small {
        width: auto;
    }


    .postpaid-njam .njam-magenta {
        background-color: #e20074;
        position: absolute;
        width: 90%;
        height: initial;
        padding: 10px;
    }

        .postpaid-njam .njam-magenta img {
            position: absolute;
            bottom: -50px;
            right: 5px;
            width: 130px;
        }


    .postpaid-njam .njam-box {
        text-align: center;
    }

    .postpaid-njam .small-textt {
        font-size: 10px !important;
    }

    .postpaid-njam ul.t-list-white2 li {
        font-size: 12px;
    }

    .postpaid-njam .njam-magenta p {
        font-size: 12px;
    }
}


/*postpaid kampanja end*/


/*prepaid kampanja start*/


.prepaid-pix {
    position: relative;
}

    .prepaid-pix .prepaid-pix-holder {
        background-image: url("../content/images/alcatel-PIXI/back-sam.png");
        height: 480px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .prepaid-pix .pix-slika {
        position: absolute;
        right: -10px;
        top: 40px;
    }

    .prepaid-pix .pix-levo img:first-of-type {
        margin-left: 25px;
        margin-top: 30px;
    }

    .prepaid-pix .pix-levo img:nth-of-type(2) {
        margin-left: -15px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .prepaid-pix .pix-dugme {
        margin-left: 40px;
    }

    .prepaid-pix .polovina-ekran {
        width: 50%;
    }



@media screen and (min-width:767px) and (max-width:991px) {

    .prepaid-pix .pix-slika {
        width: 350px;
        top: 0px;
        right: -20px;
    }


    .prepaid-pix .pix-levo img:first-of-type {
        margin-left: 0;
        margin-top: 30px;
    }

    .prepaid-pix .prepaid-pix-holder {
        background-size: cover;
    }
}


@media (max-width: 767px) {



    .prepaid-pix .pix-levo img:first-of-type {
        margin-left: 0;
        margin-top: 30px;
    }


    .prepaid-pix .pix-slika {
        display: block;
        width: 200px;
        top: 25%;
    }

    .prepaid-pix .prepaid-pix-holder {
        background-size: cover;
    }

    .prepaid-pix .polovina-ekran {
        width: 100%;
    }
}


/*prepaid kampanja end*/





/*bond-z kampanja start*/

.bond-telefon .z-back {
    background-image: url("../content/images/bond-telefon/black-back.png");
    background-position: -140px;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 20px;
}

.bond-telefon p {
    font-size: 14px;
}


.bond-telefon .blackk-back {
    background-color: black;
}

.bond-telefon .gray-box-bond {
    background-color: #f1f2f2;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

    .bond-telefon .gray-box-bond span {
        color: #e20074;
    }

.bond-telefon .bond-telefon-holder {
    margin-top: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #cecece;
    padding-bottom: 40px;
}

.bond-telefon .middleip2 {
    margin-top: 5%;
}

.bond-telefon .middleip3 {
    margin-top: 15%;
}


.bond-telefon .z-back img:first-of-type {
    margin-top: 30px;
    margin-left: 20%;
}


.bond-telefon .blackk-back .naslov {
    margin-top: 40%;
    width: 80%;
}

.bond-telefon .be-small {
    font-size: 12px !important;
    line-height: 1.5;
}

.bond-telefon .blackk-back a {
    width: 180px;
    margin-top: 40px;
}


@media (max-width: 767px) {


    .bond-telefon .z-back img:first-of-type {
        margin-top: 30px;
    }


    .bond-telefon .blackk-back .naslov {
        margin-bottom: 20px;
    }


    .bond-telefon .z-back {
        background: transparent;
    }

    .bond-telefon .blackk-back {
        background-color: black;
        background-image: url("../content/images/bond-telefon/black-back.png");
        background-repeat: no-repeat;
        background-size: cover;
    }

        .bond-telefon .blackk-back a {
            width: inherit;
            margin-top: 40px;
            margin-left: -10px;
        }


    .bond-telefon .z-back img:first-of-type {
        margin-top: 30px;
        margin-left: 0;
    }
}


/*bond-z kampanja end*/




/*Fits you start*/
.narukivca-fits {
    background-image: url('../content/images/fitsYou/snow-top2.jpg');
    background-repeat: no-repeat;
    background-position: center 31%;
}


    /*.narukivca-fits .top-header {
background-image: url('../content/images/fitsYou/snow-top2.jpg');
background-repeat: no-repeat;
background-position: center top;
}*/

    .narukivca-fits .top-header {
        margin-top: 75px;
    }

        .narukivca-fits .top-header img {
            display: block;
            margin-bottom: 30px;
        }

    .narukivca-fits .bel-box {
        background-color: white;
        padding: 25px;
        margin-bottom: 20px;
    }

        .narukivca-fits .bel-box h4 {
            margin-top: 0px;
            padding-top: 0px;
            border-bottom: 1px solid #cecece;
            padding-bottom: 10px;
        }

    .narukivca-fits .mag-bor-box {
        border: 1px solid #e20074;
        margin-bottom: 20px;
        padding: 30px;
        background-color: white;
        background-image: url('../content/images/fitsYou/telefoni.png');
        background-repeat: no-repeat;
        background-position: 95% center;
    }

        .narukivca-fits .mag-bor-box h3 {
            border-bottom: 1px solid #cecece;
            padding-bottom: 10px;
            text-transform: uppercase;
        }

        .narukivca-fits .mag-bor-box .cijena {
            font-size: 26px;
            color: #e20074;
            margin-bottom: 20px;
        }

            .narukivca-fits .mag-bor-box .cijena span {
                text-decoration: line-through;
                padding-right: 40px;
                font-size: 22px;
            }

        .narukivca-fits .mag-bor-box .osumdeset {
            width: 70%;
        }


    .narukivca-fits ul.slim2 li {
        margin-bottom: 0px;
        padding-top: 10px !important;
        padding-bottom: 0 !important;
    }

    .narukivca-fits .fits-apps {
        margin-top: 40px;
    }

        .narukivca-fits .fits-apps img {
            width: 120px;
        }



#carousel-new-fits .carousel-inner {
    overflow: hidden;
}


    #carousel-new-fits .carousel-inner p {
        min-height: 130px;
    }


    #carousel-new-fits .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        line-height: 1;
        display: block;
        margin: 0 auto;
    }

#carousel-new-fits .carousel-indicators {
    bottom: -20px;
    font-size: 40px;
}



@media (max-width: 767px) {

    .narukivca-fits {
        background-size: cover;
    }

        .narukivca-fits .top-header {
            margin-top: 8%;
        }

        .narukivca-fits .mag-bor-box .cijena span {
            padding-right: 10px !important;
        }

        .narukivca-fits .mag-bor-box .osumdeset {
            width: 100%;
        }

        .narukivca-fits .mr20 {
            margin-right: 0px;
        }

        .narukivca-fits .mag-bor-box {
            background-color: white;
            background-image: none;
        }

        .narukivca-fits .fits-apps img {
            width: 115px;
            margin: 0 auto;
            display: block;
            margin-bottom: 10px;
        }
}




.narukivca-fits .mag-bor-box .cijena span {
    text-decoration: line-through;
    padding-right: 40px;
    font-size: 17px;
}
/*Fits you end*/






/*nova godina 16 start*/
.nova16 {
    background: url("../content/images/nova-16/nova-godina-back.jpg");
    background-repeat: no-repeat;
    background-position: center center;
}

    .nova16 p {
        font-size: 14px;
    }

    .nova16 .nova16-white {
        background-color: white;
        padding: 20px;
    }

    .nova16 .nova16-back h2 {
        color: white;
        font-size: 4.2em;
        font-weight: bold;
        margin-top: 70px;
    }

    .nova16 .nova16-back {
        margin: 60px;
    }


        .nova16 .nova16-back h2 span {
            color: #e20074;
        }

        .nova16 .nova16-back .small-textt {
            font-size: 12px;
            margin-top: 20px;
        }

        .nova16 .nova16-back img {
            margin-top: 50px;
            margin-left: 80px;
        }


@media (max-width: 767px) {
    .nova16 .nova16-back {
        margin: 20px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .nova16 {
        background: url("../content/images/nova-16/nova-godina-back.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

        .nova16 .nova16-back h2 {
            font-size: 42px;
        }

        .nova16 .nova16-back img {
            margin-top: 50px;
            margin-left: 20px;
        }
}

@media screen and (min-width:767px) and (max-width:991px) {

    .nova16 .nova16-back h2 {
        font-size: 49px;
    }

    .nova16 .nova16-back {
        margin: 20px;
    }

        .nova16 .nova16-back img {
            margin-top: 20%;
            margin-left: 20px;
            width: 80%;
        }
}
/*nova godina 16 end*/






/*50-evra-popust start*/

.e50-campa .e50-back {
    background-image: url('../content/images/50evra/main-back4.jpg');
    background-repeat: no-repeat;
    background-position: 80% center;
    height: 509px;
}

    .e50-campa .e50-back img {
        position: absolute;
        /*left: 23.7%;*/
        top: 80px;
    }


.e50-campa .e50-tel {
    background-image: url('../content/images/50evra/polica.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    min-height: 325px;
    margin-top: 20px;
    margin-bottom: 20px;
}


    .e50-campa .e50-tel h4 {
        font-size: 23px;
        text-transform: uppercase;
        margin-top: 10px;
        margin-bottom: 40px;
        font-weight: bold;
        min-height: 70px;
    }



    .e50-campa .e50-tel .ceni {
        margin-top: 65px;
        margin-bottom: 10px;
    }


        .e50-campa .e50-tel .ceni p:first-of-type {
            font-size: 28px;
            font-weight: bold;
            color: #e20074;
        }

            .e50-campa .e50-tel .ceni p:first-of-type span {
                font-size: 24px;
                font-weight: normal;
                color: #5e5e5e;
                min-width: 90px;
                display: inline-block;
                text-decoration: line-through;
            }


        .e50-campa .e50-tel .ceni p:nth-of-type(2) {
            font-size: 18px;
            font-weight: bold;
        }

            .e50-campa .e50-tel .ceni p:nth-of-type(2) span {
                font-size: 18px;
                font-weight: normal;
                padding-right: 25px;
            }


    .e50-campa .e50-tel img:first-of-type {
        height: 270px;
        margin: 0 auto;
        display: block;
    }


.e50-campa .e50-content {
    background-color: rgba(220,223,241,0.6);
    background-image: url('../content/images/50evra/snegulki.png');
    background-repeat: repeat-y;
    background-position: top center;
}

    .e50-campa .e50-content h3 {
        font-size: 24px;
        margin-top: 30px;
        margin-bottom: 50px;
    }

        .e50-campa .e50-content h3 span {
            font-family: 'tele-groteskhalregular';
            color: #3d3d3d;
        }

.e50-campa .e50-btn {
    margin-left: 40px;
}

.e50-campa .opis p {
    font-size: 14px;
}

.e50-campa .opis .small-text {
    font-size: 12px;
}




@media (max-width: 767px) {


    .e50-campa .e50-back {
        background-position: 70% center;
    }

        .e50-campa .e50-back img {
            position: absolute;
            left: 5%;
            top: 20px;
            width: 300px;
        }


    .e50-campa .e50-tel {
        background-image: none;
        min-height: 325px;
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
    }

    .e50-campa .e50-pol {
        background-image: url('../content/images/50evra/polica.png');
        background-repeat: no-repeat;
        background-position: bottom center;
        min-height: 325px;
    }

    .e50-campa .e50-tel h4 {
        font-size: 23px;
        text-transform: uppercase;
        margin-top: 10px;
        margin-bottom: 0px;
        font-weight: bold;
    }

    .e50-campa .e50-tel .ceni {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .e50-campa .e50-btn {
        margin-left: 0px;
    }

    .e50-campa .e50-tel .ceni p:first-of-type span {
        min-width: 130px;
    }
}


@media screen and (min-width:767px) and (max-width:991px) {

    .e50-campa .e50-tel h4 {
        min-height: 50px;
    }

    .e50-campa .e50-tel .ceni p:first-of-type span {
        min-width: 75px;
    }

    .e50-campa .e50-back {
        background-position: 70% center;
    }

        .e50-campa .e50-back img {
            left: 10%;
        }
}

@media (max-width: 991px) {
    .e50-campa .e50-back {
        background-position: 70% center;
    }

        .e50-campa .e50-back img {
            left: 10%;
        }
}

/*
@media screen and (min-width:991px) and (max-width:1224px)
{
.e50-campa .e50-back img {
   left: 10%;

}
}*/

/*50-evra-popust end*/


/*gear start*/


.gear-vr .gear-ekran {
    background-image: url('../content/images/gear-vr/ekran.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    height: 500px;
    background-size: cover;
}


.gear-vr .gear-kompatibilnost {
    background-image: url('../content/images/gear-vr/Kompatibilnost2.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: 500px;
    background-size: contain;
}

.gear-vr .gear-dizajn {
    background-image: url('../content/images/gear-vr/Dizajn2.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: 500px;
    background-size: contain;
}

.gear-vr .gear-avanture {
    background-image: url('../content/images/gear-vr/avanture.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    height: 500px;
    background-size: cover;
}

.gear-vr .gear-intro {
    padding: 20px;
    margin-top: 30px;
    background-color: white;
    margin-bottom: 60px;
}

    .gear-vr .gear-intro img {
        position: absolute;
        margin-top: -40px;
    }

.gear-intro .siv-box {
    margin-left: 35px;
}

    .gear-intro .siv-box .gear-cjena {
        font-size: 20px;
        color: #E20074;
    }

    .gear-intro .siv-box h3 {
        font-size: 35px;
    }

    .gear-intro .siv-box p {
        font-size: 14px;
    }

.gear-ekran h3 {
    color: white;
    font-size: 28px;
    margin-bottom: 0px;
    padding-left: 15px;
    padding-bottom: 15px;
}

.gear-ekran {
    padding: 20px;
}

    .gear-ekran p {
        color: white;
        text-align: left;
        font-size: 14px;
        width: 70%;
        padding-left: 15px;
    }

.gear-kompatibilnost {
    padding: 20px;
}

    .gear-kompatibilnost h3 {
        font-size: 28px;
    }

    .gear-kompatibilnost p {
        font-size: 14px;
        text-align: left;
        width: 70%;
    }

.gear-dizajn {
    padding: 20px;
}

    .gear-dizajn h3 {
        font-size: 28px;
    }

    .gear-dizajn p {
        font-size: 14px;
        text-align: left;
        width: 70%;
    }

.gear-avanture {
    padding: 20px;
}

    .gear-avanture h3 {
        font-size: 28px;
        color: white;
    }

    .gear-avanture p {
        font-size: 14px;
        color: white;
        margin-top: -13px;
    }

.gear-vr .siv-box ul li {
    background: url(../../content/images/samsung-a7/black-sq.png) 0 5px no-repeat !important;
    padding-left: 20px;
    padding-bottom: 10px;
}

.gear-vr .siv-box ul {
    margin-top: 50px;
    margin-bottom: 20px;
}

.gear-vr .gear-foot {
    margin-top: -30px;
    padding-left: 40px;
}

.gear-video {
    margin-top: 20px;
}


@media (max-width: 767px) {
    .gear-dizajn p {
        font-size: 12px;
        width: 100%;
    }

    .gear-kompatibilnost p {
        font-size: 12px;
        width: 100%;
    }

    .gear-ekran p {
        width: 100%;
    }

    .gear-avanture p {
        font-size: 12px;
    }

    .gear-ekran p {
        font-size: 12px;
    }

    .gear-vr .gear-ekran, .gear-vr .gear-kompatibilnost, .gear-vr .gear-dizajn, .gear-vr .gear-avanture {
        background-position: bottom;
    }

    .gear-kompatibilnost, .gear-dizajn {
        height: 380px !important;
    }

    .gear-vr .gear-intro img {
        position: relative;
        margin-top: 0px;
    }

    .gear-vr .gear-foot {
        margin-top: 10px;
    }

    .gear-intro .siv-box {
        margin-left: 0px;
    }
}

/*gear end*/



/*magenta 1 land start*/

.mag-1-land {
    margin-bottom: 30px;
}

    .mag-1-land .white-box {
        padding: 30px 0 30px 0;
        text-align: center;
    }

        .mag-1-land .white-box h2 {
            text-transform: uppercase;
            color: #e20074;
            font-weight: bold;
            font-size: 30px;
            font-family: 'tele-groteskhalregular';
        }

          .mag-1-land .white-box p {
   
          
            font-size: 16px;
        
        }

        .mag-1-land .white-box span {
            color: #e20074;
            margin-top: 10px;
            display: block;
        }

    .mag-1-land .gray-box {
        background-color: #f9f9f9;
        text-align: center;
        padding: 30px 0 30px 0px;
    }

    .mag-1-land .brll {
        border-left: 1px solid #ebebeb;
    }

    .mag-1-land .gray-box h4 {
        font-family: 'tele-groteskhalregular';
        text-transform: uppercase;
    }

  /*    .mag-1-land .gray-box p:first-of-type {
min-height:40px;

    }*/

    .mag-1-land .magenta-s-box {
        background-image: url(../content/images/magenta-1-land/saren-back-2.jpg);
        background-repeat: repeat-y;
        background-size: cover;
        padding: 20px 30px;		
    }

    .mag-1-land .round-white-box {
        background-color: white;
        border-radius: 10px;
        overflow: hidden;
		border: 2px solid transparent;
    }

        .mag-1-land .round-white-box h2 {
            font-family: 'tele-groteskhalregular';
            text-align: center;
            text-transform: uppercase;
                padding-top: 20px;
        }

        .mag-1-land .round-white-box span {
            font-size: 28px;
            color: #e20074;
            font-weight:bold;
        }

    .mag-1-land .magenta-s-box h4 {
        color: white;
        text-transform: uppercase;
        font-family: 'tele-groteskhalregular';
        font-size: 20px;
    }

    .mag-1-land .magenta-s-box .fix-a {
        height: 100px;
        padding:0;
        margin:0;
    }

    .mag-1-land .magenta-s-box .fix-b {
        height: 95px;
        padding:0;
               margin:0;
    }

    .mag-1-land .magenta-s-box .fix-c {
        height: 70px;
        padding:0;
               margin:0;
    }

    .mag-1-land .magenta-s-box .fix-d {
        height: 95px;
        padding:0;
               margin:0;
    }

    .mag-1-land .magenta-s-box .fix-e {
        height: 110px;
        padding:0;
               margin:0;
    }

    .mag-1-land .magenta-s-box .fix-f {
        height: 90px;
        padding:0;
               margin:0;
    }

 .mag-1-land .magenta-s-box h4.fix-b
 {
 padding-top:25px;
 }
 
  .mag-1-land .magenta-s-box h4.fix-c
 {
 padding-top:15px;
 }
 
  .mag-1-land .magenta-s-box h4.fix-d
 {
 padding-top:25px;
 }

 .mag-1-land .magenta-s-box h4.fix-e
 {
 padding-top:30px;
 } 
 
 
  .mag-1-land .magenta-s-box h4.fix-f
 {
 padding-top:35px;
 } 
	
	
    .mag-1-land ul.t-list li {
    display: block;
    background: url(../images/list-bullet.png) 0 4px no-repeat !important;
    padding-top: 0px;
   padding-bottom: 0px
}

    .mag-1-land .round-white-box ul.t-list li {
    display: block;
    background: url(../images/list-bullet.png) 0 8px no-repeat !important;
    padding-top: 0px;
   padding-bottom: 0px;
   margin-bottom: 0px;
}

    .mag-1-land ul.t-list {
   padding: 15px 20px;
    }
	
	   .mag-1-land ul.t-list  li ul.t-list {
   padding-top: 0px;
    }

    .mag-1-land .magenta-s-box .fix-h {
    text-align:center;
    margin-bottom: 20px;
    }

    .mag-1-land .magenta-s-box .fix-h h2{
    color: #8A8A8A;
    font-family: 'tele-groteskfetregular';
    font-size: 40px;
	margin-bottom: 0px;
}

  .mag-1-land .round-white-box .fix-a, .mag-1-land .round-white-box .fix-b, .mag-1-land .round-white-box .fix-c, .mag-1-land .round-white-box .fix-d, .mag-1-land .round-white-box .fix-e, .mag-1-land .round-white-box .fix-f {
      border-bottom:1px solid #ebebeb;
}


  .mag-1-land .white-logo-1 {
margin-top:30px;
  
}

   .mag-1-land .white-logo-1 .color-mag,  .mag-1-land .gray-box .color-mag {
color:#e20074;
}


.gray-box .m-mreza-ops, .gray-box .m-mreza-ops2, .gray-box .m-mreza-ops3, .gray-box .m-mreza-ops4{
    display: none;
    border: 2px solid #e20074;
    border-radius: 5px;
    background-color: white;
    padding: 10px 20px;
    position: absolute;
    margin-top: -135px;
    z-index: 9;
    width: 300px;
    left: 20%;
	-webkit-box-shadow: 0px 0px 76px 12px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 76px 12px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 100px -4px rgba(0,0,0,0.75);
	}

.gray-box .m-mreza-ops2
{
  margin-top: -155px;
}

.gray-box .m-mreza-ops3
{
  margin-top: -90px;
}


.gray-box .m-mreza-ops4
{
  margin-top: -70px;
}

/*.nzm1:hover .m-mreza-ops, .nzm1:hover .m-mreza-ops2, .nzm1:hover .m-mreza-ops3, .nzm1:hover .m-mreza-ops4 {
    display: block !important;
}*/

.gray-box .m-mreza-ops p, .gray-box .m-mreza-ops2 p, .gray-box .m-mreza-ops3 p, .gray-box .m-mreza-ops4 p {
    font-size: 12px;
    text-align: left;
    line-height: 1.5;
}


.gray-box .m-mreza-ops ul.t-list, .gray-box .m-mreza-ops2 ul.t-list, .gray-box .m-mreza-ops3 ul.t-list, .gray-box .m-mreza-ops4 ul.t-list {
    padding: 5px 10px;
    margin-bottom: 5px;
}

    .gray-box .m-mreza-ops ul.t-list li, .gray-box .m-mreza-ops2 ul.t-list li, .gray-box .m-mreza-ops3 ul.t-list li, .gray-box .m-mreza-ops4 ul.t-list li {
        line-height: 1.2;
        text-align: left;
        font-size: 12px;
    }


.close-tr {
    float: right;

    cursor: pointer;
    margin-right: -10px;
}

.opsirnije-box {
        cursor: pointer;
}



.round-white-box{
transition:all ease-in 0.3s;
}
.round-white-box *{
transition:all ease-in 0.3s;
}
.round-white-box:hover	
{

border: 2px solid #e20074;

    box-shadow: 0px 0px 20px #2b2b2b;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(0.2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(0.1);   
	-ms-transform: inherit\9;   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(0.1);
    transition: all 200ms ease-in;
    transform: scale(1.02);

}
.round-white-box .fix-h h2{
transition:all ease-in 0.3s;
}
.round-white-box:hover .fix-h h2{
color:#e20074
}

.round-white-box:hover .fix-h .grey-btn{
    font-size: 16px !important;
    background: #ff339c!important;
    background: -moz-linear-gradient(top, #ff339c 0%, #e20074 50%, #cc0069 100%)!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff339c), color-stop(50%,#e20074), color-stop(100%,#cc0069))!important;
    background: -webkit-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%)!important;
    background: -o-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%)!important;
    background: -ms-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%)!important;
    background: linear-gradient(to bottom, #ff339c 0%,#e20074 50%,#cc0069 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff339c', endColorstr='#cc0069',GradientType=0 )!important;
    border: 1px solid #cc0069!important;
    text-transform: none !important;
    box-shadow: none!important;
    box-shadow: none!important;
    font-family: tele-groteskhalregular!important;
    font-weight: normal !important;
	color:white !important;
}


.mag-1-land .ops-intro 
{
margin-bottom: 15px;
}


.mag-1-land .ops-intro img	
{
float: left;
}

.mag-1-land .ops-intro h4	
{
float: left;
padding-left: 20px;
}

@media (max-width: 767px) {


   .mag-1-land .magenta-s-box {
        background-image: url(../content/images/magenta-1-land/saren-back-2.jpg);
        background-repeat: repeat-y;
        background-size: cover;   
		height: initial;
    }

.mag-1-land .magenta-s-box h4 {
    color: #3d3d3d;
  text-align:center;
}

.mag-1-land .white-logo-1 {
background-color:white;
    padding: 20px;
}


.round-white-box ul.t-list li {
 
border-bottom: 0px solid #efefef !important;
 
}

    .mag-1-land .magenta-s-box .fix-a {
        height: 100px;
        padding:0;
        margin:0;
    }

    .mag-1-land .magenta-s-box .fix-b {
        height: initial;
        padding:0;
               margin:0;
    }

    .mag-1-land .magenta-s-box .fix-c {
 height: initial;
        padding:0;
               margin:0;
    }

    .mag-1-land .magenta-s-box .fix-d {
     height: initial;
        padding:0;
               margin:0;
    }

    .mag-1-land .magenta-s-box .fix-e {
 height: initial;
        padding:0;
               margin:0;
    }

    .mag-1-land .magenta-s-box .fix-f {
 height: initial;
        padding:0;
               margin:0;
    }

    .round-white-box {
    margin-bottom: 20px;
    }
	
	.mag-1-land .round-white-box h2 {

    font-size: 24px;
}

.mag-1-land .magenta-s-box .fix-h h2 {

    font-size: 32px;
}

.mag-1-land ul.t-list {
    padding: 5px 10px;
}



.gray-box .m-mreza-ops, .gray-box .m-mreza-ops2, .gray-box .m-mreza-ops3, .gray-box .m-mreza-ops4{

    width: initial;
    left: 0%;

	}
}
@media (max-width: 1411px) {
.gray-box .m-mreza-ops, .gray-box .m-mreza-ops2, .gray-box .m-mreza-ops3, .gray-box .m-mreza-ops4{

  
    left: 0%;

	}

}
	
	
}


.magenta-1-exep {
text-transform: capitalize !important;
    color: #e20074;
}


.magenta-1-exep:hover {
    color: white;
}


/*magenta 1 land end*/

.magenta-1-exep {
text-transform: capitalize !important;
    color: #e20074;
}


.magenta-1-exep:hover {
    color: white;
}


.btn-slider-magenta-grey {
 padding: 11px 20px !important;  
    text-transform: none !important;
     border: none !important;
}


/*istaknuta cijena*/

.istaknuta-c {
position:absolute;
bottom:25px;
width: 90%;
}

.istaknuta-c span {
    font-family: 'tele-groteskhalregular';
    display: block;
}


    .istaknuta-c span:first-of-type {
        color: #e20074;
        font-size: 24px;
 
        padding-bottom: 10px;
   
    }

    .istaknuta-c span:nth-of-type(2) {

        padding-top: 10px;
        font-size: 16px;
    }


.devices-item-footer .radio, .devices-item-footer .checkbox {
    position: relative;
    display: block;
    margin-top: 17px;
    margin-bottom: 0px;
}


.brr {
    border-right: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
}

.staticc
{
position: static !important;
}


@media (max-width: 767px) {
    .istaknuta-c {
       position: relative; 
        /* bottom: 25px; */
        margin-top: 20px;
    }

    .devices-item { 
  
    height: 460px;

}


    .devices-item .devices-item-content {
    height: 290px;
  
}
}


.magenta-1-exep {
text-transform: capitalize;
    color: #e20074;
}


.magenta-1-exep:hover {
    color: white;
}








/*================== 
       Webshop  
==================*/




.webshop-first-row {
    margin-top: 10px;
    margin-bottom: 40px;
}

.webshop-categories-wrapper {
    background-color: #fbfbfb;
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

@media (max-width:768px) {
    .webshop-categories-wrapper {
        display: block;
        margin-top: 74px;
    }
}

.webshop-categories-wrapper h2, .product-name-price h2{
    text-transform: uppercase;
    font-size: 14px!important;
    background: #e8e8e8;
    padding: 13px 10px;
    margin-bottom: 0px;
}

.webshop-categories-wrapper .full-article {
    padding: 0px !important;
}


span.mob-tel:before, span.fiks-tel:before, span.tabl:before, span.dodaci:before, span.modemi:before, span.sim-kart:before {
    height: 24px;
    width: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 9px;
}

span.mob-tel:before {
    content: '';
    background-image: url('../images/webshop-new/mobilni.png');
}

span.fiks-tel:before {
    content: '';
    background-image: url('../images/webshop-new/fiksni.png');
}

span.tabl:before {
    content: '';
    background-image: url('../images/webshop-new/tableti.png');
}


span.dodaci:before {
    content: '';
    background-image: url('../images/webshop-new/dodaci.png');
}

span.modemi:before {
    content: '';
    background-image: url('../images/webshop-new/modemi.png');
}

span.sim-kart:before {
    content: '';
    background-image: url('../images/webshop-new/sim.png');
}

.sub {
    z-index: 102;
    text-align: left;
    padding: 0 0 0 10px;
    display: none;
}

/*.sub-inner {
    background: #fff;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(128,128,128,0.22);
    -moz-box-shadow: 0px 0px 5px 1px rgba(128,128,128,0.22);
    box-shadow: 0px 0px 5px 1px rgba(128,128,128,0.22);
    height: 100%;
	padding: 20px 15px 0px 0px;
}*/
.sub-inner {
    background: #fff;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(128,128,128,0.22);
    -moz-box-shadow: 0px 0px 5px 1px rgba(128,128,128,0.22);
    box-shadow: 0px 0px 5px 1px rgba(128,128,128,0.22);
    height: 100%;
	padding: 10px 15px 0px 0px;
}


@media (max-width:768px) {
    .sub {
        padding: 0px !important;
        margin-left: -16px;
        margin-top: 8px;
    }

    .sub-inner {
        box-shadow: none;
		padding:0px 0px;	
    }
	
	.product-item {
		border-left:0!important;
		border-bottom: 1px solid #EFEEEE;
		margin-bottom:0px!important;
	}
	
}

@media (min-width:768px) and (max-width: 991px) {
    .sub {
        width: 625px;
    }
	.sub-inner {
		min-height: 310px;
	}
}

@media (min-width:992px) and (max-width: 1198px) {
    .sub {
        width: 808px;
    }
}

@media (min-width:1199px) {
    .sub {
        width: 833px;
    }
}



/*@media (min-width: 1199px) {
   .sub {
     width:808px;
     }
}*/




@media (min-width: 769px) {
    .sub {
        position: absolute;
        left: 100%;
        right: 0;
        display: none;
        height: 264px;
        top: 53px;
    }


    .webshop-categories-wrapper ul li:hover .sub {
        display: block;
		
		
        visibility: visible;
    }

    #myAccordion .btn-danger:hover > .sub {
        display: block;
        height: 264px !important;
        visibility: visible;
    }
}

@media (min-width: 769px) {
    .webshop-categories-wrapper ul li:hover .sub {
    height: auto !important;
	}
}

@media (min-width: 991px) {
	.webshop-categories-wrapper ul li:hover .sub {
	height: 276px !important;
    margin-top: -10px;
	}
}



ul.webshop-categories li {
    /* padding-top: 8px; */
    line-height: 23px;
    /* padding-left: 48px; */
    /* padding-bottom: 8px; */
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    margin-top: -2px;
}


    ul.webshop-categories li:after {
        display: block;
        content: "";
        height: 1px;
        width: 90%;
        border-top: 1px solid #E5E5E5;
        margin: 0px auto;
    }

        ul.webshop-categories li:hover:after {
        display: block;
        content: "";
        height: 1px;
        width: 90%;
        border-top: 1px solid transparent;
        margin: 0px auto;
    }

    ul.webshop-categories li span {
        padding: 7px 0px;
        display: block;
        width: 100%;
        padding-left: 48px;
    }

    ul.webshop-categories li:hover {
        background-color: #fff;
        border-color: #eee;
        width: 107%;
        width: calc(100% + 11px);
    }


ul.webshop-categories {
    padding-top: 15px;
        padding-bottom: 13px;
}

@media (max-width: 767px) {
    ul.webshop-categories li:hover {
        width: 100%;
    }
}


/***/
div#custom-search-input.search-extended {
    background: transparent;
    border: 0px;
}

.search-extended .extended-results p {
    padding: 15px 15px 15px 15px;
    font-size: 18px;
	    font-family: 'tele-groteskhalregular';
}

span.results-for {
    color: #e20074;
    font-family: 'tele-groteskhalregular';
	}

#custom-search-input {
    position: relative;
    display: block;
    padding: 0px;
    border: solid 1px #e9e9e9;
    border-radius: 0px;
    background-color: #fbfbfb;
    margin-bottom: 10px;
        height: 43px;
}

    #custom-search-input input {
        border: 0;
        box-shadow: none;
    }

    #custom-search-input button {
        margin: 2px 0 0 0;
        background: none;
        box-shadow: none;
        border: 0;
        color: #666666;
        padding: 0 8px 0 10px;
        /*border-left: solid 1px #ccc;*/
    }

        #custom-search-input button:hover {
            border: 0;
            box-shadow: none;
            /*border-left: solid 1px #ccc;*/
        }

    #custom-search-input .glyphicon-search {
        font-size: 16px;
        color: #ea499c;
    }

div#custom-search-input .input-group-btn {
    background: white;
}


div#custom-search-input button:focus {
    outline: none;
}


.pl10 {
    padding-left: 10px !important;
}


.webshop-categories-title {
    position: relative;
}





button.btn.btn-kategorije-title {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 38px;
    width: 39px;
    border-radius: 0px;
    background: transparent;
}

    button.btn.btn-kategorije-title:active {
        box-shadow: none;
    }

@media (min-width: 768px) {
    button.btn.btn-kategorije-title {
        display: none;
    }
}

button.btn.btn-kategorije-title:focus, button.btn.btn-kategorije-title:active {
    outline: none;
}

button.btn.btn-kategorije-title:before {
    top: 12px;
    font-family: "Ionicons";
    content: "\f123";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    right: 0;
}

button.btn.btn-kategorije-title.arr-up:before {
    content: "\f123";
}

@media (max-width: 767px) {
    #kategorije-accordion {
        display: none;
    }

        #kategorije-accordion.kat-acc-open {
            display: block;
        }
}

/**/
div#searchResult:empty {
    display: none;
}

/*
.search-results-item {
    display: inline-block;
    position: relative;
    width: 30%;
	float:left;
}
*/

.search-results-item img {
    width: 100%;
    max-width: 50px;
}


/**/

.product-item img {
    width: auto;
    max-width: 50px;
    height: auto;
    max-height: 80px;
	margin-top: 18px;
}

.product-item {
    border-left: 2px solid #e9e9e9;
    height: 110px;
    margin-bottom: 10px;
    margin-right: -15px;
}



.product-item:hover {
    border-color: #e20074;
    background-color: #f6f6f6;
}

.product-item-img {
    width: 75px;
    display: inline-block;
    float: left;
    text-align: center;
	height: 110px;
}


.product-name-price h2, .product-name-price h2 a {
	color: #3D3D3D;
    padding: 20px 5px 5px 0px;
    background-color: transparent;
	margin-bottom: 8px;
	border-bottom:0px!important;
}
.inner-cont .product-name-price h2 {
    padding: 20px 5px 5px 0px;
}

.search-results-item .product-name-price h2 {
	text-transform: uppercase;
    font-size: 14px;
    padding-right: 10px;
}


.product-name-price {
    /* width: auto; */
    display: block;
    position: relative;
    /* float: left; */
}

span.product-item-price {
    padding: 0px!important;
    color: #e20074;
    font-size: 26px;
    padding-top: 10px;
	font-family: 'tele-groteskhalregular';
}

.product-name-price h2 > span {
    padding: 0px!important;
}

/**** webshop search ****/

.webshop-homepage input.form-control {
    height: 41px;
}

.search-results-holder:before, .search-results-holder:after {
	content:'';
	display:table;
	clear:both;
}

.search-results-holder{
    position: relative;
    z-index: 100;
    background: white;
    -webkit-box-shadow: 0px 3px 5px 1px rgba(128,128,128,0.22);
    -moz-box-shadow: 0px 3px 5px 1px rgba(128,128,128,0.22);
    box-shadow: 0px 3px 5px 1px rgba(128,128,128,0.22);
    display: inline-block;
        padding: 10px 15px 0px 0px;
    margin-top: 0px;
    width: 100%;
}

p.more-results {
    margin-bottom: 0px;
    line-height: 1;
    color: #e20074;
    text-align: right;
    text-transform: uppercase;
    padding: 7px 15px;
}
div#custom-search-input.search-extended {
    height: auto!important;
}

div#custom-search-input div#noDataFound {
    margin: 0px 15px;
}


/**** webshop search end ****/




/*Benefiti */
.benefiti-wrapper {
    width: 80%;
    margin: 0px auto;
    margin-bottom: 70px;
	margin-top:50px;
}
/*Benefiti */



.cc-prefix-error
{
    display: block;
    }
	
	
.pre-post-paid-sim
{
margin-top: 30px;
}


.info-uplatnica
{
    background-image: url('../content/images/pay-icon.png');
    background-repeat: no-repeat;
    background-position: 3% 35%;
    padding-left: 20%;
}

@media (max-width: 767px)
{
.info-uplatnica
{
    background-image: none;
	padding-left: 20px;
	padding-right: 20px;
    
}

}


.cc-prefix-error
{
    display: block;
    }
	
	
	#comparationTable .phone-thumb-holder img {
  
	box-shadow: none !important;
}


.iphone-se-button-fix
{
    top: 35% !important;
    left: 65% !important;
	    margin-top: 0px !important;
}

@media (max-width: 767px){

.devices-tv .istaknuta-c {
    position: absolute;
    bottom: 50px;
    right: 15px;
	top: initial;
}


}



	
.faq-mag1
{
width: 170px;
    padding: 20px;
    padding-left: 20px;
    background-color: #f5f5f5;
    font-family: 'tele-groteskhalregular';
    font-size: 16px;
    margin-top: 30px;
    float: left;
    color: #5e5e5e;
	    margin-right: 10px;
}

.faq-mag1:hover
{

    background-color: #fef5fa;
 
}


.faq-mag1 span
{
    font-weight: bold;
    color: #E20074;
    float: right;
}

	

/*istaknuta cijena*/

.istaknuta-c {
position:absolute;
bottom:25px;
right:5px;

}

.devices-tv .istaknuta-c {
    position: absolute;
    bottom: 85px;
    right: 25px;
	width: initial;
}

.istaknuta-c span {
    font-family: 'tele-groteskhalregular';
    display: block;
}


    .istaknuta-c span:first-of-type {
        color: inherit;
    font-size: 18px;
    /* border-bottom: 1px solid #d9d9d9; */
    padding-bottom: 3px;
    text-decoration: line-through;
		text-align: center;
   
    }

    .istaknuta-c span:nth-of-type(2) {
  padding-top: 10px;
    font-size: 24px;
    color: #e20074;
	text-align: center;
    }

.istaknuta-c span:nth-of-type(3) {
    font-size: 16px;
    display: block;
    margin-top: 10px;
    border-top: 1px solid #cecece;
    padding-top: 10px;
	text-align: center;
}

.devices-item-footer .radio, .devices-item-footer .checkbox {
    position: relative;
    display: block;
    margin-top: 17px;
    margin-bottom: 0px;
}


.brr {
    border-right: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
}

.staticc
{
position: static !important;
}


@media (max-width: 767px) {
    .istaknuta-c {
 top: -65px;
    width: 50%;
    }

    .devices-item { 
  
    height: 460px;

}


    .devices-item .devices-item-content {
    height: 290px;
  
}
}
    
    
	
	a.device-category.devices_partner {
    padding-left: 3px;
    padding-right: 3px;
}
    

	


div#changeInfo input[type="text"] {
width: 50% !important;
float: left !important;
}

div#changeInfo .w40 input[type="text"] {
width: 40% !important;
}

input#btnChangeJmbg, input#btnChangeContactNumber {
    float: left;
    margin-left: 25px;
    margin-top: 2px;
}


input#btnCancelChangeJmbg, input#btnCancelChangeContactNumber {
    float: left;
    margin-left: 25px;
        margin-top: 2px;
}



@media screen and (max-width:767px) {

   div#changeInfo input[type="text"] {
    width: 100% !important;
    float: none !important;
    
    }

   input#btnChangeJmbg, input#btnChangeContactNumber {

    margin-left: 0px;
    margin-top: 0px;
}

   div#changeInfo .w40 input[type="text"] {
width: 100% !important;
}
}


@media screen and (min-width: 767px) and (max-width: 1200px) {

   div#changeInfo input[type="text"] {
    width: 100% !important;
    float: none !important;
    
    }

    #jmbgWrapper {
    margin-bottom: 10px;
    }
}




#passwordResetContainer label

{

    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
}
	
#passwordResetContainer input[type="password"] {
width: 40%;
    display: inline-block;
    margin-bottom: 35px;
}

#passwordResetContainer .validationMessage {
    color: #D8000C !important;
    display: block;
    font-size: 12px;
	margin-top: -20px;

}

#passwordResetContainer .yellow-error
{
line-height: 1.2;
    background-color: #F7F4F0;
    color: #383838;
    border-radius: 5px;
    padding: 20px;
    display: block;
    margin-top: 10px;
    width: 50%;
    font-size: 12px;
    border: 1px solid #b48e2f;
	
}

#passwordResetContainer  h2{
	margin-bottom: 40px;
    font-size: 26px;
    color: #555;
    line-height: 110%;
    font-weight: normal;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    width: 50%;
    margin-top: 20px;
	
}

#passwordResetContainer button.btn.magenta-btn
{
margin-top: 20px;	
	
}

#passwordResetContainer  .green-message {
	background-color: #f7fbf4;
    border: 1px solid #548c1c;
    color: #383838 !important;
    background-image: url(../images/ic_wishlist_success.png?v001);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding: 15px 15px 15px 50px;
    text-align: left;
    font-size: 15px;
	    border-radius: 5px;
}



@media screen and (max-width:767px) {
	
#passwordResetContainer input[type="password"] {
width: 100%;
display: block;

}	

#passwordResetContainer  h2{

    width: 100%;

	
}

#passwordResetContainer .validationMessage {

    padding-top: 0px;

}


#passwordResetContainer .yellow-error {
  
width: 100%;

}

#passwordResetContainer button.btn.magenta-btn {
    margin-top: 0;
}

}



.onSaleImgDiscount
{
    position: absolute !important;
    z-index: 1 !important;
    top: 50px !important;
    left: 3px !important;
    width: 115px;
    max-width: 100% !important;
    max-height: 100% !important;
    }

.ec-10
{position: absolute;
        margin-left: 45px;
    }


/************ international prefixes **************/

.international-prefixes-holder
{
    padding: 20px;
    }
 
 #long-wrap .international-prefixes-holder .letter-list li
 {
     background: none !important;
     }   
	 
	
 #long-wrap .international-prefixes-holder .letter-list a {  

    padding-top: 0px;
   
}
	 

/************ international prefixes end ****************/





/*mob-app-track start*/

.dark-gray-back {
background-color: #444444;
}
.mob-app-track {
    padding: 25px 0px 0px 80px;
}

.mob-app-track h3 {
    text-transform: uppercase;
    color: white;
    font-size: 26px;
    margin-bottom: 0;
    font-family: 'tele-groteskhalregular';
    display: inline-block;
    background-color: #e20074;
    padding: 2px 10px;
}

.mob-app-track h3:first-of-type {
   margin-top:5px;
}



.mob-app-track h3 span {
font-weight: bold;
}

.mob-app-track img {
float: left;
padding-right: 60px;
}

.mob-app-track .btn {
float: right;
margin-right: 15%;
margin-top:-15px;
}






@media screen and (max-width:767px) {
.mob-app-track {
    padding: 5px;
}

.mob-app-track h3 {
font-size: 16px;
}

.mob-app-track .btn {
    margin-top: 15px;
    float: right;
    font-size: 14px;
}

.mob-app-track h3 img {
    padding-right: 10px;
    float: left;
}

.dark-gray-back 
{
    margin-top: 12px;
}

}

@media screen and (min-width: 768px) and (max-width: 991px) {
.mob-app-track {
    padding: 15px 0px;
}
.mob-app-track h3 img {
    padding-right: 15px;
}

.mob-app-track h3 {
font-size: 20px;
    }
}

@media screen and (max-width:465px) {
.mob-app-track img {
padding-right: 5px;
    width: 105px;
    float: none;
    display: block;
    margin: 0 auto;
}

.mob-app-track h3 {
    font-size: 14px;
}

}
/*mob-app-track end*/

/*Rodjendanski popust najava start*/

.employee-login {
text-align: center;
}
.employee-login .small-basket {
    padding: 10px;
    /* position: absolute; */
    top: 130px;
    left: 50%;
    transform: translate(-50%, -50%);
}


.emp-birthday-discount .tabs-devices .pale-holder {

    background-image: url(../images/Rodjendanski-popust/rodjendanski-popust-back.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.emp-birthday-discount .tabs-devices .pale-holder .container {

padding-top: 270px;
}

@media (max-width:769px) {
.emp-birthday-discount .tabs-devices .pale-holder {

      background-size: contain;
}

.emp-birthday-discount .tabs-devices .pale-holder .container {
    padding-top: 120px;
}
}


/*Rodjendanski popust najava end*/

/** rod phone list**/

.ec-rp{
	position: absolute !important;
    top: 50px  !important;
    z-index: 9  !important;
    left: 20px  !important;
}
/***rod phone list end***/

.tv-info
{
    width: 50%;
    margin: 0 auto;
    font-size: 14px;
    text-transform: none;
    padding: 20px;
    background-color: #dcf0f8;
    background-image: url(../../images/info-icon-new.png);
    background-repeat: no-repeat;
    background-position: 10% center;
    padding-left: 10%;
    margin-bottom: 10px;
}


.btn-iphone-se-n {
    background: transparent !important;
    border: 1px solid #666 !important;
    border-radius: 4px !important;
    color: #666 !important;
    font-size: 18px !important;
    line-height: 32px !important;
    text-align: center !important;
    white-space: nowrap !important;
    padding: 0 16px !important;
    display: inline-block !important;
    width: 130px !important;
}

.btn-none {
   display: none !important;
}

.magenta-button-rd.layer.pos-sliderTopLeft.mb-button-before-end.pos-sliderBottomLeft.btn-fix-slider-nas.bottom20-fix-naslovna.btn.btn-grey.iphonebtn {
    left: 80%;
    display: block !important;
    border: 1px #969696 solid !important;
    background: transparent !important;
    color: #969696 !important;
    box-shadow: none !important;
    font-size: 18px !important;
    border-radius: 4px !important;
    font-family: "Myriad Set Pro", "Arial" !important;
    top: 45%;
    height: 40px;
}

.magenta-button-rd.layer.double-button.pos-sliderTopLeft.mb-button-before-end.pos-sliderBottomLeft.btn-fix-slider-nas.bottom20-fix-naslovna.btn.btn-grey {
    left: 80%;
    display: block !important;
    border: 1px #969696 solid !important;
    background: transparent !important;
    color: #969696 !important;
    box-shadow: none !important;
    font-size: 18px !important;
    border-radius: 4px !important;
    font-family: "Myriad Set Pro", "Arial" !important;
    top: 35%;
    height: 40px;
}


/*#region extratv kanali*/

.inner-cont {
            background: transparent;
            border: 0px 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: -2px 1px 0 #ccc;
            box-shadow: none !important;
            margin-bottom: 15px;
            min-height: inherit;
        }

        #extraTvKanaliPaketi {
            border: 1px solid #d0d0d0;
            font: 100%/20px, Arial, sans-serif;
        }

            #extraTvKanaliPaketi img {
                width: 65px;
                height: 65px;
                padding: 10px;
                margin-right: 1em;
                border: 1px solid #d0d0d0;
                border-radius: 4px;
                background-color: white;
            }

            #extraTvKanaliPaketi .channel-number {
                padding: 10px;
            }

            #extraTvKanaliPaketi th {
                padding: 10px;
            }

            #extraTvKanaliPaketi td {
                vertical-align: middle;
                text-align: center;
                border: 1px solid #d0d0d0;
            }

            #extraTvKanaliPaketi tbody th {
                border: 1px solid #d0d0d0;
            }

            #extraTvKanaliPaketi thead th {
                text-align: center;
                border: 1px solid #d0d0d0;
            }

                #extraTvKanaliPaketi thead th:nth-of-type(1) {
                    text-align: left;
                }

            #extraTvKanaliPaketi .cell-channel-icon a {
                display: block;
                padding: 0;
                line-height: 45px;
                vertical-align: middle;
                color: #000;
                /* white-space: nowrap;*/
                font-size: 16px;
                font-weight: normal;
            }

            #extraTvKanaliPaketi tbody td a, #extraTvKanaliPaketi thead th a span, #extraTvKanaliPaketi thead th {
                color: #4b4b4b !important;
                font-size: 16px;
            }

                #extraTvKanaliPaketi tbody td a:hover, #extraTvKanaliPaketi thead th a span :hover, #extraTvKanaliPaketi thead th :hover {
                    color: #e20074 !important;
                }

            #extraTvKanaliPaketi tbody tr:nth-of-type(2n+1) {
                background-color: #e6e6e6;
            }

            #extraTvKanaliPaketi .cell-channel-icon a:hover img {
                -webkit-transform: scale(3) translateX(33%);
                -moz-transform: scale(3) translateX(33%);
                -ms-transform: scale(3) translateX(33%);
                -o-transform: scale(3) translateX(33%);
                transform: scale(3) translateX(33%);
                -webkit-transition: transform 0.2s ease;
                -moz-transition: transform 0.2s ease;
                -ms-transition: transform 0.2s ease;
                -o-transition: transform 0.2s ease;
                transition: transform 0.2s ease;
                color: #e20074 !important;
                -webkit-box-shadow: 0 0 0 2px rgba(0,0,0,0.05);
                -moz-box-shadow: 0 0 0 2px rgba(0,0,0,0.05);
                -ms-box-shadow: 0 0 0 2px rgba(0,0,0,0.05);
                -o-box-shadow: 0 0 0 2px rgba(0,0,0,0.05);
                box-shadow: 0 0 0 2px rgba(0,0,0,0.05);
            }

            #extraTvKanaliPaketi .cell-channel-icon a:hover {
                color: #e20074 !important;
            }


        .extraTvPaketiNaslov {
            color: black;
            font-size: 72px;
        }

        @media only screen and (max-width: 767px) {
            .tabelaZaEkstraPaketi div.table-wrapper {
                border-right: 0px !important;
             
            }
            #extraTvKanaliPaketi thead th{
                text-align:center!important;
            }
            #extraTvKanaliPaketi th{
                padding:10px 0px!important;
            }

            #extraTvKanaliPaketi td {
                width: 33%;
            }
            #extraTvKanaliPaketi .cell-channel-icon a{
                text-align:center;
            }
            .tabelaZaEkstraPaketi{padding-right:15px!important;
                                  padding-left:15px!important;
            }
            #extraTvKanaliPaketi img{
                margin-right:0px;
            }
            #extraTvKanaliPaketi .channel-number{display:block;}
        }

/*#endregion extratv kanali*/













