/*!
 * ns-implementation

 */

/*padding reset*/

body.modal-open {
    overflow: hidden;
}

a:hover, a:focus {
    text-decoration: none;
}

.p0 {
    padding: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pl0 {
    padding-left: 0 !important;
}


.p5 {
    padding: 0 5px !important;
}

.pb10 {
    padding: 10px;
}

.mt25 {
    margin-top: 25px;
}

.pl25 {
    padding-left: 25px;
}

.mt15 {
    margin-top: 15px;
}

.pl15 {
    padding-left: 15px;
}

.m0 {
    margin-left: 0;
    margin-right: 0;
}

.mb0 {
    margin-bottom: 0px;
}

.mb10 {
    margin-bottom: 10px;
}

.mt40c {
    margin-top: 40px;
}


.pb-0 {
    padding-bottom: 0;
}

.webz .three-boxes {
    min-height: 385px;
}

.carousel-inner {
    margin-top: 14px;
	overflow: inherit;
}



@media screen and (max-width:767px) {

    #imenik .col-lg-5.col-md-5.col-sm-6.col-xs-12, #imenik .col-lg-7.col-md-7.col-sm-6.col-xs-12.piktos2 {
        padding: 0;
    }

    .search {
        padding-top: 85px !important;
    }

        .search.p0 {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

    .gsc-control-cse {
        padding-top: 65px !important;
    }


    .home-box {
        margin-bottom: 0;
        margin-top: -1px;
    }

    .section-container.tabs.inner-tabs-container .section.tab-fin {
        display: block;
    }

        .section-container.tabs.inner-tabs-container .section.tab-fin p {
            background: white;
            margin-bottom: -1px;
        }

    .shopz {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-right: 1px solid #e20074;
    }

    .webz .pl0 {
        padding: 0 !important;
    }

    .webz .three-boxes {
        min-height: inherit;
    }

        .webz .three-boxes h1 {
            margin-bottom: 0 !important;
        }

    #dsearch2.search-box {
        background-color: #bbb !important;
    }

    #lpInviteLayer-361 {
        display: none;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent;
    }

    .pl25 {
        padding-left: 0;
    }

    .p5 {
        padding: initial;
    }

    .p0 {
        padding: initial;
    }

    .pr0 {
        padding-right: initial !important;
    }

    .pl0 {
        padding-left: initial !important;
    }



    .mt25 {
        margin-top: initial;
    }

    .m0 {
        margin-left: 0;
        margin-right: 0;
    }

    .filter-ic {
        width: 50%;
    }
}


@media screen and (min-width: 1199px) {
    .container {
        width: 1000px;
        width: 1000px\9 !important;
    }

    .navbar-nav li:hover .dropdown-menu {
        display: block\9 !important;
    }
}



@media screen and (max-width:991px) {
    .home-slider-title {
        margin-top: 10%;
    }

    .mt40c {
        margin-top: 25px;
    }
}

@media screen and (min-width:767px) and (max-width:991px) {
    .right-sm {
        float: right;
    }

    .mt25 {
        margin-top: 0;
    }

    .nav > li > a {
        padding: 8px 10px !important;
    }
}


.navbar-default .navbar-collapse, .navbar-default .navbar-form {
     border-color: transparent;
    background-color: #676767;
    margin-top: -1px;
    text-align: center;
    margin: inherit;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.dropdown-menu, .search-box {
    position: absolute;
    top: 100%;
    right: 0;
    left: inherit;
    z-index: 999999;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fafafa;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px none #ccc;
    border: 1px none rgba(0, 0, 0, .15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px #000000;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: none;
    padding: 15px;
}


#navigation-menu .dropdown-menu {
    position: absolute;
    top: 100% !important;
    right: inherit;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background: #676767;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px none #ccc;
    border: 1px none rgba(0, 0, 0, .15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px #ccc;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: none;
    padding: 5px 15px 10px;
    min-width: 200px !important;
    max-width: initial !important;
}

    #navigation-menu .dropdown-menu > li > a {
        display: block;
        padding: 0;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #fff;
        white-space: nowrap;
    }


        #navigation-menu .dropdown-menu > li > a:hover {
            background: transparent;
            color: #e20074;
        }

.content.inner {
    background: #fff;
    padding-bottom: 70px;
    /*padding-top: 40px;*/
}

.inner-cont {
    background: white;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 1px 1px 4px #ccc;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 4px #ccc;
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,.1);
    box-shadow: -1px 1px 0 #ccc;
    box-shadow: -1px 1px 0 rgba(0,0,0,.1);
    margin-bottom: 15px;
}

.full-article {
    padding: 20px 25px !important;
}

.slider-padding .full-article {
    padding: 0!important;
}

.top-image-wrapper .full-article {
    padding: 0 !important;
}

.home-boxes-container .full-article {
    padding: 20px 0 !important;
}

.inner-cont h2 {
    display: block;
    font-family: 'tele-groteskhalregular';
    font-size: 26px;
    color: #555;
    line-height: 110%;
    font-weight: normal;
    margin-bottom: 0;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.inner-cont .magenta-box h2 {
    border-bottom: 1px none #e5e5e5;
}

.inner-cont .block-wrapper {
    margin-top: 20px;
}

.iphone-holder h2 {
    border-bottom: 1px none #e5e5e5;
}

#footer .social-links a {
    color: white;
    text-decoration: none;
    display: inline;
    white-space: nowrap;
}

    #footer .social-links a:hover {
        color: white;
        text-decoration: none;
    }

    #footer .social-links a img {
        padding-right: 10px;
        display: inline;
        height: 50px;
    }


#lpButtonDiv-consumer-shop {
    margin-top: 15px;
    visibility: visible;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999;
}

ul.social-lilnks {
    display: table;
}

.level-one.magen {
    float: left;
    display: block;
    position: relative;
    background: #bbb url(../../images/portal.png) 5px center no-repeat;
    color: white;
    height: 40px;
    margin-right: 0;
}

    .level-one.magen a {
        display: block;
        padding: 15px 20px 11px 40px;
    }

@media screen and (min-width: 992px) {
    .level-one.magen {
        width: 145px;
    }

        .level-one.magen > a {
            padding: 15px 15px 11px 35px;
            text-align: center;
        }
}

.level-one.magen .magen-list 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;
}

    .level-one.magen .magen-list li a:hover {
        color: #e20074;
    }

.level-one.magen a, .level-one.magen a:hover {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'tele-groteskhalregular';
    font-size: 14px;
    background-color: transparent !important;
}

.magen-holder {
    right: 0;
    position: absolute;
    padding: 0;
    list-style: none;
    border-radius: 1px;
    z-index: 99999;
    background: #d2d2d2;
    background: rgba(210,210,210,.9);
    background: #bbb;
    width: 450px;
    margin-top: 0;
    padding: 20px 20px 20px 20px;
    top: 100%;
}

@media screen and (max-width: 767px) {
    .magen-holder {
        right: 0;
        position: fixed;
        padding: 0;
        list-style: none;
        border-radius: 1px;
        /* padding: 15px 20px; */
        z-index: 99999;
        background: #d2d2d2;
        background: rgba(210,210,210,.9);
        background: #bbb;
        width: 450px;
        margin-top: 0;
        padding: 20px 20px 20px 20px;
        top: 99px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        overflow: auto;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

        .magen-holder.goUpAndro {
            top: -120px !important;
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -ms-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }
}

.reg-magen, .reg-magen:hover {
    padding: 0 10px !important;
    color: white;
    background-color: transparent !important;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'tele-groteskhalregular';
    text-transform: inherit !important;
    display: table-cell !important;
    vertical-align: middle;
    height: 30px;
}

.menu-margin {
    margin-top: -38px;
}

.home-box .btn-small {
    padding: 5px;
    min-width: 110px;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 15px;
    text-transform: uppercase;
    font-family: tele-groteskfetregular;
}


.home-slider-title {
    margin-top: 15%;
}

.home-slider-wrapper {
    position: relative;
    height: 100%;
    left: 0;
    right: 0;
    background-size: cover;
    padding: 15px;
    background-position: top center;
}

    .home-slider-wrapper.kompaniji {
        position: relative;
        background: url("../../images/home/o-kompaniji-TOP.jpg") no-repeat top center;
        height: 100%;
        left: 0;
        right: 0;
        background-size: cover;
        padding: 15px;
        background-position: bottom center;
        margin-top: 0;
    }


    .home-slider-wrapper.gifts {
        background: transparent;
    }

    .home-slider-wrapper img {
        position: relative;
        width: auto;
        margin: 0 auto;
        display: block;
        max-height: 100%;
        padding: 10px 0;
    }


    .home-slider-wrapper.kompaniji img {
        position: absolute;
        width: 100%;
        position: relative;
        width: auto;
        margin: inherit;
        display: block;
    }



    .home-slider-wrapper h1 {
        color: #e20074;
        font-family: 'tele-groteskfetregular';
    }

    .home-slider-wrapper h2 {
        text-transform: uppercase;
        font-size: 30px;
        font-family: 'tele-groteskhalregular';
    }

    .home-slider-wrapper a {
        background: #e20074;
        color: white;
        padding: 14px 20px;
        font-size: 16px;
        border-radius: 3px;
        box-shadow: inset 0 -3px 0 #aaa;
        box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
        margin-top: 25px;
        display: block;
        width: 120px;
        -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: 22px;
    }

        .home-slider-wrapper a:hover {
            background: #c7096b;
            text-decoration: none;
        }

.home-box-content {
    padding: 20px 25px 0;
}

.home-box h4 {
    font-family: tele-groteskfetregular;
    text-transform: uppercase;
    color: #333;
    font-size: 22px;
}

.home-box.webshop-home h4 {
    color: #e20074;
}

.home-box-content a {
    color: #0090c4;
    font-size: 20px;
    font-family: tele-groteskfetregular;
    -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;
}

    .home-box-content a:hover {
        color: #999;
        text-decoration: none;
    }

.home-box-content p {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #5e5e5e;
    margin-bottom: 30px;
    line-height: 21px;
    margin-top: 15px;
}


.home-box-content .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #e7e7e7;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 1px;
    -webkit-box-shadow: inset 0 1px 1px #e5e5e5;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px #e5e5e5;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 15px;
}

.home-box-content .form-group {
    margin-bottom: 0;
    margin-top: 15px;
}

.section-container.tabs.inner-tabs-container .section {
    display: table-cell;
}

.navbar {
    position: relative;
    min-height: 36px;
    margin-bottom: 0;
    border: 0 solid transparent;
}


.navbar-nav .dropdown-menu {
    right: inherit;
    left: 0;
}

.navbar-default {
    background-color: transparent;
    /*background: #fafafa;*/
    border-color: transparent;
}

.navbar {
    border-radius: 0;
}


@media screen and (min-width: 767px) {
    .magen-holder > .col-lg-6.col-md-6.col-sm-6:first-of-type {
        padding: 0;
    }

    .home-content-holder .collapse {
        display: block;
        visibility: visible;
    }


    .navbar-default .navbar-nav > .hovernav:hover > a, .navbar-default .navbar-nav > .hovernav:hover > a:hover, .navbar-default .navbar-nav > .hovernav:hover > a:focus {
        color: #fff;
        background: #999;
        background: #fafafa;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .navbar-nav > li > a {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .navbar-nav > li {
        float: left;
        text-transform: uppercase;
        height: 36px !important;
    }

    .navbar-default .navbar-nav > .hovernav > a {
        color: #555;
    }
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}

.table-responsive:before, .table-responsive:after, .city-selector:before, .city-selector:after {
    clear: both;
    content: '';
    display: table;
}


.icon-land.clock {
    background-image: url(../../img/mobilna/ws-clock.png);
}

    .icon-land.clock:hover {
        background-image: url(../../img/mobilna/ws-clock-hover.png);
        background-position: center -10px;
    }

.icon-land.card {
    background-image: url(../../img/mobilna/ws-card.png);
}

    .icon-land.card:hover {
        background-image: url(../../img/mobilna/ws-card-hover.png);
        background-position: center -10px;
    }

.icon-land.wait {
    background-image: url(../../img/mobilna/ws-wait.png);
}

    .icon-land.wait:hover {
        background-image: url(../../img/mobilna/ws-wait-hover.png);
        background-position: center -10px;
    }

.icon-land.package {
    background-image: url(../../img/mobilna/ws-package.png);
}

    .icon-land.package:hover {
        background-image: url(../../img/mobilna/ws-package-hover.png);
        background-position: center -10px;
    }

.pb35 {
    padding-bottom: 35px;
}

.t-btn-group {
    position: relative;
    margin-top: 50px;
}

    .t-btn-group button {
        position: absolute;
        width: 60px;
        right: 0;
        top: 0;
        padding: 3px !important;
    }

    .t-btn-group input {
        border-radius: 0;
        background-color: #e5e5e5;
        border-color: #dedede;
        width: 100%;
        padding-right: 70px;
    }

.three-boxes p {
    font-size: 14px;
    margin-bottom: 7px;
}

.three-boxes label {
    font-size: 16px;
    font-family: tele-groteskhalregular;
    line-height: 14px;
}

.mt3 {
    margin-top: 3px;
}

.mt40 {
    margin-top: 38px;
}

select {
    margin-bottom: 15px;
    height: 27px;
}

input[placeholder], [placeholder], *[placeholder], ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
    color: #e5e5e5 !important;
}

.form-control {
    padding: 6px 10px;
}

.web-login h1 {
    font-size: 30px;
    line-height: 28px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 7px;
    margin-bottom: 10px;
}

.btn-small {
    padding: 5px;
    min-width: 150px;
    display: block;
    margin-bottom: 15px;
}


.form-control {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
}

.web-login label, .web-login label span, .web-login p {
    font-size: 16px !important;
    font-family: 'tele-groteskfetregular';
    color: #5E5E5E;
}

.mt0 {
    margin-top: 0 !important;
}


.popover-content {
    padding: 3px 9px 10px;
    font-size: 12px;
    color: #bbb;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 270px;
    min-width: 242px;
    padding: 1px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 0 0 #bbb;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 0 #bbb;
    box-shadow: 0 0 0 rgba(0, 0, 0, .2);
    background-color: #292929;
    background-color: rgba(0,0,0,.8);
    border-radius: 3px;
}

.popover-title {
    padding: 6px 10px 0;
    margin: 0;
    font-size: 15px;
    background-color: transparent;
    border-bottom: 0 none #ebebeb;
    border-radius: 0;
    color: white;
    text-shadow: none;
    font-family: 'tele-groteskfetregular';
}



.popover > .arrow:after {
    content: "";
    border-width: 8px;
}

.popover.top > .arrow:after {
    bottom: 0;
    margin-left: -8px;
    content: " ";
    border-top-color: #292929;
    border-top-color: rgba(0,0,0,.8);
    border-bottom-width: 0;
}

.popover > .arrow {
    border-width: 8px;
}

.popover.top > .arrow {
    bottom: -8px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
}

.btn-pass {
    background: transparent;
    width: 35px !important;
    padding: 6px 0;
}

    .btn-pass span {
        border: 2px solid #ccc;
        color: #bbb !important;
        padding: 2px 6px;
        font-size: 16px;
        outline: none;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .btn-pass:hover, .btn-pass:focus, .btn-pass.focus, .btn-pass.active, .btn-pass:active {
        outline: none !important;
        box-shadow: none !important;
    }

        .btn-pass:hover span {
            background: #e20064;
            border: 2px solid #e20074;
            color: white !important;
        }

.t-btn-group .pr35 {
    padding-right: 35px;
}

.popover-content a {
    color: #bbb;
    -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;
}

    .popover-content a:hover {
        color: #e20074;
        text-decoration: none;
    }



.right {
    float: right;
}


.left {
    float: left;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 19px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


.carousel-control.left, .carousel-control.right {
    filter: none !important;
    background-repeat: repeat-x;
}


.t-new-btn, .magenta-btn {
    /*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);*/
    -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;
    margin: 0;
    font-family: tele-groteskfetregular;
    /*text-transform: uppercase;*/
    /*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;
}

    .t-new-btn:hover, .magenta-btn:hover {
        /* 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 */
    }




label {
    display: inline-block;
    max-width: 100%;
	width:inherit\0/;
    margin-bottom: 5px;
    font-weight: normal;
}

select.form-control {
    line-height: 28px;
}


.inner-cont-right .side-right {
    background: white;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 1px 1px 4px #ccc;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 4px #ccc;
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,.1);
    box-shadow: -1px 1px 0 #ccc;
    box-shadow: -1px 1px 0 rgba(0,0,0,.1);
    padding: 10px 15px;
    margin-bottom: 10px;
}


.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
    float: right;
}

@media screen and (min-width:767px) {
    .navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
        display: none !important;
    }

    .navbar-nav li a {
        font-size: 14px\9 !important;
    }

    .navbar-nav {
        float: none\9 !important;
        margin: 0 auto\9 !important;
    }
}

@media screen and (max-width:767px) {



    .btn-pass {
        top: 25px;
    }

    .okompaniji-slider.v75 {
        padding-top: 55px;
    }

    .three-boxes .white-boxz h1, .three-boxes .white-boxz .row.collapse, .three-boxes .white-boxz .row.collapsing {
        padding: 15px 0;
    }

    .home-icons-holder img {
        margin: 0 auto;
        padding: 0;
        border: 0;
        width: auto;
        max-width: 100%;
        height: auto;
        display: block;
    }

    .level-one.magen {
        height: 55px;
    }

    .search-icon {
        height: 55px;
    }

    .magen-list li a {
        padding: 0;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

        .magen-list li a:hover {
            background: transparent !important;
            color: #e20074;
            -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;
        }

    .magen-list {
        margin-left: 0 !important;
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 15px;
    }

    .dropdown-menu.sm-nowrap {
        padding: 0 !important;
    }

        .dropdown-menu.sm-nowrap li {
            /*border-bottom: 1px solid #dedede;*/
            padding: 0 0 0 0 !important;
        }

    .navbar-nav .collapsible ul .dropdown-menu > li > a, .navbar-nav .collapsible ul .dropdown-menu .dropdown-header {
        padding-left: 0;
    }

    .navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
        margin-top: 8px;
    }

    .navbar-fixed-top, .navbar-fixed-bottom {
        position: relative !important;
    }

    #affix1.affix-top {
        position: fixed;
        top: 44px;
        z-index: 99999;
        width: 100%;
    }

    #affix1.affix {
        top: 0;
        z-index: 99999;
        width: 100%;
        position: fixed;
    }

    .navbar-nav .dropdown-menu {
        right: inherit;
        left: 0;
        padding: 0;
    }


    .navbar-default {
        background-color: #f5f5f5;
        background-color: rgba(245,245,245,1);
        background-color: #e20074;
        border-color: transparent;
    }
}

.top-holder .affix-top.affix2 {
    position: relative;
    z-index: 8000;
    width: 100%;
    height: 60px;
}

.top-holder .affix.affix2 {
    top: 0;
    z-index: 9000;
    width: 100%;
    position: fixed;
    height: 60px;
}

.block input[type="text"], .block input[type="password"] {
    border-radius: 0 0;
    width: 100%;
    margin-bottom: inherit;
}

.web-login label, .web-login label span, .web-login p {
    margin: 0;
}

    .web-login label span.ion-help {
        line-height: 14px;
    }

.mw {
    max-width: 100px;
}

.dropdown-menu li {
    border-bottom: 1px solid #777;
}

    .dropdown-menu li:last-child {
        border-bottom: 1px none #e5e5e5;
    }

#navigation-menu .dropdown-menu li a {
    padding: 8px 5px;
    clear: both;
    color: #e5e5e5;
    white-space: normal;
    line-height: 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;
    text-transform: none;
}

#navigation-menu .dropdown-menu li:hover a {
    color: #fff;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: relative;
    right: 0;
    left: 0;
    z-index: 99999;
}

.dropdown-menu li:hover {
    background: #767676;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > li:hover > a {
    color: #fff !important;
    background-color: #676767;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

.navbar-default .navbar-nav > li:hover {
    background: #676767;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}


.mynav {
    position: absolute;
    top: 45px;
    right: 30px;
}


@media screen and (min-width: 1199px) {
    #left-wrapper, #right-wrapper, #left-in-long {
        width: 21%;
    }

    #middle-wrapper {
        width: 58%;
    }

    #long-wrap, #long-wrapz {
        width: 79%;
    }
}

#long-wrapz .full-article {
    padding: 0 !important;
}

    #long-wrapz .full-article .pale-holder {
        padding: 0 !important;
        background-color: transparent;
        margin-bottom: 15px;
    }

.bg {
    position: fixed;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../../images/home-gifts.jpg") no-repeat bottom center;
}

.bg-poslovni {
    position: fixed;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../../images/background-poslovni-smart.jpg") no-repeat top center;
    background: url("../../images/background-poslovni-smart.jpg") no-repeat 50% 30%\9;
    background-size: cover;
}

.bg-poslovni-belo {
    background: transparent;
    background: #ffffff;
    background: rgba(256, 256, 256, 0.7);
    padding: 10px;
    max-width: 445px;
}




.bg img, .bg-poslovni img {
    position: absolute;
    bottom: 0;
}

.transparent {
    background: transparent;
    overflow: hidden;
}

.v75 {
    height: 630px;
    height: 75vh;
}

.carousel-goes-here {
    height: 630px !important;
}

.net {
    padding: 20px 0;
}

.corr .three-boxes {
    min-height: inherit;
}

.sec {
    cursor: pointer;
}


.komp-icon-wrapper p {
    font-size: 16px;
    font-family: 'tele-groteskhalregular';
}

.komp-icon-wrapper:hover h4, .komp-icon-wrapper h4 {
    text-decoration: none !important;
    border-bottom: 1px none #e5e5e5;
}

.komp-icon-wrapper {
    display: block;
    padding: 0 20px 20px 20px;
    text-align: center;
}

    .komp-icon-wrapper a {
        color: #427bab;
        font-size: 18px;
        font-family: 'tele-groteskhalregular';
    }

    .komp-icon-wrapper .icon-land.house {
        background-image: url(../../img/mobilna/ic_komp.png);
    }

    .komp-icon-wrapper:hover .icon-land.house {
        background-image: url(../../img/mobilna/ic_komp_hover.png);
        background-position: center 10px;
    }

    .komp-icon-wrapper .icon-land.kart {
        background-image: url(../../img/mobilna/ic_komp_cart.png);
    }

    .komp-icon-wrapper:hover .icon-land.kart {
        background-image: url(../../img/mobilna/ic_komp_cart_hover.png);
        background-position: center 10px;
    }

    .komp-icon-wrapper .icon-land.hand {
        background-image: url(../../img/mobilna/ic_komp_hand.png);
    }

    .komp-icon-wrapper:hover .icon-land.hand {
        background-image: url(../../img/mobilna/ic_komp_hand_hover.png);
        background-position: center 10px;
    }

    .komp-icon-wrapper .icon-land.box {
        background-image: url(../../img/mobilna/ic_komp_docs.png);
        float: none;
    }

    .komp-icon-wrapper:hover .icon-land.box {
        background-image: url(../../img/mobilna/ic_komp_docs_hover.png);
        background-position: center 10px;
    }


.home-box.webshop-home.okomp img {
    width: 100%;
}
/*
.komp-content {
    padding: 20px;
}*/

    .komp-content p a {
        margin: 0;
    }

.home-box.webshop-home .komp-content h4 {
    color: #333;
    text-transform: none;
}

.listing-item {
    background: white;
    padding: 20px;
}

.phone-box img {
    max-height: 250px;
    max-width: 285px;
}


#slidersmall {
    background: transparent !important;
    background-image: url(../../images/slider-small-bg.png) !important;
}

#long-wrap #PrijavaProblemaContent label {
    display: block;
}

.devices-item:hover {
    background: white;
    -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: default;
}

.left {
    float: left;
}

.right {
    float: right;
}

.slick-prev, .slick-next {
    display: block !important;
}

.home-boxes-container p {
    font-size: 17px;
    font-family: tele-grotesknorregular;
    text-decoration: none;
}

a.home-icon-wrapper:hover p {
    text-decoration: none !important;
}

@media screen and (min-width:767px) {
    #imenik, #ebillbox, #ebillbox2, #imenik2, #dopunabox, #webshop5, #webshop1, #rachun {
        height: 250px !important;
        display: block !important;
        visibility: visible !important;
        position: static !important;
    }

    .home-boxes-container .phone-box img {
        height: auto;
        max-height: 285px;
        max-width: 200px;
    }
}

.product-home-img {
    height: 285px;
    width: 100%;
    display: table;
}

    .product-home-img .table-img {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 100%;
    }

@media screen and (max-width:991px) {
    .carousel-goes-here {
        height: 530px !important;
    }

    .level-one.magen {
        background: #bbb url(../../images/portal.png) 20px center no-repeat;
    }

    .smp0.smp0.smp0.smp0 {
        padding: 0 !important;
    }
}

@media screen and (max-width:991px) and (min-width:767px) {
    .phone-box.b-graylight.bg_white.minHeight360 {
        min-height: 418px;
        min-height: 418px\9;
    }

    .extra-tv-boxes .phone-box {
        padding: 40px 15px 30px 15px;
    }

    .extra-tv-boxes.home-boxes-container .phone-box p {
        font-size: 15px !important;
    }

    .txt-lg {
        font-size: 19px;
    }

    .extra-tv-box p:last-child {
        display: none;
    }

    .extra-tv-box p {
        margin-bottom: 25px;
    }

    .extra .home-box.minHeight360 {
        min-height: 330px;
        min-height: 365px\9;
    }

    /*.extra .home-box.extra-tv-box.minHeight360 img {
        margin-top: 62px;
    }*/
}

#bs-example-navbar-collapse-1 a {
    cursor: pointer;
    line-height: 14px;
}



@media screen and (max-width:767px) {
    .extra .home-box img {
        display: block;
        max-width: 100%;
        width: 100%;
    }

    .pad {
        padding: 0 15px !important;
    }

    .nav.nav-tabs.side-tabs li {
        float: none !important;
    }



    .view-all a {
        max-width: 290px;
        text-align: center;
        display: block;
        margin: 0 auto;
    }

    #sticker {
        position: fixed;
        z-index: 9900;
        top: 130px;
        right: 0;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > li:hover > a {
        color: #fff !important;
        background-color: #676767;
        margin-bottom: 0;
    }

    .dropdown-menu {
        position: static;
        top: 100%;
        width: 100%;
        background: #676767;
    }

    .home-box.webshop-home .home-boxes-container a {
        border-bottom: 1px none #e5e5e5;
        display: block;
    }



    .content.inner {
        background: none repeat scroll 0% 0% #F0F0F0;
        padding-bottom: 150px;
        margin-top: 20px;
		padding-top: 60px !important;
    }

    .slider-menu-holder {
        height: 300px\9;
    }

    .carousel-goes-here {
        height: 330px !important;
        margin-top: 50px;
    }

    .mynav {
        position: absolute;
        top: 30px;
        right: 30px;
    }

    .komp-icon-wrapper {
        border-bottom: 1px solid #e5e5e5;
    }

    .home-slider-wrapper.kompaniji {
        margin-top: 0;
		background-position: 70%;
    }

    .m57 {
        margin-top: 57px;
    }

    .left-nav-title {
        background: url("../../images/big-arrow-up.png") no-repeat right center #fff;
        cursor: pointer;
    }

        .left-nav-title.collapsed {
            background: url("../../images/big-arrow-down.png") no-repeat right center #fff;
            cursor: pointer;
        }

    .navbar-nav {
        margin: 0;
    }

    .dropdown-menu.sm-nowrap li {
        border-bottom: 1px none #e5e5e5;
    }

    .nav > li {
        cursor: pointer;
        border-bottom: 1px solid #666;
        text-align: left;
        padding: 0 0 0 0;
        float: left !important;
    }

        .nav > li > a {
            text-align: left;
        }

    .nav.navbar-nav.sm > li {
        width: 100%;
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
        background-color: #676767;
        color: #fff !important;
    }

    .menu-margin, .m150 {
        margin-top: 57px;
    }

    .home-slider-title {
        margin-top: 10%;
    }

    #dsearch2.search-box, .magen-holder {
        top: 100%;
        right: 0;
        left: 0;
        width: 100%;
    }

        #dsearch2.search-box input {
            width: 100%;
        }

    .mini-menu-wrap {
        float: right;
        padding-top: 0;
    }

    .lang-mob {
        padding: 15px 25px 15px 0;
        font-family: 'tele-groteskhalregular';
        font-size: 14px;
        font-weight: bold;
    }

    .logo-holder {
        padding-top: 6px;
        padding-left: 15px;
        display: inline-block;
        float: left;
    }

    .search-icon, .level-one.magen {
        width: 60px;
    }

    .carousel-mobilna .carousel-control.right {
        right: 20px;
    }

    .carousel-mobilna .carousel-control.left {
        left: 20px;
    }

    .brgrad-top-to-bottom {
        border-width: 0 0 0 0;
        border-style: none;
        border-image: none;
        border-top: 0;
        border-left: 0;
        border-bottom: 0;
        border-right: 1px none #cfcfcf\9;
    }

    .home-boxes-container h4 {
        padding: 20px;
        margin-bottom: 0;
        cursor: pointer;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .home-boxes-container.net a > h4, .home-boxes-container.web a > h4 {
        border-bottom: 1px none #e5e5e5 !important;
        padding: 0 0 10px;
    }

    .home-boxes-container a {
        border-bottom: 1px solid #e5e5e5;
        display: block;
        padding: 20px 0;
    }

    .komp-icon-wrapper a {
        border-bottom: 1px none #e5e5e5 !important;
        display: block;
    }

    .home-boxes-container.net h4, .home-boxes-container.net a {
        border-bottom: 1px none #e5e5e5;
        padding: 0 0 10px;
    }


    .home-boxes-container.net.iha a {
        border-bottom: 1px none #e5e5e5;
        padding: 0 0 0;
    }



    .min-height-oKomp {
        min-height: inherit;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: left;
        width: 100% !important;
        background-color: #676767;
        border: 0;
        box-shadow: none;
    }

        .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 11px 11px;
            background: transparent;
        }

    .breadcrumbs-hold {
        color: #d5d5d5;
        font-size: 10px;
        margin: 15px;
    }

    .mini-menu {
        padding-left: 15px;
    }


    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a.has-submenu.highlighted {
        color: #fff !important;
        text-transform: uppercase;
        border-bottom: 1px none #ddd;
        background-color: #555;
    }

    .navbar-default .navbar-nav > li > a {
        color: #777;
        text-transform: uppercase;
    }

    ul.mini-menu li a {
        padding: 15px 7px;
        font-size: 13px;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }


    .three-boxes {
        /*padding: 0 !important;*/
        min-height: inherit;
        position: relative;
    }

        .three-boxes h1 {
            padding: 15px 30px;
            margin-bottom: 0;
            cursor: pointer;
            font-size: 24px;
        }

            .three-boxes h1.collapsed {
                border-bottom: 1px solid #e5e5e5;
            }

        .three-boxes .collapse, .three-boxes .collapsing {
            padding: 15px 30px;
            border-bottom: 1px solid #e5e5e5;
            padding: 15px 30px;
            border-bottom: 1px solid #e5e5e5;
            overflow: hidden;
            margin: 0 !important;
            padding: 0 30px;
        }

    .webz .three-boxes .collapse {
        padding-bottom: 20px;
    }

    .three-boxes .block-wrapper.collapse {
        height: 0 !important;
    }

        .three-boxes .block-wrapper.collapse.in {
            height: auto !important;
            padding: 15px 30px;
        }

    .txt-xl {
        font-size: 30px;
    }

    .all0 {
        padding: 0 !important;
    }

    .copy-holder {
        padding: 15px 15px;
        text-align: center;
    }



    .navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
        width: 3.7em !important;
        height: auto !important;
        border-top: 1px solid #606060 !important;
        border-right: none transparent !important;
        border-bottom: 1px solid #606060 !important;
        border-left: 1px solid #606060 !important;
        position: absolute !important;
        right: 0;
        margin: 0 !important;
        padding-right: 0;
        top: 0;
        bottom: -1px;
    }

        .navbar-nav .sub-arrow:after, .navbar-nav .collapsible .sub-arrow:after {
            content: "\f3d0";
            font-family: "Ionicons";
            display: inline-block;
            float: right;
            color: #ccc;
            padding: 0 4px;
            font-size: 25px;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -ms-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
            width: 2em;
            height: 100%;
            padding-top: 0.4em;
            text-align: center;
        }


    .navbar-nav .collapsible .has-submenu.highlighted .sub-arrow {
        background-color: #cccccc;
    }

        .navbar-nav .collapsible .has-submenu.highlighted .sub-arrow:after {
            font-size: 25px;
            color: #e20074;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -ms-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ccc;
        text-transform: uppercase;
        padding-left: 20px;
        position: relative;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > ul > li > a {
        padding: 5px 11px 5px 30px;
    }

    .navbar-nav .collapsible ul .dropdown-menu > li > a, .navbar-nav .collapsible ul .dropdown-menu .dropdown-header {
        padding-left: 15px;
        text-transform: none !important;
        color: #999 !important;
    }

    .mobile-menu-new .nav.navbar-nav {
        float: left\9;
        display: block\9;
    }

    .mobile-menu-new .navbar-collapse {
        position: fixed;
        z-index: 99999999;
        top: 100px;
        left: 0;
        right: 0;
        overflow: auto;
bottom:0px;
    }
}



.phone-box img {
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.phone-box:hover img {
    margin-top: -10px;
    margin-bottom: 10px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.home-boxes-container .phone-box p {
    font-size: 24px;
    font-family: tele-groteskhalregular;
    text-decoration: none;
}

.net .phone-box p, .norton p {
    font-size: 17px;
    font-family: tele-groteskhalregular;
    text-decoration: none;
}

.net .phone-box a, .norton a {
    font-size: 16px;
}

.norton img {
    padding: 0px;
    width: 100%;
    height: 100%;
    margin-bottom: -10px;
}

.norton .phone-box:hover img {
    margin-top: 0;
    margin-bottom: -10px;
}

.top0 .full-article {
    padding: 20px 0;
}

.top0 .three-boxes-middle.three-boxes {
    padding: 0;
}

.white-holder.all0 .full-article {
    padding: 0;
}




.block-wrapper ul.t-list li {
    background: url(../../images/list-bullet.png) 0 10px no-repeat !important;
    border-bottom: 1px none transparent;
    padding: 5px 15px;
    line-height: 15px;
}

.white-holder.all0 .full-article, .home-content-holder .middle-content-container .full-article, .home-icons-holder .full-article {
    padding: 0 !important;
}



.extra-tv-boxes.home-boxes-container .phone-box p {
    font-size: 18px;
    font-family: tele-groteskhalregular;
    text-decoration: none;
    line-height: 18px;
}

.shopping-basket2 {
    position: absolute;
    z-index: 9999;
    padding: 10px;
    background: none repeat scroll 0% 0% #E5E5E5;
    border-radius: 0px;
    right: 0px;
    top: 100%;
    width: 230px;
}

.korpa-kontainer.collapsed {
    background: url("../../images/korpa.png") no-repeat scroll center center transparent;
}

.korpa-kontainer {
    background: url("../../images/korpa.png") no-repeat scroll center center #E5E5E5;
}

.magen-list li a {
    background: transparent !important;
}

.form-group.webmax.m-form {
    margin-bottom: 16px;
}

.top-holder .affix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

#middle-wrapper ul li {
    display: block;
    background: url(../../images/list-bullet.png) 0 7px no-repeat !important;
    padding-left: 15px !important;
    line-height: 18px;
    color: #5e5e5e;
    margin-bottom: 7px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif !important;
    padding-top: 0;
    padding-bottom: 10px;
}

#middle-wrapper ul.letter-list li {
    background: none !important;
}


.mag {
    /*background: #e20074;
    color: white;
    box-shadow: inset 0 -1px 0 #aaa;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);*/
    /*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;
}

    .mag:hover {
        /*background: #c7096b;
        text-decoration: none;
        color: white;*/
        /* 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 */
    }

.webshop-login-short-loginbtn-div .mag {
    padding: 7px;
    margin-bottom: 20px;
    width: 100%;
    color: #fff !important;
}


#navigation-menu.hidden-xs .container {
    margin-top: 10px;
}

.animsition, .animsition-overlay {
    opacity: 0;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    min-height: 100%;
    position: relative;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 11px 11px;
}

#fb-like-en {
    padding: 20px 20px;
}

@media screen and (min-width:767px) {
    .links-for-carousel {
        /* margin-top: -14px; */
        margin-top: -18px\0/;
        position: relative;
    }

    .carousel-goes-here .carousel .item .container .layer {
        margin-top: 40px;
    }
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
    color: #e5e5e5;
}


.top-holder .affix.affix2 {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.top-holder .affix-top.affix2 {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}



#affix5.affix {
   -webkit-transition: top 0.2s linear;
    -moz-transition: top 0.2s linear;
    -o-transition: top 0.2s linear;
    transition: top 0.2s linear;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #676767;
    top: 50px;
    z-index: 999;
    max-width: 1000px;
    margin: 0 auto;
    border-radius: 10px;
}

    #affix5.affix .nav.navbar-nav.sm {
        margin-top: 0px\0/;
        margin-top: 0px\9;
    }

#affix5.affix-top {
    position: relative;
    opacity: 1;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
}


#ddaffix.affix {
    top: 110px;
    position: fixed;
}

#ddaffix.affix-top {
    top: 0;
    position: relative;
}

#affix1.affix-top {
    position: fixed;
    top: 44px;
    z-index: 99999;
    width: 100%;
}

#affix1.affix {
    top: 0;
    z-index: 99999;
    width: 100%;
    position: fixed;
}


#affix7.affix-top, #affix8.affix-top {
    position: static;
    z-index: 99999;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
}

#affix7.affix, #affix8.affix {
    top: 75px;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
}

#affix7.affix-bottom, #affix8.affix-bottom {
    position: fixed;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
}

#affix7.affix-bottom, #affix7.affix-top, #affix7.affix {
    position: relative\9 !important;
    top: inherit\9 !important;
    z-index: inherit\9 !important;
}

@media (min-width: 767px) {
    .containerz {
        width: 750px;
    }

    .navbar-nav li:hover .dropdown-menu {
        display: block\9 !important;
    }

    .navbar-nav li a {
        font-size: 14px\9 !important;
    }
}

@media (min-width: 991px) {
    .containerz {
        width: 970px;
    }

    .navbar-nav li {
        display: table-cell\9 !important;
        float: left\9 !important;
    }

        .navbar-nav li ul li {
            width: 100%\9 !important;
        }
}


@media (min-width: 1119px) {
    .containerz {
        width: 1000px;
    }
}

.containerz {
    margin-top: 0px\0/;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

    .containerz:before, .containerz:after {
        clear: both;
        content: '';
        display: table;
    }

@-moz-document url-prefix() {
    .containerz {
        margin-top: 0;
    }

    #affix5.affix .nav.navbar-nav.sm {
        margin-top: 0;
    }

    .links-for-carousel {
        margin-top: -14px;
        margin-top: -18px\0/;
        position: relative;
    }
}


.top-holder.new-top-header {
    height: 155px;
}

@media screen and (max-width:767px) {
    #affix7.affix-bottom, #affix7.affix-top, #affix7.affix {
        width: 100%\9;
    }

    .home-boxes-container.net.iha .magenta-btn {
        padding: 10px 0 !important;
    }

    .links-for-carousel {
        margin-top: -3px !important;
    }

    .mceItemTable.dd-xs-365 td {
        display: block !important;
        width: 100% !important;
    }

    .top-holder {
        position: fixed !important;
    }

        .top-holder.new-top-header {
            background: #FFF;
            border-bottom: 0;
            padding-bottom: 0;
            /*height: 180px;*/
            height: 100px;
        }
}


#affix1.affix {
    top: 44px;
}

#main-wrapper {
    /*padding-top: 35px;*/
    padding-top: 20px;
}

.navbar:before, .navbar:after {
    clear: both !important;
    content: '';
    display: table !important;
}

.phone-box .btn-grey {
    padding: 10px;
    /*background: #e20074;*/
    filter: none;
    color: white !important;
    /*-moz-box-shadow: 0 3px 0 0 #bfbfbf;
    -moz-box-shadow: 0 3px 0 0 rgba(191,191,191,1);
    box-shadow: inset 0 -3px 0 #000000;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);*/
    max-width: 160px;
    margin: 0 auto;
    /*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;
}

    .phone-box .btn-grey:hover {
        /*background: #C50065 !important;*/
        /* 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 */
    }

@media screen and (min-width: 767px) {
    .navbar-nav {
        float: none;
        margin: 0 auto;
        display: table;
        width: auto;
        position: relative;
        margin-left: inherit !important;
        max-width: 1000px;
    }

        .navbar-nav > li {
            float: none;
            text-transform: uppercase;
            height: auto !important;
            display: table-cell;
            text-align: center;
            margin: 0 auto;
            font-family: tele-groteskhalregular;
        }
}

.text-magenta {
    color: #e20074;
}

.view-all {
    padding-top: 10px;
    padding-bottom: 25px;
}

.br-top {
    border-top: 1px solid #ededed;
}

.inner-cont.reg {
    padding: 20px 0;
    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);
    margin-bottom: 15px;
    min-height: inherit;
}


.tab-content.container {
    padding-top: 20px;
    padding-bottom: 20px;
}

#productsHomePage > div > div > div > div.col-lg-4:last-child > .br-graylight {
    border-right: 0 none #cecece !important;
}

@media screen and (max-width:991px) {
    .navbar-default .navbar-nav > li > a:hover > .dropdown-menu, .navbar-default .navbar-nav > li:hover > .dropdown-menu {
        display: none\9;
    }

    .block-wrapper.optika-block-wrap {
        overflow-x: scroll;
    }
}

.kozamobilna #redirectToAdsl {
    background: transparent;
}

    .kozamobilna #redirectToAdsl .check-btn.inner-page-btn {
        background: #e20074;
        color: white;
        font-size: 16px;
        border-radius: 3px;
        box-shadow: inset 0 -1px 0 #aaa;
        box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
        -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;
        margin: 0;
        font-family: tele-groteskfetregular;
    }

    .kozamobilna #redirectToAdsl #txtTelNumber {
        margin-top: -1px;
        margin-left: 20px;
        height: 35px !important;
    }

.okompaniji-slider.v75 {
    height: 423px;
	margin-top:30px;
}

.okompaniji-slider .home-slider-title {
    margin-top: 8%;
}

.okompaniji-main-shrink .wb-korpa, .okompaniji-main-shrink .korpa-kontainer, .okompaniji-main-shrink .search-container, .okompaniji-main-shrink .search-icon {
    width: 55px;
}

.okompaniji-main-shrink ul.mini-right-menu li a {
    padding-left: 10px;
    padding-right: 10px;
}

.okompaniji-main-shrink ul.mini-right-menu li a {
    background: url(../../images/border.png) right center no-repeat;
}

.okompaniji-main-shrink ul.mini-right-menu li:first-child, ul.mini-right-menu li:first-child {
    background: url(../../images/premiumicon.png) left 15px no-repeat;
    transition: all ease-in-out 0.2s;
    padding-left: 15px;
}

    .okompaniji-main-shrink ul.mini-right-menu li:first-child:hover {
        background: url(../../images/premiumicon-magenta.png) left 15px no-repeat;
    }


.color-white {
    color: white;
    padding-top: 5px;
    margin-bottom: 0;
    line-height: 15px;
}

#map-canvas.flex-video {
    height: 400px;
}


.min-height-resett {
    min-height: 0 !important;
}

.ptz {
    padding-top: 15px !important;
}

@media screen and (min-width:767px) and (max-width:991px) {
    .nav > li > a {
        padding: 8px 4px !important;
    }

    #bs-example-navbar-collapse-1 a {
        cursor: pointer;
        line-height: 14px;
        padding: 10px 11px !important;
    }
}


ul.social-links {
    display: table;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}


.minHeight360 {
    min-height: 375px;
    min-height: 475px\9;
}

/*.padZ {
    padding: 12px !important;
}*/

.white-boxz {
    padding: 20px;
    background: #ffffff;
    background: rgba(255,255,255,.85);
    background: url(../../images/white-bg-z.png);
}

.padZ .form-control {
    border-radius: 2px;
    background-color: #ffffff;
    border-color: #ccc;
}

.h-def {
    height: inherit !important;
    min-height: inherit;
}

.btn-txt {
    text-transform: none !important;
    font-size: 18px !important;
}

.navbar-nav > li > a {
    padding-top: 8px\9 !important;
    padding-bottom: 8px\9 !important;
}

.phone-list-padding .pale-holder {
    margin-bottom: 0 !important;
}

.linkZ .top-link h4 {
    color: #363636;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold;
    padding-top: 10px;
}

.extra-tv-box p {
    line-height: 19px;
}

.home-box.webshop-home.okomp {
    margin-top: 0;
}

.page-numbers span {
    border-radius: 50%;
    background: #ccc;
    color: white !important;
}

    .page-numbers span.pageDesc, .pale-holder #pager span {
        background: transparent;
        color: #909090 !important;
    }


.piktos {
    margin-top: 35px;
}


.piktos2 {
    margin-top: -20px;
}

.mhh380 {
    min-height: 380px;
}



.long-content-hold #ddaffix {
    position: static !important;
}


@media screen and (min-width:767px) and (max-width:991px) {
    .piktos {
        margin-top: -30px;
    }
}

.piktos img {
    margin: 0 auto;
    display: block;
}

.piktos p {
    text-transform: uppercase;
    color: #555555;
    text-align: center;
    font-family: tele-groteskhalregular;
    font-size: 16px;
    line-height: 20px;
}



.piktos2 img {
    margin: 0 auto;
    display: block;
}

.piktos2 p {
    text-transform: uppercase;
    color: #555555;
    text-align: center;
    font-family: tele-groteskhalregular;
    font-size: 16px;
    line-height: 20px;
}


.area-action img {
    width: auto !important;
}

.white-holder .light-title {
    display: none !important;
}

.inner-cont .three-boxes-left {
    padding: 0 !important;
}

    .inner-cont .three-boxes-left > h1 {
        display: none !important;
    }

.imenik-mob .form-group {
    margin-bottom: 4px;
}

.imenik-mob .required-pole {
    box-shadow: inset 0 1px 1px #e7e7e7, 0 0 8px #be3636;
    box-shadow: inset 0 1px 1px rgba(231, 231, 231, 0.075), 0 0 8px rgba(190, 54, 54, 0.6);
    border: 1px solid rgb(227, 171, 171) !important;
    color: #DA2F3A;
}

.three-boxes h2.light-title {
    margin-bottom: 20px;
}

.three-boxes div.result-holder {
    overflow: visible;
    width: 100%;
}

.imenik-mob .prev-arrow, .imenik-mob .page-numbers, .imenik-mob .next-arrow {
    float: left;
}

.imenik-mob .prev-arrow, .imenik-mob .next-arrow {
    padding-top: 9px;
}

.imenik-mob .page-numbers .active {
    background: #e20074;
    color: #fff;
    cursor: pointer;
    -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;
}

.white-holder .imenik-mob .val-summary, .white-holder .imenik-mob .phone-list-paging {
    display: none;
}

@media only screen and (max-width:767px) {
    .xsp0 {
        padding: 0 !important;
    }

    .piktos2 {
        margin-top: 20px;
    }

    .home-box {
        min-height: inherit;
    }

    .box-adsl-slika-naslovnaa .col-lg-6.col-md-6.col-sm-6.col-xs-12 {
        padding: 0 !important;
    }

    /*.three-boxes #imenik {
        padding: 0 !important;
    }*/
}

.full-article object#premium-bulevar {
    width: 100% !important;
}

.inner-cont .full-article .three-boxes-middle h1 {
    display: none;
}

/*after-delivery-response*/
.after-delivery-response a {
    font-size: 16px;
}

.after-delivery-response {
    padding: 20px 30px;
    text-align: center;
}


    .after-delivery-response h3 {
        display: block;
        font-family: 'tele-groteskfetregular';
        font-size: 21px;
        color: #555;
        line-height: 110%;
        font-weight: normal;
        margin-bottom: 15px;
    }

    .after-delivery-response p {
        display: block;
        font-size: 17px;
        color: #777;
        margin-bottom: 15px;
        line-height: 21px;
        font-family: 'tele-groteskhalregular';
        max-width: 565px;
        margin: 0 auto;
    }

    .after-delivery-response h2.pricing-header {
        font-size: 18px !important;
        color: #e20074;
        display: block;
        border-bottom: 0 solid #e5e5e5 !important;
        padding-top: 20px;
    }

.inner-cont .after-delivery-response h2 {
    display: block;
    font-family: 'tele-groteskhalregular';
    font-size: 26px;
    color: #e20074;
    line-height: 110%;
    font-weight: normal;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}

.after-delivery-response .success {
    color: #babd5a;
    text-decoration: underline;
}

.after-delivery-response .no-success {
    color: #E20074;
    text-decoration: underline;
}


.long-content-hold #ddaffix {
    position: static !important;
}

.div-no-data.alert-danger {
    padding: 3px 10px 0 10px;
    color: #e20074;
    background-color: #f8d9e9;
    background-color: rgba(248, 217, 233, 1);
    border-color: #f4beda;
    border-color: rgba(244, 190, 218, 1);
    border-radius: 3px;
}

    .div-no-data.alert-danger span {
        display: table-cell;
        vertical-align: middle;
    }

        .div-no-data.alert-danger span.ion-ios-close-outline {
            font-size: 30px;
            padding: 10px;
        }

div#youtube-pager {
    text-align: center;
    padding: 10px 35% !important;
}

#youtube-pager > * {
    float: left;
}

.section-container.tabs.inner-tabs-container .section p {
    background: white;
}

.section-container.tabs.inner-tabs-container .section:hover p {
    background: rgb(247, 247, 247);
}

.section-container.tabs.inner-tabs-container .section.active p {
    background: rgb(247, 247, 247);
}

.vijesti-no-padding {
    padding: 0 20px !important;
    border-bottom: 1px solid #cecece;
    margin: 0 15px 0 15px;
}

.integrisss-fix {
    min-height: 200px;
    padding-top: 20px;
}

@media only screen and (max-width:767px) {
    .korpa-kontainer {
        height: 55px;
        width: 55px;
        position: relative;
    }
}

#dsearch > div {
    width: 340px;
}

.gsc-control-cse {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

.gsc-control-wrapper-cse {
    height: 100% !important;
}

.gsc-search-box.gsc-search-box-tools {
    margin-bottom: 0 !important;
    border: 0 !important;
}

table.gsc-search-box {
    margin-bottom: 0 !important;
    border: 0 !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding: 0 !important;
    display: inline-block;
}

#dsearch *, #dsearch2 * {
    min-height: 36px !important;
    max-height: 36px !important;
}

td.gsc-input {
    height: 100%;
    border-bottom: 0;
    width: 90%;
}

td.gsc-search-button, td.gsc-input {
    display: inline-block;
    padding: 0;
}

#gs_id50.gstl_50, #gs_id51.gstl_51 {
    width: 100%;
    padding: 0;
    height: 36px;
    max-height: 36px;
    display: block;
    overflow: hidden;
}

    #gs_id50.gstl_50 tbody, #gs_id51.gstl_51 tbody {
        height: 100%;
        display: block;
        margin-top: 3px;
    }

        #gs_id50.gstl_50 tbody tr, #gs_id51.gstl_51 tbody tr {
            display: block;
        }

            #gs_id50.gstl_50 tbody tr td, #gs_id51.gstl_51 tbody tr td {
                display: inline-block;
                padding: 0 !important;
            }

                #gs_id50.gstl_50 tbody tr td input, #gs_id51.gstl_51 tbody tr td input {
                    padding-left: 14px !important;
                    padding-bottom: 5px !important;
                    background: white !important;
                }

td.gsc-search-button {
    width: 10% !important;
    height: 100%;
    border-bottom: 0;
}

.gsc-control-cse div {
    display: block;
    position: static;
    height: 100%;
    border: 0;
}

.gsc-search-button.gsc-search-button-v2 {
    margin-top: 0;
    margin-left: 0;
    border: 0;
    border-radius: 0;
    background-image: url(../../images/search-icon2.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    padding: 49%;
    outline-color: transparent !important;
    background-color: white !important;
}

    .gsc-search-button.gsc-search-button-v2:hover {
        background-image: url(../../images/search-icon2.png);
        background-color: #f1f1f1 !important;
    }


input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    border-color: #666666;
    filter: none;
    background-color: inherit\9;
    background-image: inherit\9;
    filter: none !important;
}

.gssb_c {
    z-index: 999999 !important;
}

#___gcse_0 div.gsc-results-wrapper-overlay.gsc-results-wrapper-visible {
    max-height: 90% !important;
    position: fixed !important;
    left: 15%;
    right: 15%;
}

#___gcse_1 div.gsc-results-wrapper-overlay.gsc-results-wrapper-visible {
    max-height: 90% !important;
    position: fixed !important;
    left: 5%;
    right: 5%;
    width: 90%;
}

#___gcse_0 .gsc-results-wrapper-overlay *, #___gcse_1 .gsc-results-wrapper-overlay * {
    min-height: 1px !important;
    max-height: inherit !important;
    height: auto !important;
    overflow: hidden;
}

.gsc-tabsAreaInvisible, .gsc-above-wrapper-area, .gsc-adBlockNoHeight {
    display: none !important;
}

#___gcse_0 div.gsc-modal-background-image, #___gcse_1 div.gsc-modal-background-image {
    max-height: 100% !important;
    display: none !important;
}

.gsc-table-cell-thumbnail.gsc-thumbnail, .gsc-thumbnail-inside, .gsc-url-top {
    display: none !important;
}

.gs-title {
    color: rgb(66, 123, 171) !important;
    font-size: 18px !important;
}

    .gs-title b {
        color: rgb(66, 123, 171) !important;
        font-size: 18px !important;
    }

.gs-snippet {
    color: rgb(51, 51, 51) !important;
    font-size: 14px !important;
}

.gs-visibleUrl {
    color: rgb(0, 153, 51) !important;
    font-size: 12px !important;
}

#___gcse_0 .gsc-results-close-btn, #___gcse_1 .gsc-results-close-btn {
    height: 15px !important;
}

.gsc-cursor {
    width: 100%;
    display: block !important;
    text-align: center;
}

    .gsc-cursor > * {
        display: inline-block !important;
    }

#___gcse_0 .gsc-cursor > *, #___gcse_1 .gsc-cursor > * {
    -webkit-transition-timing-function: ease-in;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0);
    color: rgb(144, 144, 144);
    -webkit-background-clip: border-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease-out;
    background-attachment: scroll;
    background-clip: border-box;
    background-image: none;
    background-origin: padding-box;
    background-position: 0% 0%;
    background-repeat: repeat;
    background-size: auto;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    box-sizing: border-box;
    cursor: pointer !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 25px !important;
    line-height: 14px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0 !important;
    margin-top: 0;
    padding-bottom: 7px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 7px;
    text-align: center;
    text-decoration: none !important;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease-out;
    vertical-align: middle;
    width: 25px;
}

    #___gcse_0 .gsc-cursor > .gsc-cursor-current-page, #___gcse_0 .gsc-cursor > *:hover, #___gcse_1 .gsc-cursor > .gsc-cursor-current-page, #___gcse_1 .gsc-cursor > *:hover {
        background-color: rgb(226, 0, 116) !important;
        color: rgb(255, 255, 255) !important;
    }

#youtube-pager {
    margin-top: 40px !important;
}
/*dd popravki*/
@media screen and (min-width: 767px) {
    .box-adsl-slika-naslovnaa h1 {
        margin-bottom: 25px;
    }


    .affix2.affix #navigation-menu .containerz {
        width: 100% !important;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .affix2.affix-top #navigation-menu .containerz {
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .height-fix-dd1 .col-lg-4.col-md-4.col-sm-4.col-xs-12 {
        height: 310px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .height-fix-dd1 #dopunabox .form-group.col-lg-6.col-md-6.col-sm-6.p0 {
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 767px) and (max-width:991px) {
    .height-fix-dd1 .col-lg-4.col-md-4.col-sm-4.col-xs-12 {
        height: auto;
        overflow: visible;
        margin-bottom: 20px;
    }

    .height-fix-dd1 #dopunabox .form-group.col-lg-6.col-md-6.col-sm-6.p0 {
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 991px) {
    .carousel-control.right {
        right: -20px;
    }

    .carousel-control.left {
        left: -20px;
    }

    .height-fix-dd1 .col-lg-4.col-md-4.col-sm-4.col-xs-12 .full-article {
        height: 310px;
        overflow: hidden;
    }

    #imenik .form-group input {
        margin-bottom: 0;
    }

    .box-adsl-slika-naslovnaa .white-boxz {
        height: 358px;
    }
}

@media screen and (min-width: 991px) and (max-width: 1119px) {
    .three-boxes p {
        font-size: 14px;
        margin-bottom: 1px;
    }
}

@media screen and (max-width: 767px) {
    .height-fix-dd1 .container {
        height: auto;
        overflow: visible;
    }

    .gsc-search-button.gsc-search-button-v2 {
        padding: inherit;
    }

    .reg-magen, .reg-magen:hover {
        font-size: 15px;
        text-align: right;
        float: right;
    }

    .magen-holder > .col-lg-6.col-md-6.col-sm-6 {
        padding: 0;
    }
}

.magen-form-holding span.user-tip, .magen-form-holding span.pass-tip {
    color: #777 !important;
    font-size: 11.5px;
}

.magen-form-holding input[type="text"], input[type="password"] {
    margin-bottom: 5px;
}

.logn-magen-hold {
    margin-top: 15px;
}


.box-magenta {
    width: 50%;
    background-color: #e20074;
    border: 1px solid #DDDDDD;
    padding: 15px;
}

    .box-magenta p {
        color: white !important;
    }




.izabrali-rd-content p, .izabrali-rd-content h2 {
    color: white;
    border-bottom: none;
}


.izabrali-rd-content p {
    font-size: 20px;
    text-transform: uppercase;
    font-family: tele-groteskfetregular;
    border-bottom: 1px solid #FDC4E1;
    padding-bottom: 15px;
    margin-bottom: 5px;
    text-align: left;
}

.izabrali-rd-content h2 {
    color: #606060;
    font-size: 16px;
    margin-bottom: 5px;
    padding-bottom: 0;
    display: inline;
    text-align: left;
    float: left;
}

.izabrali-rd-content span {
    color: #e20074;
    font-size: 16px;
    font-family: tele-groteskhalregular;
    float: right;
    font-weight: bold;
}

.izabrali-rd-content .rd-info {
    /*border-bottom: 1px solid #F52A97;*/
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px !important;
    text-align: left;
    padding: 0;
    padding-bottom: 5px;
}

.home-boxes-container.boxes-devices.net.row {
    margin: 0 -15px;
}

@media screen and (max-width:767px) {
    .home-boxes-container.boxes-devices.net.row {
        margin: 0 0;
    }

    #apps {
        padding: 20px;
    }

    .white-boxz {
        padding: 0 20px;
    }
}


.pod-korisnika-info p {
    margin-bottom: 0 !important;
}

.center-align p {
    line-height: 15px;
}


/*#region PORTAL MENU*/

.level-one.magen ul.magen-list li.activen a, .level-one.magen ul.magen-list li a:hover,
ul.magen-list li.activen a, ul.magen-list li a:hover {
    color: #e20074;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.level-one.magen ul.magen-list li a:after,
ul.magen-list li a:after {
    color: #e20074;
    padding-right: 10px;
    content: "\f3d1";
    font-family: "Ionicons";
    display: inline-block;
    visibility: hidden;
    -ms-opacity: 0;
    opacity: 0;
    float: right;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.level-one.magen ul.magen-list li.activen a:after, .level-one.magen ul.magen-list li a:hover:after,
ul.magen-list li.activen a:after, ul.magen-list li a:hover:after {
    padding-right: 0;
    visibility: visible;
    -ms-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
/*#endregion*/



.webz .three-boxes h1 {
    margin-bottom: 25px;
}


.navbar-toggle .icon-bar {
    background: #fff !important;
}

.navbar-toggle {
    float: left;
    padding: 20px 15px !important;
}

.mob-tool {
    float: right;
    display: block;
}

.apps h1 {
    padding: 15px 30px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 24px;
}

    .apps h1 span.magenta-text {
        font-size: 25px;
        text-transform: uppercase;
        font-family: 'telegrotesk_headline_ultraRg';
        margin-top: 0;
        margin-bottom: 10px;
        line-height: 26px;
    }


.slick-track {
    margin: 0 auto;
}

#fancybox-overlay {
    position: fixed;
}



.btn-compare {
    position: fixed;
    right: -15px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(-90deg);
    width: 120px;
    bottom: inherit;
    left: inherit;
    right: -45px;
    margin-left: inherit;
    top: 50%;
    z-index: 99999;
    background: #909090;
}

    .btn-compare:hover {
        background: #aaa;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }


@media screen and (max-width:767px) {
    #main-wrapper {
        padding-bottom: 0;
    }
}

@media screen and (min-width:450px) and (max-width:776px) {
    #footer .social-links a img {
        height: 50px;
    }
}

@media screen and (max-width:450px) {

    #footer .social-links a img {
        padding-right: 10px;
        display: inline;
        height: 35px;
    }
}

.home-icon-wrapper p {
    max-width: 300px;
    margin: 0 auto;
}

.premium-kartice-menu.active span {
    border-bottom: 2px solid #e20074;
    padding-bottom: 5px;
}

.modal.movie {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.movie h4 {
        font-size: 22px !important;
        text-transform: uppercase;
        color: #e20074;
        padding-top: 0;
    }

    .modal.movie .modal-header {
        min-height: 16.42857143px;
        padding: 20px 20px 0;
        border-bottom: 0 solid #e5e5e5;
    }

    .modal.movie table tr td {
        font-family: 'tele-groteskhalregular';
        font-size: 15px;
        color: #4b4b4b;
        padding: 8px 15px;
        text-align: left;
        line-height: 120%;
        border-bottom: 1px solid #e5e5e5;
    }

    .modal.movie table {
        margin-bottom: 0;
    }


    .modal.movie .modal-body {
        position: relative;
        padding: 20px;
        padding-bottom: 25px;
    }



.home-box.extra-tv-box h4 {
    font-family: tele-groteskfetregular;
    text-transform: uppercase;
    color: #333;
    font-size: 22px;
    padding-top: 0;
    line-height: 100%;
}

#carousel-movies .item a, #carousel-movies .item a:hover {
    color: #999;
    cursor: pointer;
}

@media (min-width: 767px) {
    .modal.movie .modal-dialog {
        width: 600px;
        margin: 10% auto;
    }
}

#___gcse_0 {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.gsc-control-cse div {
    position: static;
}

#___gcse_0 div.gsc-results-wrapper-overlay.gsc-results-wrapper-visible {
    max-height: 90% !important;
    padding: 0;
    left: 5%;
    right: 5%;
    width: 90%;
    position: static !important;
    margin: 0;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    box-shadow: none;
    height: auto;
}

.gsc-overflow-hidden {
    overflow-y: scroll !important;
}

.gs-webResult.gs-result a.gs-title:link, .gs-imageResult a.gs-title:link {
    color: #e20074 !important;
    margin-bottom: 5px !important;
    display: inline-block;
}

    .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link b {
        color: #e20074 !important;
    }


.gs-fileFormat {
    padding: 7px 0;
}

span.gs-fileFormatType {
    font-size: 14px;
    color: #999;
}

span.gs-fileFormat {
    color: #666666;
    font-size: 14px;
}

.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
    color: #467bab !important;
    font-size: 16px !important;
    padding: 10px 0;
}

.gs-snippet {
    font-size: 16px !important;
}


.panel-promotivno {
    border-style: solid;
    border-width: 1px;
    border-color: #e5e5e5;
    margin-bottom: 1.25em;
    padding: 1.25em;
    background: #F9F9F9;
}

#qs, #qsxs {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 36px !important;
    border: 0;
    background-color: white;
    background-image: url("../../images/search-icon2.png");
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

.top-image-wrapper .orbit-container img, .top-image-wrapper .mob-app-bottom img, .top-image-wrapper .app-middle-right img {
    box-shadow: none;
}

/*carousel arrows*/
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    top: 35%;
}

.carousel-control {
    top: 40%;
    bottom: 40%;
}

.inFocus {
    display: block !important;
    visibility: visible !important;
    position: static !important;
    overflow: visible !important;
}

#qsxs {
    display: block;
    background: #fafafa url(../../images/search-icon.png) center center no-repeat;
}



#imenik .form-group input.check-btn.inner-page-btn.magenta-btn {
    margin-bottom: 0;
    right: 0;
    position: absolute;
    padding: 0;
    top: 0;
    /*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;
}

    #imenik .form-group input.check-btn.inner-page-btn.magenta-btn:hover {
        /* 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 */
    }


@media screen and (min-width: 767px) {
    .full-article #imenik, .full-article #ebillbox, .full-article #ebillbox2, .full-article #imenik2, .full-article#dopunabox, .full-article #webshop5, .full-article #webshop1, .full-article #rachun {
        height: auto !important;
        display: block !important;
        visibility: visible !important;
        position: static !important;
    }
}



.txt-cena-naslovna {
    font-size: 17px !important;
    font-family: tele-grotesknorregular;
    text-decoration: none;
    color: #5e5e5e !important;
    border-top: 1px solid#ccc;
    width: 70%;
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 5px;
}

.mbtnn8 {
    margin-bottom: 8px;
}

.options-test {
    float: right;
    height: 0;
}

.fr54 {
    float: right;
    width: 54%;
}

    .fr54 .error {
        font-size: 12px;
        font-weight: bold;
        padding-top: 4px;
    }

.audiojs {
    display: none;
}

.pleercontroler {
    margin: 0 auto;
    display: block;
    cursor: pointer;
}


#lblPoruka error {
    line-height: 10px;
    padding-top: 0px;
    margin-top: -5px;
    width: 198px;
    display: block;
    min-width: 183px;
    margin-left: -20px;
}


.nml70 {
    margin-left: 20px;
    padding: 0px;
}

.social-links li.nml70 {
    vertical-align: middle;
    text-align: left;
}

/*.social-links li.nml70:hover {
        background-color: transparent !important;
    }


       .n-copy:hover {
    color:red;
    }*/



@media screen and (max-width: 991px) {
    .nml70 {
        margin-left: 60px;
    }

        .nml70 a {
            font-size: 10px;
        }

    .n a {
        font-size: 10px;
    }
}

#homeCarousel .links-for-carousel {
    height: 100%;
    margin-top: 0px;
}

#homeCarousel .carousel-goes-here.carousel-fade.carousel.slide {
    height: 100% !important;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-goes-here .carousel-inner > .item {
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

        .carousel-goes-here .carousel-inner > .item.next,
        .carousel-goes-here .carousel-inner > .item.active.right {
            left: 0;
            -moz-transform: translate3d(100%, 0, 0);
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }

        .carousel-goes-here .carousel-inner > .item.prev,
        .carousel-goes-here .carousel-inner > .item.active.left {
            left: 0;
            -moz-transform: translate3d(-100%, 0, 0);
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }

            .carousel-goes-here .carousel-inner > .item.next.left,
            .carousel-goes-here .carousel-inner > .item.prev.right,
            .carousel-goes-here .carousel-inner > .item.active {
                left: 0;
                -moz-transform: translate3d(0, 0, 0);
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
}

.carousel-goes-here .carousel-inner > .active,
.carousel-goes-here .carousel-inner > .next,
.carousel-goes-here .carousel-inner > .prev {
    display: block;
    background-size: cover !important;
    width: 100%;
}

.carousel-goes-here .carousel-inner > .active {
    left: 0\0/ !important;
}

.carousel-goes-here .carousel-inner > .next.left,
.carousel-goes-here .carousel-inner > .prev.right {
    left: 0\0/ !important;
}

.carousel-goes-here .carousel-inner > .active.left {
    left: -100%\0/ !important;
}

.carousel-goes-here .carousel-inner > .active.right {
    left: 100%\0/ !important;
}

.bottom-bottom-right, .bottom-bottom-left {
    bottom: 10px !important;
}

.bottom-bottom-right {
    right: 0px;
}

.bottom-bottom-left {
    left: 0px !important;
}




/*FAQ start*/
.faqTab {
    width: 15.5%;
    float: left;
    margin: 0 0.5%;
    background-color: white;
    -webkit-box-shadow: 2px 3px 4px 0px rgba(156,156,156,1);
    -moz-box-shadow: 2px 3px 4px 0px rgba(156,156,156,1);
    box-shadow: 2px 3px 4px 0px rgb(202, 202, 202);
    padding: 10px;
    display: table;
    -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;
}

    .faqTab:hover, .faqTab.active {
        background-color: #e20074;
    }

    .faqTab h3 {
        font-size: 16px;
        color: #797979;
        text-align: center;
        border-top: 1px solid #E6E6E6;
        padding-top: 5px;
        margin-bottom: 0px;
        height: 60px;
        display: table-cell;
        width: 100%;
        vertical-align: middle;
        min-width: 100%;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .faqTab:hover h3, .faqTab.active h3 {
        color: white;
    }

    .faqTab > div {
        background-repeat: no-repeat;
        height: 105px;
        width: 100%;
        display: table-row;
        background-position: 50% 50%;
        -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;
    }

    .faqTab .faqMobilna {
        background-image: url("../../images/FAQ/mobilna-gray.png");
    }

    .faqTab .faqExtraTv {
        background-image: url("../../images/FAQ/extra-tv.png");
    }

    .faqTab .faqFiksna {
        background-image: url("../../images/FAQ/fiksna.png");
    }

    .faqTab .faqAdsl {
        background-image: url("../../images/FAQ/adsl.png");
    }

    .faqTab .faqWebshop {
        background-image: url("../../images/FAQ/webshop.png");
    }
	
	
       .faqTab .faqMagenta1 {
        background-image: url("../../images/FAQ/magenta1.png");
    }


    .faqTab:hover .faqMobilna, .faqTab.active .faqMobilna {
        background-image: url("../../images/FAQ/mobilna.png");
    }

    .faqTab:hover .faqExtraTv, .faqTab.active .faqExtraTv {
        background-image: url("../../images/FAQ/extra-tv-white.png");
    }

    .faqTab:hover .faqFiksna, .faqTab.active .faqFiksna {
        background-image: url("../../images/FAQ/fiksna-white.png");
    }

    .faqTab:hover .faqAdsl, .faqTab.active .faqAdsl {
        background-image: url("../../images/FAQ/adsl-white.png");
    }

    .faqTab:hover .faqWebshop, .faqTab.active .faqWebshop {
        background-image: url("../../images/FAQ/webshop-white.png");
    }
	
	       .faqTab:hover .faqMagenta1, .faqTab.active .faqMagenta1 {
        background-image: url("../../images/FAQ/magenta1-white.png");
    }


.faqTabsContentHolder {
    padding: 0px 0.5%;
}

    .faqTabsContentHolder h2 {
        margin: 20px 0px 10px 0px;
        border-bottom: 1px solid #D8D8D8;
        color: #797979;
        font-size: 20px;
        font-family: 'tele-groteskfetregular';
    }

    .faqTabsContentHolder .panel-heading {
        padding: 0px;
    }

    .faqTabsContentHolder h4 {
        display: block;
        padding: 0px;
    }

    .faqTabsContentHolder .panel-title a {
        display: block;
        padding: 12px;
        padding-left: 65px;
        font-family: 'tele-groteskhalregular';
        color: #5D5D5D;
        font-size: 17px;
        background-repeat: no-repeat;
        background-position: 15px 50%;
    }

        .faqTabsContentHolder .panel-title a[aria-expanded="false"] {
            background-image: url("../../images/FAQ/arrown-down.png");
            background-color: white;
        }

        .faqTabsContentHolder .panel-title a[aria-expanded="true"] {
            background-image: url("../../images/FAQ/arrow-up.png");
            background-color: #ebebeb;
        }

    .faqTabsContentHolder .panel-body {
        padding: 35px;
        border: 0px solid white !important;
        background: rgba(235,235,235,1);
        background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(248,248,248,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,235,235,1)), color-stop(100%, rgba(248,248,248,1)));
        background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(248,248,248,1) 100%);
        background: -o-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(248,248,248,1) 100%);
        background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(248,248,248,1) 100%);
        background: linear-gradient(to bottom, rgba(235,235,235,1) 0%, rgba(248,248,248,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#f8f8f8', GradientType=0 );
        padding-left: 65px;
    }

        .faqTabsContentHolder .panel-body p {
            line-height: 15px;
        }

    .faqTabsContentHolder .panel-group .panel + .panel {
        margin-top: -1px;
    }

@media only screen and (max-width:768px) {
    .faqTab {
        width: 16.6%;
        float: left;
        margin: 0px;
        background-color: white;
        -webkit-box-shadow: 2px 3px 4px 0px rgba(156,156,156,1);
        -moz-box-shadow: 2px 3px 4px 0px rgba(156,156,156,1);
        box-shadow: 2px 3px 4px 0px rgb(202, 202, 202);
        padding: 10px;
        display: table;
        -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;
    }

        .faqTab > div {
            background-repeat: no-repeat;
            height: 45px;
            width: 100%;
            display: table-row;
            background-position: 50% 50%;
            -moz-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
            background-size: contain;
        }

        .faqTab h3 {
            font-size: 16px;
            color: #797979;
            text-align: center;
            border-top: 1px solid #E6E6E6;
            padding-top: 5px;
            margin-bottom: 0px;
            height: 60px;
            display: table-cell;
            width: 100%;
            vertical-align: middle;
            min-width: 100%;
            -moz-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
            display: none;
        }
}
/*FAQ end*/

.ui-widget-content a.magenta-btn {
    color: #fff !important;
}

.slider-p3-fix {
    width: 100% !important;
    max-height: 1000%;
    margin-bottom: -23px;
    margin-top: 40px;
}

.displayBlock-fix {
    display: block !important;
}


.topbar-webshop {
    display: table;
}

    .topbar-webshop .wb-korpa {
        float: none;
        display: table-cell;
    }

        .topbar-webshop .wb-korpa .korpa-kontainer {
            background: #bbbd5a url(../../images/webshoplogin.png) left 7px center no-repeat;
            padding: 0;
            width: 40px;
            background-size: 24px;
            border-right: 1px solid #BBBD5A;
        }

    .topbar-webshop .rst-login {
        float: none;
        display: table-cell;
        padding: 0;
        height: auto;
        vertical-align: top;
        background: #bbbd5a;
    }

.t-portal-dropdown .magen-holder {
    top: 50px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.ml15
{
margin-left: 15px !important;
}


.slider-pos-fix
{
max-width: 450px !important;
}

.equal-button
{
border-radius: 4px;
    width: 110px;
    padding: 7px 20px;
    font-size: 16px !important;
}

.bottom20-fix-naslovna
{
    bottom: 20px !important;
}



.magenta-btn, .mgn-new, .magenta-button-rdn, .gray-btn, .t-new-btn, .equal-button, .magenta-button-rd , .btn-grey {
    padding: 7px 20px !important;
text-transform: none !important;
font-family: tele-groteskhalregular !important;
font-weight:normal;
min-width:110px;
border-radius:4px;
font-size: 16px;
}

.magenta-button-rd {  padding: 10px 20px !important;
}

.t-portal-dropdown a {
cursor:pointer;}


.mob-app-info-new {

    background-color: rgba(244, 190, 218, 0.2 );
    /* border-color: rgba(244, 190, 218, 1); */
    border-radius: 3px;
    padding: 10px;
    font-size: 10pt;
    margin-top: 30px;
    color: white;
    background-image: url('../../content/images/info-icon.png');
    background-repeat: no-repeat;
    background-position: 5%;
    padding-left: 95px;
    border: 1px solid #e20074;
}


.home-box.extra-tv-box.mt0.mhh380{
overflow:hidden;
}
/*
smetka
*/


.ui-tooltip, .arrow:after {
    background:#e20074 !important;
    /*background: black;*/
    border: 2px solid white;
    border:0 solid #fff !important;
    color: white !important;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    font-family: 'tele-groteskhalregular';

    background-color:#e20074 !important;
    width:inherit;
    font-size:12px !important;
    width: 200px;

  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;

  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
  
  
  
  
  .plava-poruka-ws
  {
      text-align: center;
    background-color: #e8f5fb;
    padding: 15px;    
    border: 1px solid #64b9e4;
	padding-left:40px;
  }
  
    .plava-poruka-ws img
  {

    float: left;
    padding-right: 20px;
    padding-left: 40px;
  }
  
    .plava-poruka-ws p
  {
margin: 0px;
font-size: 14px;
float:left;
padding-top: 5px;
  }

  
    .plava-poruka-ws2
  {
     text-align: center;
    background-color: #e8f5fb;
    padding: 15px;   
    border: 1px solid #64b9e4;

  }
  
     .plava-poruka-ws2 img
  {
 padding-bottom:15px;

  }
  
    .plava-poruka-ws2 p
  {
    margin: 0px;
    font-size: 14px;
    border-bottom: 0px solid !important;
    text-transform: none;
    font-weight: normal;
  }
  
  /*super brand i imenik start*/ 
 	.super-brand-part img {
    z-index: 99;
}

.super-brand-part {
position: absolute;
margin-top: -30px;
 z-index: 99;
}

.super-brand-part .list-inline > li {
    padding-right: 7px;
    padding-left: 7px;
}

.tel-imenik-box-mp {
    text-align: center;
    border: 1px solid #e20074;
        padding: 30px;
        height: 310px;
}

.tel-imenik-box-mp h1 {
    color: #5e5e5e;
    text-align: left;
    background-image: url(../../images/ti-arrow-right-gray.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    font-size: 25px;
    text-transform: uppercase;
    font-family: 'telegrotesk_headline_ultraRg';
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 26px;
    padding-top: 15px;
  
}

.tel-imenik-box-mp h1:hover {
    background-image: url(../../images/ti-arrow-right-magenta.png);
    cursor: pointer;
  
}

.tel-imenik-box-mp img {
  padding: 25px 0;
  
}

/*super brand i imenik end*/ 
  
  
  @media (max-width: 768px) {
  
   .plava-poruka-ws img
  {

    float: none;
    padding-right: 20px;
    padding-left: 40px;
  }
  
  
  .t-btn-group button {
    position: absolute;
    width: 60px;
    right: 0;
    top: 40px;
    padding: 3px;
    left: 2px;
}

.validationMessage {
    color: #D8000C !important;
    padding-top: 40px;
    display: block;
}
  
    .super-brand-part img {
    bottom: 0;
    left: 0;
    height: 55px;
}

    .super-brand-part {
      margin-top: -15px;
}

    .tel-imenik-box-mp h1 {
        padding: 0;
    padding-top: 5px;
}
    .tel-imenik-box-mp {
    padding: 5px 30px;
   height: auto; 
}
    .tel-imenik-box-mp img {
    display: none;
}
  
  }
  
   
  @media screen and (min-width:769px) and (max-width:991px)
  {
    .plava-poruka-ws img
  {

    float: none;
    padding-right: 20px;
    padding-left: 40px;
  }
  }
  
  
  
  
  .btn-slider-magenta-grey {
 padding: 11px 20px !important;  
    text-transform: none !important;
     border: none !important;
}



.art-no-border img
{
box-shadow: none !important;
}

a.magenta-button-rd.layer.imageLayer2.btn-iphone-se-naslovna

{
    background: transparent !important;
    border: 1px solid #666 !important;
    border-radius: 4px !important;
    color: #666 !important;
    font-size: 15px !important;
    line-height: 32px !important;
    text-align: center !important;
    white-space: nowrap !important;   
   padding: 3px 13px 3px !important;
    display: inline-block !important;
    top: 58% !important;
    left: 72% !important;
	font-family: 'myriad_set_ot_txregular' !important;
}


a.magenta-btn.mgn-new.btn-iphone-se-naslovna
{
 background: transparent !important;
    border: 1px solid #666 !important;
    border-radius: 4px !important;
    color: #666 !important;
    font-size: 15px !important;
    line-height: 32px !important;
    text-align: center !important;
    white-space: nowrap !important;   
   padding: 3px 13px 3px !important;
    display: inline-block !important;   
	font-family: 'myriad_set_ot_txregular' !important;
	text-shadow: none !important;
}

.fix-btn-note7
{
bottom: 50px !important;
}

.fix-img-slider-note7
{
margin-top: 0px !important;
}

.mt-fix-imenik
{
margin-top: 17px;
}

#imenik2 .alert-imenik 
{
position: absolute;
    font-size: 12px;
    padding: 7px;
    display: block;
}
#imenik2 .warning-text
{
bottom: -20px;
    position: absolute;
}

 @media screen and (max-width:769px)
 {
 

#imenik2 .warning-text
{
bottom: -15px;
}

.mt-fix-imenik
 {
 margin-top: 75px;
 }
 }
 
 
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}

	p.hal.c_magenta.txt-lg.hp-prekrizena-cijena {
   
color:rgb(94, 94, 94);
    font-size: 18px!important;
    /* border-bottom: 1px solid #d9d9d9; */
    padding-bottom: 3px;
    text-decoration: line-through;
    text-align: center;
    margin-bottom: 5px;
	    font-family: 'tele-groteskhalregular'!important;
}

p.hp-discount-price {
    font-size: 24px;
    color: #e20074;
    text-align: center;
}


a.magenta-button-rd.btn.btn-grey.btn-okomp
{
 background: #eeeeee !important;
    position: absolute;
    bottom: 20px;
}











